@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/ubuntu-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('/fonts/ubuntu-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v11-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/ubuntu-v11-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
       url('/fonts/ubuntu-v11-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v11-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v11-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v11-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v11-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/dosis-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Dosis Regular'), local('Dosis-Regular'),
       url('/fonts/dosis-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dosis-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dosis-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dosis-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dosis-v7-latin-regular.svg#Dosis') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/dosis-v7-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Dosis SemiBold'), local('Dosis-SemiBold'),
       url('/fonts/dosis-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/dosis-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/dosis-v7-latin-600.woff') format('woff'), /* Modern Browsers */
       url('/fonts/dosis-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/dosis-v7-latin-600.svg#Dosis') format('svg'); /* Legacy iOS */
}

html,
body {
  height: 100%;
  background-color: white;
  font-family: 'Ubuntu';
}

body b {
  font-weight:500;
}

.header {
  border-top:6px solid #aa3034;
}


.navbar-col {
  position:relative;
}

.navbar-bottom {
  margin-top:150px;
  padding-bottom:0 !important;
}

.header .brand img {
  width:50%;
  height:auto;
  margin-top:-6px;
}

@media (min-width: 1200px) {

  .navbar li {
    padding-left:8px;
    padding-right:8px;
    padding-bottom:12px;
  }

  .navbar li.active {
    border-bottom:3px solid #96bd0d;
  }
}

.navbar li a {
  color:black !important;
}

.navbar li.active a {
  font-weight:bold;
}

@media (max-width: 1199px) {

  .navbar {
    padding-left:0;
    padding-top:30px;
    padding-bottom:30px !important;
  }

  .navbar li.active a {
    background-color:#E7E7E7;
  }

  .dropdown-item.active {
    background-color:#E7E7E7;
    font-weight:bold;
  }

  .dropdown-menu {
    display: block !important;
    border:none;
    margin-top:0;
    padding:0;
  }

  .navbar-nav > .nav-item:first-child {
    border-top: 1px solid #CCCCCC;
  }

  .nav-link, .dropdown-item {
      border-bottom: 1px solid #CCCCCC;
      padding:.5rem 1rem;
      padding-left:25px !important;
  }

  .nav-link:hover,
  .dropdown-item:hover {
    background-color:#F3F3F3;
  }

  li.nav-item.dropdown a.nav-link {
    display:none;
  }

  li.nav-item.dropdown a.dropdown-item:hover {
    background-color:#F3F3F3;
  }

}

li.nav-item.dropdown a.dropdown-item {
  font-weight:normal;
  background:transparent;
}

li.nav-item.dropdown a.dropdown-item.active {
  background-color:#E7E7E7;
  font-weight:bold;
}

footer {
  margin-top:55px;
  color:#999a9a;
  background-color:black;
}

footer a,
footer a:hover {
  color:#999a9a;
}

.copyright {
  margin-top:50px;
  font-size: 80%;
  background-color:#aa3034;
  padding-top:10px;
  padding-bottom:10px;
  color:white;
}

.copyright a {
  color:white;
}

.footer-brand {

}

.footer-brand img {
  width:50%;
  height:auto;
}

.footer-adresse {
  margin-top:30px;
}

.footer-aktuelles {
  padding-top:60px;
}

.footer-archiv {
  padding-top:60px;
}

.footer-title {
  color:white;
  font-size:120%;
}

.footer-link {
  margin-top:10px;
  margin-bottom:10px;
}

.newslink {
  display:block;
  position:relative;
  margin-top:12px;
  margin-bottom:24px;
}

.newslink img {
  display:block;
  position:absolute;
  left:0;
  top:4px;
  width:35px;
  height:35px;
}

.newslink div {
  margin-left:45px;
  line-height:125%;
}


.teaser-head {
  background-size: auto 100%, 100% auto;
  background-position: center;
}

.teaser-head .image img {
  width:auto;
  margin-top:15px;
}

.teaser-head.holz {
  background-repeat: no-repeat;
  background-image: url(/img/bg_holz_wide.jpg), url(/img/bg_holz_wide.jpg);
}

.slider-bg {
  background-image: url(/img/bg_holz_wide.jpg), url(/img/bg_holz_wide.jpg);
  background-size: auto 400px;
  background-size: auto 100%, 100% auto;
  background-position: center;
}

.dyn-image {
    height:auto !important;
    width:100% !important;
}

.headline {
  font-family: 'Dosis';
  line-height:120%;
}

.headline b {
  font-weight:600;
}

.headline .small-headline {
  font-size:70%;
}

.headline-teaser {
  text-align:left;
}

.headline-text {
  margin:20px 0 20px;
  text-align:center;
}

.headline-text-small {
  font-size:120%;
}



