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

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

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

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

body { padding: 0; margin: 0; background: #fff; font-family: 'Open Sans'; font-size: 18px; line-height: 30px; font-weight: 300; color: #505c66; text-decoration: none; }
h1 { padding: 0; margin: 0; font-family: 'Open Sans'; font-size: 36px; line-height: 58px; font-weight: 500; color: #0E4D25; text-transform: uppercase; }
h2 { padding: 0; margin: 0; font-family: 'Open Sans'; font-size: 32px; line-height: 54px; font-weight: 500; color: #6c757d; }
h3 { padding: 0; margin: 0 0 25px 0; font-family: 'Open Sans'; font-size: 28px; line-height: 38px; font-weight: 500; color: #6c757d; }
h4 { padding: 0; margin: 0; font-family: 'Open Sans'; font-size: 24px; line-height: 34px; font-weight: 300; color: #0E4D25; text-transform: uppercase; }
h5 { padding: 0; margin: 0 0 30px 0; font-family: 'Open Sans'; font-size: 18px; line-height: 29px; font-weight: 500; color: #505c66; letter-spacing: .085em; text-transform: uppercase; }
a { color: #6c757d; text-decoration: underline; }
p { padding: 0; margin: 0 0 30px 0; }
em { font-family: 'Open Sans'; font-style: italic; font-weight: 400; }
strong { font-weight: 500; }
ul, ol { margin: 0 0 30px 20px; padding: 0; text-align: left; }
hr { height: 1px; width: 60px; border: none; margin: 25px auto 25px auto; border-bottom: 2px solid #6c757d; }
.clearer { clear: both; }
.contentclearersmall { clear: both; height: 30px; }
.contentclearer { clear: both; height: 100px; }
#mobilebutton { display: none; }

#top { width: 1100px; padding: 0; margin: 0 auto; text-align: left; }
#logo { float: left; margin: 36px 0 38px 0; }
#navi { float: right; clear: right; margin: 150px 0 0 0; font-size: 19px; font-weight: 400; }
#navi ul { list-style-type: none; margin: 0; padding: 0; }
#navi .naviitem { display: inline-block; margin: 0 0 0 37px; padding: 0; }

/*#navi .active { color: #0E4D25; }*/
#navi .active { border-bottom: 2px solid #6c757d; padding: 0 0 12px 0; }

/*#navi .naviitem:hover { color: #0E4D25; }*/
#navi .naviitem:hover { border-bottom: 2px solid #6c757d; padding: 0 0 12px 0; }

#navi .naviitem ul { position: absolute; z-index: 100; top: 190px; padding: 0; margin: 0 0 0 -40px; left: -999em; text-align: left; }
#navi .naviitem ul li { padding: 12px 40px; margin: 0 0 1px 0; background: #fff; }
#navi .naviitem ul a, #navi .naviitem ul ul a { text-decoration: none; }
#navi .naviitem ul li:hover { background: #f5f5f5; }
#navi .naviitem ul li.active { background: #f5f5f5!important; border-bottom: none; }
#navi ul li:hover ul ul, #navi ul li:hover ul ul ul, #navi ul li.sfhover ul ul, #navi ul li.sfhover ul ul ul { left: -999em; }
#navi ul li:hover ul, #navi ul li li:hover ul, #navi ul li li li:hover ul, #navi ul li.sfhover ul, #navi ul li li.sfhover ul, #navi ul li li li.sfhover ul { left: auto; }
#mobilenavi { display: none; }

#sidebar { position: fixed; z-index: 2000; top: 271px; right: 0; }

#header { width: 100%; height: 641px; padding: 0; margin: 0; background: url(img/header.jpg) no-repeat center; background-size: cover; }
#subheader { width: 100%; height: 120px; padding: 0; margin: 0; background: url(img/subheader.jpg) no-repeat center; background-size: cover; }


#content { width: 1100px; padding: 0; margin: 110px auto 0 auto; text-align: center; }
#content img { max-width: 100%; height: auto; margin: 0 0 20px 0; }

.home { text-align: left!important; }
.column { float: left; width: 46%; margin: 0 8% 40px 0; text-align: left; }
.last { margin: 0 0 40px 0; }

#content .button { width: 90%; background-color:#f5f5f5; margin: 0 0 11px 0; padding: 8px 15px; }
.button a { text-decoration: none; }


.mein-button {
  
  width: 220px;  /* Fixe Größe */
  height: 24px;  /* Fixe Größe */
  
  background-color: #fff; /* Hintergrundfarbe */
  border: 1px solid #0E4D25; /* Kein Rahmen */
  color: #373737 ; /* Textfarbe */
  padding: 16px 32px; /* Innenabstand */
  text-align: left; /* Zentrierter Text */
  text-decoration: none; /* Keine Unterstreichung */
  display: inline-block; /* Anzeigetyp */
  font-size: 16px; /* Schriftgröße */
  margin: 4px 2px; /* Außenabstand */
  cursor: pointer; /* Mauszeiger als Hand */
  transition-duration: 0.4s; /* Übergangszeit */
}

/* Hover-Effekt: Dieser Stil wird angewendet, wenn der Mauszeiger über dem Button ist */
.mein-button:hover {
  background-color: #0E4D25; /* Hintergrund wird grün */
  color: #fff; /* Textfarbe wird weiß */
  border: 1px solid #0E4D25; /* Fügt einen grünen Rahmen hinzu */
}




#news { width: 780px; padding: 50px 0 60px 0; margin: 0 auto; text-align: center; }
#news .button { display: inline-block; background-color:#f5f5f5; margin: 0 0 11px 0; padding: 8px 15px; font-size: 15px; font-weight: 500; letter-spacing: .085em; text-transform: uppercase; }
/*#news .button { display: inline-block; background-color:#fff; border: 1px solid #0E4D25; margin: 0 0 11px 0; padding: 8px 15px; font-size: 15px; font-weight: 500; letter-spacing: .085em; text-transform: uppercase; }*/
#news hr { margin: 25px auto 45px auto; }


#footercontainer { width: 100%; padding: 0; margin: 0 0 40px 0; background: #f5f5f5; }
#footer { width: 1100px; padding: 60px 0 40px 0; margin: 0 auto; text-align: left; }
#footer .column { width: 36%; margin: 0; }
#footer .column span, #content .column span { display: inline-block; width: 30px; font-weight: 500; color: #505c66; }
#footer .middle { width: 41%; }
#footer .last { width: 23%; margin: 0; }
#footer .last span, #content .last span { width: 40px; }
#footer .button { display: inline-block; background-color:#0E4D25; margin: 0; padding: 8px 15px; color: #f5f5f5; font-size: 15px; font-weight: 500; letter-spacing: .085em; text-transform: uppercase; }

#bottom { width: 100%; padding: 0; margin: 0 0 80px 0; text-align: center; }
#bottom img { margin: 0 0 10px 0; }


/* Responsive */

@media only screen and (max-width: 1100px) {
.contentclearersmall { height: 20px; }
.contentclearer { height: 40px; }
#top { width: 96%; margin: 0 2%; }
#logo { margin: 20px 0; }
#navi .naviitem { display: none; }
#mobilenavi { float: right; display: table; position: absolute; top: 120px; right: 2%; }
.toggle-menu ul { display: table; width: 36px; list-style-type: none;	margin: 0; }
.toggle-menu ul li { width: 100%; height: 6px; background-color: #fff; margin-bottom: 6px; }
.toggle-menu ul li:last-child { margin-bottom: 0px; }
label { float: right; padding: 15px 12px; display: inline-block; cursor: pointer; background: #0E4D25; }
input[type=checkbox] { position: absolute; top: -9999px; left: -9999px; background: none; }
input[type=checkbox]:focus { background:none; }
input[type=checkbox]:checked ~ nav { display: block; }
nav { width: 270px; float: right; display: none; position: absolute; right: 0px; top: 60px; background-color: #f5f5f5; border-top: 1px solid #fff; padding: 0px; }
nav ul { display: table; float: right; width: auto; margin: 0; }
nav ul li { float: none; padding: 0px; width: 100%; display: table; }
nav ul li.mobile { display: none; }
nav ul li:last-child { padding-right: 0px; }
nav ul li a { color: #505c66; font-family: 'Open Sans'; font-size: 19px; font-weight: 500; text-decoration: none; padding: 10px 20px; display: block; border-bottom: 1px solid #fff; transition: all 0.5s ease 0s; }
nav ul li a:hover { background-color: #0E4D25; color: #fff; transition: all 0.5s ease 0s; }
#header { height: 300px; background-size: 100%; }
#content { width: 96%; margin: 70px 2% 0 2%; }
#news { width: 96%; padding: 30px 0 10px 0; margin: 0 2%; }
#footer { width: 96%; margin: 30px 2% 20px 2%; }
#footer .column { width: 33%; }
#footer .middle { width: 37%; }
#footer .last { width: 30%; }
#bottom { margin: 0 0 100px 0; }
#mobilebutton { display: block; position: fixed; z-index: 80; bottom: 0; width: 100%; background: #0E4D25; text-align: center; padding: 10px 0 0 0; }

#sidebar { top: 40px; }

}

@media only screen and (max-width: 780px) {
h1 { font-size: 30px; line-height: 52px; }
h2 { font-size: 24px; line-height: 46px; }
h3 { font-size: 24px; line-height: 34px; }
h4 { font-size: 22px; line-height: 32px; }
#top { width: 92%; margin: 0 4%; }
#logo img { max-width: 80%; height: auto; }
#navi { margin: 0; }
#mobilenavi { top: 45px; right: 4%; }
#header { height: 160px; }
#content { width: 92%; margin: 30px 4% 0 4%; }
.column { float: none; width: 100%; margin: 0; }
#news { width: 92%; margin: 0 4%; }
#footer { width: 92%; margin: 30px 4% 20px 4%; padding: 30px 0 40px 0; }
#footer .column { width: 100%; }
#footer .middle { width: 100%; }
#footer .last { width: 100%; }
#bottom { margin: 0 0 90px 0; }

#sidebar { display: none; }

}

@media only screen and (max-width: 450px) {
#logo img { max-width: 60%; }
#mobilenavi { top: 70px; }
}