/*ACHTUNG je nach Webseite Forum oder Verband roter oder dunkelgruene Farbe einstellen*/
:root {
  --beige: #F4ECDC;
  --weiss: #fff;
  --schwarz: #000;    
  --dunkelgruen:#20603c;
  --grau:rgb(60, 35, 35);
  --braun:rgb(101, 84, 65);
  --cyanblau: #51717d;
}
/*
.dunkelgruen {color:var(--dunkelgruen);}
.rot {color:#ae1d1d;}
ACHTUNG WEITER UNTEN KOMMT FARBEN NOCHMAL HARDCODED VOR UNTER TINYMCE
*/

/* open-sans-300 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin_latin-ext-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin_latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin_latin-ext-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}





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: var(--grau);
	font-family: 'Open Sans';
    font-weight: 400;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	/*font-size:16px;*/
	font-size:55.5%; /*62.5 10px*/
	background-position:0px 0px;
	background-repeat:repeat;
	height:100%;
	/*letter-spacing: 0.4px;*/
	/*word-spacing: 2px;*/
	

	}
	

.inner_1152 {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:1152px;
	width:100%;
	padding: 0;
}

.inner_965 {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:956px;
	width:100%;
	padding: 0;
}

.inner_760 {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:760px;
	width:100%;
	padding: 0;
}

.inner_665 {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:665px;
	width:100%;
	padding: 0;
}

.inner_520 {
	position:relative;
	margin:0 auto;
	display:block;
	max-width:520px;
	width:100%;
	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; 
}

.justify-content-center {
 	justify-content: center;
}

.horizontal-unten {
-webkit-box-flex:1;
      -ms-flex:1 auto;
          flex:1 auto; 
		  display:flex;  
		  -webkit-box-align:end;  
		  -ms-flex-align:end;  
		  align-items:end; 
		  
		  /*-webkit-box-pack:center; 
		  -ms-flex-pack:center; 
		  justify-content:center;*/

}

.wrapper_inner {padding: 0 2%;}


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

main {font-size:2em; line-height: 1.3em; /*font-size:2.2em; line-height: 1.4em;*/ display: block; padding-top: 40px;}


h1 {}
h2 {margin-top: 0px; padding-top: 0px; font-size:1.364em; line-height: 1.2em; font-weight: 600; color:var(--cyanblau);}
h3 {margin-top: 0px; padding-top: 0px; font-size:1.1em; line-height: 1.2em;  font-weight: 700; }

.hg_cyanblau h2 {color:var(--cyanblau);}
.hg_dunkelgruen h3 {color:var(--weiss); font-weight: 700; font-size:1.636em; line-height: 1.2em;}

.no_margin {margin-bottom: 0;}

p {padding-top: 0px; margin-top: 0px;}

strong,b {font-weight: 600;}

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

.uppercase {text-transform: uppercase;}

.weiss {color:var(--weiss);}
.schwarz {color:var(--schwarz);}
.grau {color:var(--grau);}
.braun {color:var(--braun);}
.cyanblau {color:var(--cyanblau);}

.hg_dunkelgruen {background-color: var(--cyanblau);}
.hg_braun {background-color:var(--braun);}
.hg_cyanblau {background-color:var(--cyanblau);}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid var(--cyanblau);
    margin: 0;
    padding: 0;
    padding-bottom: 15px;
}

