/* @import url("http://fonts.googleapis.com/css?family=Lato:400,700,400italic"); */

body {
  color: #606060;
  font-size: 16px;
}

#leistungen {
  padding: 2em 0 2em;
  background: #8b8b92;
  background: -moz-linear-gradient(70deg, #eeeeee 0, #dddddd 72%, #eeeeee 89%, #bbbbbb 100%);
  background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #eeeeee), color-stop(72%, #dddddd), color-stop(89%, #eeeeee), color-stop(100%, #bbbbbb));
  background:-webkit-linear-gradient(70deg, #eeeeee 0, #dddddd 72%, #eeeeee 89%, #bbbbbb 100%);
  background:-o-linear-gradient(70deg, #eeeeee 0, #dddddd 72%, #eeeeee 89%, #bbbbbb 100%);
  background:-ms-linear-gradient(70deg, #eeeeee 0, #dddddd 72%, #eeeeee 89%, #bbbbbb 100%);
  background:linear-gradient(70deg, #eeeeee 0, #dddddd 72%, #eeeeee 89%, #bbbbbb 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bbbbbb', GradientType=1);
  /*text-align:center;*/
}

#footer {
  font-size: 0.9em;
  padding: 1em 0 1em;
  background: #c12728;
  color: #ffffff;
}

#footer h1 {
  font-size: 2em;
  color: #fff;
  text-transform: uppercase;
}

#footer a {
  color: #cccccc;
}

#logo {
  display: block;
  height: 100px;
  text-indent: -30000px;
  background:url('../img/logo-h100.png') 0 0 no-repeat;
}

.svg #logo {
  background: url('../img/logo.min.svg') no-repeat;
  background-size: contain;
}

a.boxlink {
  color: #808080;
  display: block;
}

a.boxlink:hover {
  text-decoration: none;
}

.content-section {
  padding: 3em 0;
}

.splash{
  padding: 4em 0 2em;
  background: #141d27;
  background: -moz-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);
  background:-webkit-gradient(linear, left bottom, right top, color-stop(0, #141d27), color-stop(72%, #233344), color-stop(89%, #2c4055), color-stop(100%, #39526e));
  background:-webkit-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);
  background:-o-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);
  background:-ms-linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);
  background:linear-gradient(70deg, #141d27 0, #233344 72%, #2c4055 89%, #39526e 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#141d27', endColorstr='#39526e', GradientType=1);
  color:#fff;
  /*text-align:center;*/
}
.splash h1{font-size:4em}

#kontakt {
  color: #fff;
  font-size: 21px;
  background: #8b8b92;
}

#kontakt h1 {
  color: #fff;
}

#kontakt a {
  color: #141d27;
}

#anfahrt {
  margin-top: 0em;
}

#anfahrt iframe {
  width: 100%;
  height: 600px;
  display: block;
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
  #anfahrt iframe {
    height: 400px;
  }
  .page-header h1{
    /*font-size: 4em;*/
  }
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
  #anfahrt iframe {
    height: 400px;
  }
  .page-header h1{
    /*font-size: 4em;*/
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
  #anfahrt iframe {
    height: 400px;
  }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  #anfahrt iframe {
    height: 300px;
  }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
  #anfahrt iframe {
    height: 200px;
  }
}
