@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;
}

.text-large {
  font-size:115%;
}

.navbar-col {
  position:relative;
}

@media (max-width: 1199px) {
  .navbar-col nav {
    padding-top:0;
    padding-bottom:0 !important;
  }
}

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

.header .brand {
  height:150px;
}

@media (max-width: 575px) {
  .header .brand {
    height:100px;
  }
}

.header .brand img {
  padding-top:20px;
}

.header .brand img {
  width:auto;
  height:120px;
}


@media (max-width: 767px) {
.header .brand img {
  width:auto;
  height:90px;
}
}

@media (min-width: 1200px) {

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

  .navbar li.active {
    border-bottom:3px solid #66fa00;
  }
}

.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 {
  box-shadow: inset 0px 2px 2px 1px rgba(0, 0, 0, 0.5);
  color:#999a9a;
  background-color:#151515;
}

footer p {
  color:#DDDDDD;
}

footer a,
footer a:hover {
  color:white;
}

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

.copyright a,
.copyright a:hover,
.copyright a:active {
  color:white;
}

.copyright a:hover,
.copyright a:active {
  text-decoration:underline;
}

.copyright a:hover {
  color:white;
}

.footer-brand {
  padding-top:30px;
}

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

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

.footer-links {
  padding-top:30px;
}

.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);
}

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

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

.carousel small {
  display:block;
  line-height:normal;
}

.circle img {
  max-width:20%;
  height:auto;
  }

.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;
  }

}

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

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

.light-green-bg {
  padding-top:60px;
  padding-bottom:60px;
  background-color:#d2e7be;
}

.light-grey-bg {
  padding-top:60px;
  padding-bottom:60px;
  background-color:#EEEEEE;
}

.blurry-bg-stadion .headline {
  color:white;
}



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

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

.pinbox.color {
  background-color:#F3F3F3;
}

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

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

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

.pinbox .mehrbox {
  display:block;
  position:absolute;
  width:100%;
  text-align:center;
  left:0;
  bottom:20px;
}

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

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

.pin {
  position:absolute;
  top:-30px;
  left:0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  height: 60px;
  width: 60px;
  background-image: url(/img/extra_sun.gif);
  background-size:contain;
}

.trwhite td,
.trwhite th {
  background-color:white;
}

.green {
  color:#98be1e;
}

.red {
  color:#b51828;
}

.blue {
  color:#1a9cd9;
}

.spacer-5 {
 height:10px;
}

.spacer-10 {
 height:10px;
}

.spacer-15 {
  height:20px;
}

.spacer-20 {
 height:20px;
}

.spacer-25 {
  height:20px;
}

.spacer-30 {
 height:30px;
}

.spacer-40 {
 height:50px;
}

.spacer-50 {
 height:50px;
}


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

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

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

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

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

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

.btn-scc-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;
}

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