main {padding-bottom: 20px;}
main a {color:var(--cyanblau); text-decoration: underline; }
main a:hover {color:#000;}

.klein {font-size:0.812em; line-height: 1.235em;}

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

figure.image {margin: 0;}
figure.image img {width: 100%; height: auto;}

/*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:18px;}
ol {list-style-position:outside; list-style-type:decimal; padding-left:15px; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:18px; margin-left:0px;}
ul li {padding-left:3px; padding-bottom:0px;}
ol li {padding-left:3px; padding-bottom:0px;}

blockquote {
	background-color: #efefef;
	margin: 0;
	padding: 5px 15px;
	font-style: italic;
	color:#00788d;
}
.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;}
.abstand_16px {font-size:16px; line-height:16px; height:16px; background-color:transparent; clear:both;}

.icon img {width: 100%;}
.sec_1 { }
.sec_2 {}
.sec_3 {margin-bottom: 120px;}
.sec_4 {margin-bottom: 80px; padding-bottom: 60px; padding-top: 30px;}
.sec_1 .icon {margin: auto; margin-bottom: 40px;  max-width: 390px;}
.sec_3 .icon {margin: auto; margin-bottom: 40px; max-width: 300px; }
.sec_4 .icon {margin: auto; margin-bottom: 40px; max-width: 300px; }

section.mg_bottom_xl {margin-bottom: 120px;}
section.mg_bottom_l {margin-bottom: 80px;}
section.mg_bottom_m {margin-bottom: 40px;}
section.mg_bottom_s {margin-bottom: 20px;}

.relative {position: relative;}
.norelative {position: initial !important;}

@media (min-width:793px) {
   .sec_1 .icon {position:absolute; top:-110px; right: 0px;} 
    .sec_1 .inner_760 {padding-top: 70px;}
}

@media (min-width:1200px) {
    .sec_3 .icon {position:absolute; top:-100px; right: -50px;} 
    .sec_3 .inner_1152 {padding-top: 0px;}
    .sec_4 {padding-top: 60px;}
    .sec_4 .icon {position:absolute; top:-230px; left: 0px;} 
}

@media (min-width:1400px) {
    .sec_4 .icon {left: -140px;} 
}

@media (max-width:1000px) {
    .sec_1 .icon {max-width: 320px;}
    .sec_3 .icon {max-width: 280px;}
    .sec_4 .icon {max-width: 280px;}
}

@media (max-width:1300px) {
    .sec_3 .icon {right: 0px;} 
}

@media (max-width:620px) {
    main {font-size:2em; line-height: 1.3em;}
    .sec_1 {margin-bottom: 60px;}
    .sec_2 {margin-bottom: 60px;}
    .sec_1 .icon {max-width: 200px; margin-bottom: 20px;}
    .sec_3 .icon {max-width: 200px; margin-bottom: 20px;}
    .sec_4 .icon {max-width: 220px;}
}

.table {border-collapse: collapse;}
.table td {border:none; padding-left: 2%; vertical-align: top; padding-bottom: 10px;}
.table tr td:first-of-type {padding-left: 0; min-width:150px;}
.table tr td p:last-of-type {padding-bottom: 0; margin-bottom: 0;}

.box_inst_all {margin-bottom: 40px;}
.box_inst {width: 38%; /* background-color: var(--beige);*/  padding-bottom: 20px; margin-right: 2%;}
.box_inst.border {border:1px solid var(--grau);}
.box_inst.w100 {width: 100%; margin-right: 0;}
.box_inst_over {width: 35%;}
.box_inst a {text-decoration: none; color:var(--cyanblau);}
.box_inst img {width: 100%; height: auto; display: block; margin: auto; margin-top: 0; margin-bottom: 0;}
.box_inst_logo {margin: auto; padding: 20px 30px 0px 30px; /*max-width: 250px; height: 100px; */ min-height: 70px;}
.box_inst_text {font-size:0.818em;}

.box_inst_li_text_box {width: 60%;}
.box_inst_li_text_box.w100 {width: 100%;}
.box_inst_li_text_box h3 {text-transform: uppercase; color:var(--cyanblau);}
.box_inst_logo_outer {padding-bottom: 20px;}
.box_inst_li_text_box hgroup {padding-bottom: 1.2em;}
.box_inst_li_text_box hgroup h3 {padding-bottom: 0; margin-bottom: 0; }
.pre_headline {font-weight: bold;}
.post_headline {}
.box_inst_text_copyright {font-size:0.85em;}

.inst_startsite .box_inst {width: 31%; margin-right: 0%; justify-content: space-between;}

@media (max-width:870px) {
    .box_inst_all {display:block;}
    .box_inst, .box_inst_over, .inst_startsite .box_inst {margin-bottom: 10px; width: 100%; max-width: 320px;}
    .box_inst_li_text_box {width: 100%;}
}

