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

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

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

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

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

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

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

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

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

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

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

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


img { border: none; }
form {margin:0px; padding:0px;}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.svg-container {
 position: relative; 
 height: 0; 
 width: 100%; 
 padding: 0;
 padding-bottom: 100%; /* override this inline for aspect ratio other than square */
}

.svg-container svg {
 position: absolute; 
 height: 100%; 
 width: 100%; 
 left: 0; 
 top: 0;
}

/* ### HTML ###################################################################### */
html {
	margin: 0px;
	padding: 0px;
	height:100%;

}

/* ### BODY ###################################################################### */

body {
	color:#424242;
	font-family: 'Nunito Sans', sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:62.5%; /*10px*/
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;
    background-color: #fff;
	}
	


.wrapper {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1000px;
	width:100%;
	/*background-color:aliceblue;*/
	padding: 0;
}

.wrapper_inner {
	padding: 0 2%;
}




.flexbox { 
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	  	  
	  }

.nowrap { 
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
	/*breite flexibel passt sich ein - standard*/ 
	  }	

.wrap { 
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
	/*breite fix passt sich nicht ein*/
	  }
	  
.space-between { 	    
-webkit-box-pack:justify;
      -ms-flex-pack:justify;
		-webkit-justify-content:space-between;
          justify-content:space-between;
}

.horizontal-mitte {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:center;  
		  -ms-flex-align:center;  
		  align-items:center; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/
		   
		  -ms-flex-item-align:stretch; 
		  align-self:stretch; 
}



/* ### INHALT ###################################################################### */

.clear {clear:both; font-size:1px; line-height:1px; height:1px;}

.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #c2b59b;
    margin: 1.4em 0 1.8em 0;
    padding: 0;
}

.grau {}
#content_box {}

* html #content_box { /*nur IE6*/
}

*+html #content_box { /*nur IE7*/
}

:root #element { background: #fff \0/IE9; } /* nur IE9 + IE10pp4 */


/*nur safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #xxx {}
}



/*Allgemeines*/

main {font-size:1.700em; line-height: 1.5em; padding-bottom: 35px;}