@media (min-width: 1200px) {
  .headline {
    font-size:250%;
  }

  .headline-teaser {
    padding-top:70px;
  }

  .headline-sm {
    padding-top:70px;
    font-size:200%;
  }

}

@media (max-width: 1199px) {
  .headline {
    font-size:150%;
  }

  .headline-teaser {
    padding-top:50px;
  }
}

@media (max-width: 991px) {
  .headline {
    font-size:130%;
  }

  .headline-teaser {
    padding-top:40px;
  }
}

@media (max-width: 767px) {
  .headline {
    padding-top:20px;
    font-size:125%;
  }

  .headline-teaser {
    padding-top:20px;
    min-height:150px
  }

}

@media (max-width: 575px) {
  .headline-teaser .img{
    display:none;
  }

}

.trennlinie {
  height:10px;
  background-image: url(/img/trennlinie.svg);
  background-size: 50% auto;
  background-position: center;
  background-repeat:no-repeat;
}

.halbe-trennlinie {
  height:10px;
  background-image: url(/img/halbe_trennlinie.svg);
  background-size: 50% auto;
  background-position: left;
  background-repeat:no-repeat;
}

.blurry-bg {
  padding-top:30px;
  padding-bottom:60px;
  background-image: url(/img/blurry-bg.jpg);
  background-size: cover;
  background-position: center;
}

.pin-container {
  margin-top:60px;
}

.pinbox {
  position:relative;
  padding:40px 10px 50px 20px;
  background-color:white;
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 992px) {
  .pinbox {
    height:100%;
  }
}

@media (max-width: 991px) {
  .pinbox {
    margin-bottom:40px;
  }
}

.pinbox h3 {
  font-size:120%;
  padding-bottom:20px;
}

.pinbox a.mehr {
  display:block;
  position:absolute;
  width:100%;
  text-align:center;
  bottom:20px;
  font-weight:bold;
}

.pin {
  position:absolute;
  top:-25px;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
  color:white;
  font-size:200%;
}

.pin-green {
  background-color: #98be1e;
}

.pin-red {
  background-color: #b51828;
}

.pin-blue {
  background-color: #1a9cd9;
}

.green {
  color:#98be1e;
}

.red {
  color:#b51828;
}

.blue {
  color:#1a9cd9;
}
 .spacer {

 }

 .spacer-10 {
   height:10px;
 }

 .spacer-20 {
   height:20px;
 }

 .spacer-30 {
   height:30px;
 }

 .spacer-50 {
   height:50px;
 }


 .btn-aspe {
   margin-top:10px;
   display:inline-block;
 }

.btn-aspe-green {
  background-color: #98be1e;
  color:white;
}

.btn-aspe-green:hover {
  background-color: #87ab14;
  color:white;
}

.btn-aspe-red {
  background-color: #b51828;
  color:white;
}

.btn-aspe-red:hover {
  background-color: #a20d1d;
  color:white;
}

.btn-aspe-blue {
  background-color: #1a9cd9;
  color:white;
}

.btn-aspe-blue:hover {
  background-color: #1593ce;
  color:white;
}

hr {
  border-color:black;
}

.headline-minor {
  font-size:120%;
}

img.img-scale-width {
  width:100%;
  height:auto;
}

.teaser-head-general {
  padding-top:45px;
  padding-bottom:45px;
  background-image:url(/img/bg_header_text.jpg);
}

.navbar-toggler {
  border:none !important;
}

.navbar-toggler {
  margin-top:-100px;
} 

@media (min-width: 576px) {
  .navbar-toggler {
    margin-top:-190px;
  } 
}

@media (max-width: 1199px) {
  .header {

  }

  .navbar {
    margin-top:-1px;
  }
}

.hidden {
  display:none !important;
}

#closex {
  display:inline-block;
  width:1.5em;
  height:1.5em;
  background-image:url(/img/x.svg);
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
}

.tdleft {
  padding-right:35px;
}

.zeitstrahl {
  margin-bottom:-55px;
  border-left:3px solid #dbe4e7;
  padding-left:50px;
  padding-bottom:40px;
}

.zeitstrahl .entry {
  position:relative;
}

@media (min-width: 768px) {
  .title {
    font-size:125%;
  }
}



.zeitstrahl p {
  margin-bottom: 0.3rem;
}

.dot {
  position:absolute;
  left:-30px;
  top:9px;
  height: 15px;
  width: 15px;
  background-color: #dbe4e7;
  border-radius: 50%;
  display: block;
}

.dot.red {
  background-color: #b51828;
}

.line {
  position:absolute;
  left:-50px;
  top:15px;
  height: 1px;
  width: 20px;
  border-bottom: 3px solid #dbe4e7;
  display: block;
}

ul.nopadding,
ol.nopadding {
  padding-left:20px;
}

.responsive-video-modal-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.responsive-video-modal {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}