.box_participation_all {margin-top: 60px;}
.box_participation {width: 46%; border:1px solid var(--cyanblau); padding: 40px 40px 20px 40px;}
.box_participation p {text-align: left; color:#fff;}
.box_participation p:last-of-type {margin-top: 45px;}
.box_participation a {color:var(--gelb);}
.box_participation a:hover {color:var(--weiss);}

@media (max-width:870px) {
    .box_participation {width: 100%; max-width: 480px; margin: auto; margin-bottom: 20px;}
}

.text_image_box_1, .text_image_box_2 {width: 48%;}
.text_image_box_1 {border:1px solid var(--cyanblau); padding: 30px 12px 10px 36px;}
.text_image_box_2 {background-repeat: no-repeat; background-size: cover; background-position: center;}
.text_image_box_2 img {display: none;}

@media (max-width:770px) {
    .text_image_box_1, .text_image_box_2 {width: 100%; max-width: 360px; margin: auto;}
    .text_image_box_2 img {display: block; width: 100%; height: auto;}
    .text_image_box_1 {margin-bottom: 20px;}
}

.divider {background-color: #89A6D3;}
.divider_text {font-size:1.455em; color:var(--weiss); font-weight: 600; line-height: 1.1em;}
.divider_1 {width: 330px; position: relative;}
.divider_1 img {position: absolute;}
.divider_2 {width: calc(100% - 330px); padding-top: 60px; padding-bottom: 20px; color:var(--cyanblau);}

@media (max-width:770px) {
    .divider_box {display: block; padding-top: 20px;}
    .divider_1 {width: 100%; text-align: center;}
    .divider_1 img {position: relative; top:inherit !important; max-width: 200px;}
    .divider_1 {width: 100%;}
    .divider_2 {width: 100%; padding-top: 0; text-align: center; font-size: 80%;}
}

@media (min-width:870px) {
    .text_headline_1 {width: 22%;}
    .text_headline_2 {width: 76%;}
}

.team_box {background-color: var(--beige); padding: 24px 20px; margin-bottom: 20px;}
.team_h {font-weight: 600; color:var(--cyanblau); margin-bottom: 20px;}
.team_h span {color:var(--cyanblau);}
.team_box_1 {width: 29%;}
.team_box_1 img {width: 100%; height: auto;}
.team_box_2 {width: 69%;}
@media (max-width:590px) {
    .team_box_2 {width: 100%;}
    .team_box_1 {width: 100%;}
    .team_box_1 img {max-width: 200px; margin-bottom: 10px;}
}

.date {color:var(--cyanblau); font-weight: 500;}
.event_text h3 {color:var(--cyanblau); font-size:1.136em; font-weight: 500;}
.event_text a, .project_text a  {display: inline-block; padding-left: 12px; color:var(--cyanblau); position: relative;}
.event_text a:hover, .project_text a:hover {color:var(--cyanblau);}
.event_text a::before, .project_text a::before {content: ''; display: block; width: 10px; height: 12px; background-image: url("../bilder/icon_pfeil_website.svg"); background-repeat: no-repeat; background-size: 6px auto; position: absolute; left: 0px; top:9px;}
.event_bild {margin-bottom: 18px;}
.event_box {border-bottom:1px solid var(--grau); padding-bottom: 18px; margin-bottom: 38px;}

.project_text {border-bottom:1px solid var(--grau); padding-bottom: 12px; margin-bottom: 38px;}

.box_half {width: 48%;}
.rahmen_box {border:1px solid var(--grau); border: 1px solid var(--cyanblau); padding: 30px 36px 10px 36px; margin-bottom: 30px;}

@media (max-width:640px) {
    .box_half {width: 100%;}
}

.sm_frame_box {margin: auto; max-width: 510px; width: 100%; margin-bottom: 50px;}

.fotogalerie a {display: inline-block; width: 23.5%; margin-right: 0.5%; margin-bottom: 10px;}
.fotogalerie a img {width: 100%; height: auto;}

.calltoaction_box {}

.calltoaction_button {
    display: inline-block; background-color: var(--cyanblau); color: #fff;  margin: 5px 1% 8px 1%; border: none; font-size: 1.2em; padding:10px 40px 10px 40px; border-radius: 5px;   /*text-transform: uppercase;*/ cursor: pointer; box-shadow: 1px 1px 8px #ccc; min-width: 230px; text-align: center; text-decoration: none;
}

.calltoaction_button:hover {background-color:#7c7c7b; color:#fff;}
.calltoaction_button span {transform: scale(1, 1.2); display: inline-block; font-size: 1.1em; position: relative; top:1px;}

/* ### HEADER  ###################################################################### */
.leiste { height: 8px; }
header {padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.logo {margin-top: 10px; width: 250px; font-size: 1em; line-height: 2.5em; font-size: 0.85em;}
.logo a {text-decoration: none; color:var(--cyanblau); font-weight: 700; text-transform: uppercase; font-size:3em;}
.lastname {
  letter-spacing: 0.7px;
  /*margin-left: 10px;*/
  margin-bottom: 0px;
  display: block;
  }
.logo .grau {
  /*font-size: 0.85em;
  margin-left: 5px;
  letter-spacing: 0.8px;*/
	display: block;
	padding-top: 5px;
 	
  }


.nav {width: calc(100% - 280px); }
.header_button {margin-top: 42px;}
.header_button a strong {font-weight: 600;}
.header_button a {display: block; color:var(--cyanblau); text-decoration: none; font-size:2.2em; border:solid 1px var(--cyanblau); border-radius: 5px; padding: 10px 30px; text-align: center; line-height: 1.1em;}

.banner_box {background-color: var(--cyanblau);}
.mg_bottom_banner {margin-bottom: 50px;}
.banner {margin: auto; max-width: 1500px;}

.banner_li img {width: 100%; height: auto;}
.banner_li {width: 50%; line-height: 0; order:2;}
.banner_re {width: 50%; padding:20px 3% 0% 3%;  background-color: var(--cyanblau); order:1;}
.banner_klein .banner_re {padding:20px 3% 0% 0%; }

@media (max-width:1154px) {
    .banner_klein .banner_re {padding:20px 3% 0% 3%; }
}

.banner_re h1 {font-size:4em; line-height: 1.1em; font-weight: 400; color:var(--weiss); max-width: 545px; margin-bottom: 0; padding-bottom: 0;}
.banner_re h1 strong {font-weight: 700;}
.banner_re_sub {text-transform: uppercase; color:var(--weiss); font-size:2.2em; line-height: 1.1em; font-weight: 500;}

.banner_text_klein {margin-bottom: 10%;}

.banner_button {font-size:2.2em; line-height: 1.1em; margin-bottom: 65px;}
.banner_button p {margin-bottom: 35px;}
.banner_button a {display: inlnine-block; color:var(--weiss); background-color: var(--cyanblau); border-radius:10px; text-align: center; padding: 15px 35px; text-decoration: none;}

.banner_text {}

@media (max-width:1200px) {
    .banner_text {margin-bottom: 20%;}
    
}

@media (max-width:1000px) {
    .banner_re h1 {font-size:3em;}
     .banner_text {margin-bottom: 10%;}
}

@media (max-width:792px) {
   .banner_li {width: 100%;} 
   .banner_re {width: 100%;}     
}

@media (max-width:460px) {
    .logo, .logo img {width: 180px;}
    .header_button a {font-size:1.6em; padding: 7px 20px;}
}

/* ### NAVI ###################################################################### */

.hamburger_box {display: none; position: fixed; top:10px; right:20px; border-radius: 50%; height: 52px; width: 52px; border:1px solid #C5C5C5; box-shadow: 0px 0px 8px #C5C5C5; padding: 3px 0 0 4px; background-color: rgba(255,255,255,0.8);  z-index: 2;}

.nav {padding-top: 36px;}
.nav ul, .nav li {padding: 0; margin: 0; list-style: none; }
.nav ul {text-align: right; padding-top: 1.6%;}


.nav li {font-size:1.700em; display: inline-block; position: relative; padding-left: 2%;}
.nav li:first-of-type {padding-left: 0;}

.nav a {text-decoration: none; color:var(--grau); font-weight: 500; display: block; cursor: pointer; text-transform: uppercase;}
.nav a:hover, .nav a.active {color:var(--cyanblau);}

.nav ul ul {text-align: left; margin-top: 12px; padding-top: 0; display: none; position: absolute; top:20px; width: 250px; background-color: #f5f5f9; z-index: 1;}
.nav li li { font-size:0.882em; display: block; padding-left: 0; border-top: 1px solid #2b2e83; padding: 4px 5px 4px 5px !important;}
.nav li li:last-of-type {border-bottom: 1px solid #2b2e83;}
.nav li li a {font-weight: 600;}

.nav li.insta img {position: relative; top:8px;}

.subnavi a {font-size:1.600em;}
.subnavi li {margin-bottom: 6px;}
.subnavi ul ul {margin-left: 34px; margin-top: 5px;}


@media screen and (max-width:920px) {
	.logo {width: 155px;}
	.nav {width: 100%; margin-top: 0px; margin-bottom: 22px; display: none; padding-top: 0px;}
	.nav ul  {/*background-color: #f5f5f9;*/}
	.nav li {display: block; text-align: left; padding-left: 0; font-size:1.600em;}
	.nav li a  {border-bottom: 1px solid var(--cyanblau); padding-bottom: 8px; padding-left: 10px; padding-top: 8px;}
	.nav ul ul {position: relative; /*display: block !important;*/ top: auto; width: 100%; margin-top: 5px; margin-bottom: 12px;}
	.nav li li, .nav li li:last-of-type, .nav li li a {border: none; padding-top: 0;}
	.nav li li {padding: 1px 5px 1px 15px !important;}
    .nav li.insta a  {border-bottom:none;}
    
	
	.balken { background-size: 150%;}
	
	
}

@media screen and (min-width:921px) {
	.nav {display: block !important;}
}



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

.lines-button {display:none; position: absolute; top:24px; right: 0px; /*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 var(--cyanblau);}

.lines-button { height:40px;  z-index:3; background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;  cursor: pointer;}

.lines-button:hover {
    opacity: 1;
    filter:alpha(opacity=100);
}
.lines-button:active {
}

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

.lines {
    background: var(--cyanblau) none repeat scroll 0 0;
    border-radius: 0.28571rem;
    display: inline-block;
    height:4px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width:40px;
    width: 2.2rem;
}
.lines:before, .lines:after {
    background: var(--cyanblau) none repeat scroll 0 0;
    border-radius: 0.28571rem;
    content: "";
    display: inline-block;
    height:4px;
    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:40px;
    width: 2.2rem;
}
.lines:before {
    top:11px;
    top: 0.5rem;
}
.lines:after {
    top:-11px;
    top: -0.5rem;
}
/*.lines-button:hover .lines:before {
    top:16px;
    top: 1rem;
}
.lines-button:hover .lines:after {
    top:-16px;
    top: -1rem;
}*/
.lines-button.close {
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
}
.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);
    left:-5px;
}
.lines-button.x.close .lines:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    left:-5px;
}

@media (max-width:940px) {
    .hamburger_box {display: block;}
}


.nav_mobil {position: fixed; background-color:#fff; width: 100%; z-index: 4;}

/* ### SUBMENÜ ###################################################################### */



/* ### FOOTER ###################################################################### */
footer {padding: 12px 0 12px 0; }
.footer_1 {font-weight: 500; color:var(--cyanblau); font-size:3.6em; line-height: 1.2em; padding-bottom: 120px;}
.footer_1 a {text-decoration: none; color:var(--cyanblau);}
.footer_1 a:hover {color:#000;}
.footer_1 img {display: inline-block; top: 20px; position:relative;}
.footer_2 {padding-top: 60px; padding-bottom: 60px; font-size:1.8em; line-height: 1.8em; color:var(--weiss);}
.footer_2 a {color:var(--weiss); }
.footer_bild img {max-width: 125px;}
.footer_bild {margin-top: -120px;}

@media (max-width:620px) {
    .footer_1 {font-size:2.6em;}
    .footer_1 img {width: 40px; top: 10px;}
    .footer_bild img {max-width: 95px;}
    
}

.footer_imp {font-weight: 400; color:var(--weiss); font-size:1.8em; line-height: 1.2em; padding-bottom: 10px; padding-top: 10px;}
.footer_imp a {color:var(--weiss); text-decoration: none;}
.footer_imp a:hover, .footer_imp a.active {}

.footer_post {padding: 20px 0 12px 0; }
.footer_post img {display: inline-block; margin: 0 1%;}
.footer_post img:first-of-type {position: relative; top:-8px;}

/* ### 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;
}