main a {text-decoration: none; /*text-decoration-color: #2daae1;*/ color:#756335; display: inline-block; word-break: break-all; font-weight: 700; }
main a:hover {color: #4ea041;}

.inhalt p {margin: 0; padding-bottom: 10px;}
.inhalt p.p_half {margin: 0; padding-bottom: 5px;}


strong, b {font-weight:bold;}
i, em {font-style:italic;}
.light {font-weight: 300;}
.small {font-size:0.850em;}

p {margin-top: 0px; margin-bottom: 12px;}
p.raufruecken {margin-top: -12px;}


hgroup.hoben { padding-bottom: 35px; text-align: center; display: block; margin: auto;}
hgroup.hoben:after {content:''; display: inline-block; width: 100px; height: 1px; background-color:#c2b59b; margin-top: 22px; }
hgroup.hoben.strich-abstand:after  {margin-top: 32px;}
h1 {color:#fe860b; font-weight: 700; font-size:1.706em; line-height: 1.2em; text-transform: uppercase; text-align: center; margin-top: 0px; margin-bottom: 0px;}
.preheadline, .subheadline {font-size:1.471em; line-height: 1.4em; font-weight: 300; color:#756335; text-align: center;}
.preheadline {text-transform: uppercase; margin-bottom: 0px;}
h1 + .subheadline {margin-top: 0;}
h2 {margin-bottom: 5px; margin-top: 0px; font-size: 1.4em; color:#fe860b; font-weight: 700; line-height: 1.1em;}
h3 {margin-bottom: 5px; margin-top: 0px; font-size: 1.118em; color:#fe860b; font-weight: 700; line-height: 1.3em; letter-spacing: 0.5px;}
h2 + h3 {margin-top: -2px;}

hgroup.hinhalt.padding_bottom {padding-bottom: 12px;}

.text-justify {text-align: justify;}
.text-center {text-align:center;}
.text-right {text-align:right;}

.upppercase {text-transform: uppercase;}
.transform-off {text-transform:none;}

.max-width-medium {max-width: 700px;}

.klein {font-size:0.938em;}
.linie_1px {line-height:1px; font-size:1px; height:1px; background-color:#d0cfc5; display:block; margin-top:8px; margin-bottom:9px; clear:both;}

.orange {color:#fe860b;}
.gruen {color: #4ea041;}
.braun {color:#756335;}
.grau {color:#686868;}

p + ul {margin-top: -0.5em;}
ul {list-style-position:outside; list-style-type:disc; padding-left:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; list-style: none;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:6px;}
ol li {padding-left:3px; padding-bottom:6px;}

main ul li::before {
  content: "\2022";
  color: #fe860b;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

blockquote {
	background-color: #efefef;
	margin: 0;
	padding: 5px 15px;
	font-style: italic;
	color:#fe860b;
}
.small_spacing {font-size:4px; line-height:4px; height:4px; background-color:transparent; margin:0; padding:0; display:block; text-indent: -1000em;}
.abstand_8px {font-size:8px; line-height:8px; height:8px; background-color:transparent; clear:both;}


.semibold, strong.semibold {font-weight:600;}

.icon-down {display: block; text-align: center; padding: 36px 0 12px 0; margin-bottom: 55px;}
.icon-down img {width: 40px; height: auto;}

.icon-up {display: block; text-align: center; padding: 12px 0;}
.icon-up img {width: 18px; height: auto;}

.graue_box_text {}
.graue_box_klein, .graue_box_gross {background-color: #d8cfbe; padding: 15px 25px 10px 25px;}
.graue_box_gross {min-height: 240px;}
.graue_box_text aside {width:30%; }
.graue_box_text article {width:64%;}
.datum {font-weight: 600; font-size: 0.850em; color:#726234;}
.graue_box_text .gb_h1 {text-transform: uppercase; color:#726234; display: inline-block; position: relative; border-bottom: 1px solid #726234; padding-right: 25px; min-width: 120px; font-weight: 700; padding-bottom: 2px;  }
/*.graue_box_text .gb_h1:after {content: ''; display: inline-block; min-width: 70px;  height: 1px; background-color:#726234; margin-top: 2px;  }*/

.graue_box_text .gb_h2 {color:#5a5a5a; font-size:1.2em; line-height: 1.6em; font-weight: 800; letter-spacing: 0.5px; margin-top: 55px;}
.graue_box_text .gb_h2:after {content:''; display: block; height: 1px; background-color:#5a5a5a; width: 120px; margin-top: 8px; }

.graue_box_headline {background-color: #d8cfbe; padding: 3px 25px 0px 25px; text-transform: uppercase; color:#726234; font-weight: 700; width:30%; margin-bottom: 55px;}

@media (max-width:795px){
   .graue_box_text {display: block;} 
    .graue_box_text aside {width:100%; max-width: 238px; margin-bottom: 25px;}
    .graue_box_text article {width:100%;}
    .graue_box_gross.h2_reduntant_mobil .gb_h2 {display: none;}
    .graue_box_gross.h2_reduntant_mobil {min-height: inherit;}
    .graue_box_reduntant_mobil {display: none;}
    .graue_box_klein, .graue_box_gross {padding-top: 8px;}
    .reduntant_mobil {display: none;}
    
    .icon-down { margin-bottom: 25px;}
    
    hgroup.hoben {font-size:0.850em;}
    
}

.bild-samen {margin: auto; text-align: center; width: 100%; margin-bottom: 25px; position: relative;}
.bild-samen.links {margin-left: 0;}
.bild-samen img {width: 100%; height: auto;}
.bild-samen div {font-size:0.6em; line-height: 1; position: absolute; right: 10px; bottom: 10px; background-color: rgba(255,255,255,0.6); display: inline-block; padding: 2px 10px;}

/* ### STARTSEITE ###################################################################### */
.teaser {}
.teaser article {width:30%; margin-bottom: 25px;}
.teaser article h2 {border-bottom:1px #c2b59b solid; font-size: 1.3em; padding-bottom: 4px; margin-bottom: 18px;}

@media (min-width:491px){
    .startseite.teaser article h2 {min-height:54px; }
}

@media (max-width:795px){
    .teaser article, .graue_box_headline  {width:47%;}
}

@media (max-width:490px){
    .teaser article, .graue_box_headline  {width:100%;}
    .graue_box_headline  {max-width:238px;}
}

/* ### FOOTER ###################################################################### */
footer {font-size:1.700em; line-height: 1.5em; background-color: #e8e4d9; text-align: center; padding: 35px 2% 35px 2%;}
.footer_logo {width: 230px; display: inline-block; margin-bottom: 35px;}
.footer_logo img {width: 100%; height: auto;}
.footer_links {font-size:1.18em; margin-bottom: 25px;}
.footer_links a {color:#424242; text-decoration: none;}
.footer_links a:hover, .footer_links a.active {color:#4ea041; }
.footer_copy {font-weight: 700; font-size:0.9em;}


/* ### HEADER  ###################################################################### */
header { background-color: rgba(255,255,255,0.9); height: 158px; transition: all 0.5s; z-index: 500; position: relative;}
.samen_1 {background-image: url("../bilder/header_samen_1.png"); background-size: 100%; background-position: 0px 0px; width: 120px; height: 158px; background-repeat: no-repeat;  position: absolute; left:0; top: 0;}

.samen_2_box {position: absolute; top:0px; width: 200px; height: 158px; right:0;}
.samen_2 {background-image: url("../bilder/header_samen_2.png"); background-size: 100%; background-position: left bottom; width: 200px; height: 158px; background-repeat: no-repeat;  position: absolute; right:0; top: 0px; transition: all 0.5s;}

.logo {width: 27%; padding-top: 26px; transition: all 0.5s;}
.logo img {width: 100%; height: auto;}




.banner {position: relative; }
.banner img {width: 100%; height: auto;}

@media (max-width:640px){
    
    .banner img {width: 142%; margin-left: -21%;}
}



.image-content {width:100%; position:relative;}

.image-content span img {width:100%;}

.image-content span div, .banner div {position: absolute; right: 10px; bottom: 10px; background-color: rgba(255,255,255,0.6); display: inline-block; padding: 2px 10px;}

@media (max-width:640px){
    
    .image-content span img {width: 142%; margin-left: -21%; max-width: none;}
    
    .slick-slide {overflow: hidden; width: 100%;}
    
    }


@media (max-width:480px){
    
    .banner img {width: 200%; margin-left: -50%;}
    
    .image-content span img {width: 200%; margin-left: -50%; }
}

/* ### NAVI ###################################################################### */
.nav {margin-top: 100px; width: 73%; text-align: left; padding-left: 12%; transition: all 0.5s;}

.nav ul, .nav li {padding: 0; margin: 0; list-style: none; }

@media (min-width:1250px){ 
    .nav ul:first-of-type, .nav ul:first-of-type li {text-align: right;}
}

#ebene_1 li {position: relative; display: inline; padding-right: 4.2%;}
#ebene_1 li a {text-decoration: none; text-transform: uppercase; font-size:1.8em; font-weight: 700; color:#756335; display: inline-block; height: 58px;}
#ebene_1 li a:hover, #ebene_1 li.active a:hover, #ebene_1 li .submenu li.active a {color: #4ea041; }



#ebene_1 li .submenu {position: absolute; left:0; top:54px; min-width: 160px; transition: all 0.5s; z-index: 500; }
#ebene_1 li .submenu a {text-transform: none; font-size:1.65em; font-weight: 700; display: block; white-space:nowrap; height: auto;}
#ebene_1 li .submenu li span {display: inline-block;}
#ebene_1 li .submenu li {border-bottom:#c2b49a 1px solid; display: inline-block; width: 100%; background-color: #fff; padding: 13px 18px 10px 18px; text-align: center;}

.js .site-nav {
	display:none;
}

.js .sub-menu {
	display:none;
    
}


@media screen and (min-width:991px) {
    
    .site-nav {
		display:block !important;
	}
    
	/* sub menu */
	.site-nav li:hover > .sub-menu {
		display: block;
	 
	}

    #ebene_1 li .submenu li {text-align: left;}
    
    
    .toggle-site-nav,
	.toggle-sub-menu {
		display:none !important;	
	}
    
}

.fixed-abstand {transition: all 0.5s;}

/* #ebene_1 li a:hover + .submenu, #ebene_1 li.active a:hover + .submenu {display: block;} */
@media screen and (min-width:991px) {
header.fixed-header {position: fixed; width: 100%; height: 110px; border-bottom:1px solid #EAE4D8; /*#c2b59b #E6D7BB */ }
.fixed-header #ebene_1 li .submenu li {background-color: rgba(255,255,255,0.9);}
.fixed-header .logo {width: 25%; padding-top: 17px;}
.fixed-header .samen_2 {}
.fixed-header .nav {margin-top: 80px;}
.fixed-header #ebene_1 li .submenu {top:26px;}
.fixed-header #ebene_1 li a {height: 31px;}
.fixed-header #ebene_1 li .submenu a {height: auto;}

.fixed-header .samen_1 {height: 110px;}
.fixed-header .samen_2 {height: 110px;}
.fixed-header .samen_2_box {height: 110px;}
    
    .fixed-header + .fixed-abstand {height: 140px;}
    
}

@media screen and (max-width:1240px) {
    .samen_1 {width: 90px;}
    .samen_2 {width: 160px;}
    .nav {padding-left: 4%;}
}

@media screen and (max-width:1120px) {
    
    .samen_1 {width: 90px;}
    header .wrapper_inner {padding-left: 11%;}
    .logo {padding-top: 32px; margin-top: 0px;}
}

@media screen and (max-width:1035px) {
    .samen_2_box {position: absolute; top:0px; width: 95px; right: 0;  overflow: hidden;}
    .samen_2 {width: 150px; right: -55px;}
    #ebene_1 li {padding-right: 2%;}
}

@media screen and (max-width:990px) {
    header {height: 80px; background-color: rgba(255,255,255,1);}
    .logo {width:185px; padding-top: 5px; margin-left: 100px;}
    header .flexbox {display: block;}
    .samen_2_box, .samen_2, .samen_1 {height: 80px; }
     .samen_1 {width: 80px; }
    .samen_2 {width: 120px;}
    header .wrapper_inner {max-width: none; padding:0;}
    .nav {background-color: rgba(255,255,255,1); transition:inherit; padding: 0; width: 100%; margin-top: 7px; position: relative;}
    #ebene_1 li {display: block; text-align: center; border-top:#c2b49a 1px solid; padding: 10px 0px 10px 0px;}
    #ebene_1 li a {height: auto; font-size:1.6em;}
    #ebene_1 li .submenu {position: relative; display: block; top:auto; padding-top: 10px;}
    #ebene_1 li .submenu li {border-bottom: none; border-top: none; padding: 5px 0px 5px 0px;}
    #ebene_1 li .submenu a { font-size:1.45em;}
    
}




.lines-box {margin-top: 0px; text-align: right;}

.lines-button {display:none; position: absolute; top:20px; right: 85px; /*height:44px;*/ width:auto; z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  padding:10px 4px 4px 4px; text-align:left; margin-right:0px;  cursor: pointer; /*border:2px solid #756335;*/ border: none;}


@media screen and (max-width:640px) {
   .samen_2_box {overflow: auto; width: 133px; right: 18%;}
    .samen_2 {width: 125px; right: auto;}
    .samen_1 {display: none;}
     .logo { margin-left: 15px;}
    .lines-button {right: 12px; top:12px;}
}


.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}
.lines {
    background: #fe860b none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:5px;
    height: 0.18rem;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:26px;
    /*width: 2rem;*/
	top:-0.5em;
}
.lines:before, .lines:after {
    background: #fe860b none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:5px;
    height: 0.18rem;
    left: 0;
    position: absolute;
    -webkit-transform-origin: 0.28571rem center 0;
        -ms-transform-origin: 0.28571rem center 0;
            transform-origin: 0.28571rem center 0;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:26px;
    /*width: 2rem;*/
}
.lines:before {
    top:11px;
    top: 0.40rem;
}
.lines:after {
    top:-11px;
    top: -0.44rem;
}


.lines-button.arrow.close .lines:before, .lines-button.arrow.close .lines:after {
    top: 0;
    width:35px;
    width: 2.22222rem;
}
.lines-button.arrow.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
            transform: rotate3d(0, 0, 1, 40deg);
}
.lines-button.arrow.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
            transform: rotate3d(0, 0, 1, -40deg);
}
.lines-button.arrow-up.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);
}
.lines-button.minus.close .lines:before, .lines-button.minus.close .lines:after {
    top: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width:48px;
    width: 3rem;
}
.lines-button.x.close .lines {
    background: transparent none repeat scroll 0 0;
}
.lines-button.x.close .lines:before, .lines-button.x.close .lines:after {
    top: 0;
    -webkit-transform-origin: 50% 50% 0;
        -ms-transform-origin: 50% 50% 0;
            transform-origin: 50% 50% 0;
    /*width:48px;
    width: 3rem;*/
}
.lines-button.x.close .lines:before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
}

@media screen and (max-width:990px) {
	.lines-button {display:block;}
	
}



/* 
--------- Y-FORM ------------ 
*/


.form_border {border:1px solid #6f99c5; padding: 17px;}
.form_border:before {content:''; display: block; margin: auto; width:51px; height: 51px; background-image: url(../bilder/logo.svg); background-size: 51px auto; margin-top: -55px;}

.form_pfeil {background-image: url(../bilder/pfeil_kontakt.png); background-repeat: no-repeat; background-position: top center; display: block; width: 100%;; height: 15px; margin-top: -2px;}
.form_pflichtfeld {text-align: right; font-size:0.80em; color:#b3b2b2;}

.alert ul {}

.alert, .has-error {
    color: #ee443c;
    
	
	}


.yform .has-error input, .yform .has-error textarea, .yform .has-error select {
    color: #ee443c;

	border: 1px solid #ee443c;
}


.yform label {/*display:none;*/ margin-bottom: 4px; display: block; font-weight: 600; color:#00788d;}
.form_info {color:#464646; font-weight: 400; font-size:0.9em;}
.below_group {margin-top: -12px; margin-bottom: 12px;}

.yform .checkbox1 {display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
	/*margin-top: -15px;*/
}

#yform-formular-checkbox1 {margin-top: 16px;}
#yform-formular-checkbox3 {margin-bottom: 18px;}

#yform-formular-datenschutz label {display:inline-block;}
#yform-formular-datenschutz input[type="checkbox"] {
  visibility:visible; display:inline-block;
	position:relative; left:auto; top:auto;
}

.yform .checkbox1 label {display: inline-block; position: relative; padding-left: 28px; }

.yform .checkbox1 label.control-label {display: none;  }

.yform .checkbox2 {display: inline-block;  -webkit-box-ordinal-group:0;
      -ms-flex-order:-1;
          -webkit-order:-1; order:-1; margin-right: 10px;}
.yform .checkbox2 input {background-color:#b2b2b1;}

.yform .form-helper {display: block;}

.yform input[type="checkbox"] {
 
}




.form-control-static {margin-top: 0px;}

.yform input,
.yform textarea {
    width: 100%;
    box-sizing: border-box; 
	padding:2px 0.8em 0 0.8em;
	line-height:1.6;
	color:#424242;
	margin-bottom: 10px;
	background-color: #ececec;
	border:1px solid #ececec;
	}


.yform textarea {
	height: 110px;
}

.yform select {
	background-color: #ececec;
    border: 1px solid #c8c8c7;
    color: black;
    line-height: 1.6;
    margin-bottom: 0.4em;
    padding: 0.08em 0.8em;
	width: 100%;
	}

.yform .checkbox input {
	width: auto;
}

.yform .form-captcha {margin-top: 5px;}

.yform .form-captcha label {
	display: block;
      text-align: left;
	  border:none;
	
}

.yform .form-captcha img {
	margin-bottom: 5px;
	display: inline-block;
}

.yform button[type=submit] {
	display:block; background-color:#00788d; color:#fff;   padding: 10px 22px 10px 22px; margin:auto; margin-top: 15px; margin-bottom: 25px; border:none; cursor: pointer; text-align: center;
	
}

.yform button[type=submit]:hover {background-color:#7893ac; color:#fff;}



/* ### SPECIAL ###################################################################### */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


#offline-404-frontend-msg {
    background: darkred none repeat scroll 0 0;
    border: 1px solid #fff;
    color: white;
    font-family: Arial,sans-serif;
    font-size: 13px;
    left: 0;
    padding: 4px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 10000;
}


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}