@font-face {
    font-family: 'OpenSans-Bold';
    src: url('/design/css/fonts/static/OpenSans/OpenSans-Bold.ttf'); format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('/design/css/fonts/static/OpenSans/OpenSans-Regular.ttf'); format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('/design/css/fonts/static/OpenSans/OpenSans-Light.ttf'); format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-LightItalic';
    src: url('/design/css/fonts/static/OpenSans/OpenSans-LightItalic.ttf'); format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Setup --------------------------------------------- */
a { color: #167040; text-decoration:none;}
a:visited { color: #167040; }
a:hover { color: #21a961; }
a:focus { outline: thin dotted; }
html, body {background-color: white; height: 100%; font-family: 'OpenSans-Light',verdana, arial, helvetica, sans-serif;  font-size: 96%; line-height: 150%;}
h1 {line-height:1.5em; margin-bottom:.5em; font-size:3em; font-family: 'OpenSans-Bold'; text-align: left;}
h2 {line-height:1.5em; font-size:2.5em; color: black; font-family: 'OpenSans-Bold'; margin-bottom: 1em;}
h3 {line-height:1.25em; margin-bottom:0.5em;font-size:2em; font-family: 'OpenSans-Bold'; color:black;}
h4 { line-height:1em; margin-bottom:.25em;margin-top:.25em;font-size:1.5em; font-family: 'OpenSans-Bold';}
h5 { line-height:1em; margin-bottom:.25em;margin-top:.25em;font-size:1.2em; font-family: 'OpenSans-Light'; font-weight:normal;}
pre {font-family:monospace,serif;font-size:1em;white-space:pre;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0}
code {font:inherit;font-family:monospace,serif;font-size:1em;margin:0;padding:0}
p{margin-bottom: 1em; font-family: 'OpenSans-Light'; font-size: 1.5em; line-height:1.5em; color:black;}
strong{  font-family: 'OpenSans-Bold';}
hr{background-color: #167040; height: 2px; width: 100%; border: 0px solid; }
em{ font-family: 'OpenSans-LightItalic';}



/* Struktur ------------------------------------------ */
#container_wrapper{ position: relative; margin-left: auto; margin-right: auto; min-height: 95%;}
* html #container_wrapper { height:100%; }
#container{ position: relative;}

#content_inner li{font-size: 1.5em; line-height: 1.5em; color:black; list-style:disc outside; font-family: 'OpenSans-Light';}
#cookieContainer{z-index: 10;}
#logo{width: 12%; display: inline-block; margin: 2em; }

/*Menu start*/
/* #navi_wrapper{background-color:white; z-index: 3; width: 100%; text-align: center;} */
#navi_wrapper{width: 100%; display: block; position: relative;}

#navi{ width:80%; position: absolute; top:50%; right: 0; transform: translateY(-50%); z-index: 3;}
#navi a { color: black; font-size: 1.75em; display: inline;  line-height: 1.5em; text-decoration: none; font-family:'OpenSans-Light';  }
#navi a:link { color: black;}
#navi a:link.now { font-family:'OpenSans-Bold'; }
#navi a.now{color:#167040 !important;}
#navi a:hover{color:#167040 !important;}
#navi a:visited { color: black;  }
#navi a:visited.now { text-decoration: none; }

#navi a:hover.now, #navi a:active.now, #navi a:focus.now {   text-indent: 0; }

#navi a:active { color: white;}

/*Desktop Menu ####################################################################################*/
#desktop_wrapper{display: block; text-align:right; padding: 0.25em 0;}
#desktop_wrapper ul li{display: inline-block; font-size: 1.25em; margin-right: 2em; position: relative;}
#desktop_wrapper ul li:last-child{margin-right:2em;}
#desktop_wrapper ul li ul{display: none; position: absolute; background-color: rgba(0, 0, 0, 0.5); padding: 1.5em; min-width: 450px;}
#desktop_wrapper ul li:hover ul{display: block;}
#desktop_wrapper ul li ul li{display: block; text-align: left;}
#desktop_wrapper ul li ul li a, #desktop_wrapper ul li ul li a:visited, #desktop_wrapper ul li ul li a:link{color: white;}
#desktop_wrapper ul li ul li a:hover{color: rgb(222,222,222) !important;}
#desktop_wrapper ul li ul li a.now{color: white !important;}

/* Mobile Menu ####################################################################################*/

#mobile_wrapper{display: none; text-align:center; overflow:hidden; width: 7%; position: relative; float: right; right: 2em;}
#mobile_schriftzug_wrapper{display:inline-block; width:78%;}
#mobile_navi_inner{ padding-bottom:4em; background-color: rgba(0, 0, 0, 0.75); display:none; position:absolute; z-index:4; text-align: left; top:0; right:0; max-width: 650px; width:100%;}
#hamburger_line_wrapper{ width:100%;}
#hamburger_line_wrapper p {color:#167040; font-size: 2vw; margin-bottom: 0;}
.hamburger_line{position:relative; height:0.25vw; top:0.8vw; margin-bottom:1.5vw; width: 100%; background-color: #167040; display:block; border-radius:2px;}
#mobile_schriftzug{background-image:url("design/images/Schriftzug.png"); width:230px; background-size: 100% auto; height:40px; background-repeat:no-repeat; display:inline-block; background-position:center;}
#mobile_logo img, #mobile_logo{max-width:40px; max-height: 40px;}
#mobile_logo{display:inline-block; float:right; margin-right: 1em;}

#mobile_navi_inner ul li ul li a {font-weight:normal;}
#mobile_navi_inner a{padding: 14px 16px 14px 40px; font-size: 25px; display:block; color:white; text-decoration:none; font-family: 'OpenSans-Light'; max-width: 100%;}
#mobile_navi_inner ul > li{ border-bottom: 1px solid white; display: block; overflow: hidden; max-width: 440px; width: 100%; margin-left: 4rem;}
#mobile_navi_inner li.current > a{font-family:'OpenSans-Light'; }
#mobile_navi_inner ul li ul li.current < a{background-color:#1fa64a;}
#mobile_navi_inner ul > li a{float: left;}
#mobile_navi_inner ul li a.now{font-family: 'OpenSans-Bold';}
#mobile_navi_inner ul > li a.mobileTarget{float:right; width:10px; height: 10px; text-align: center; cursor:pointer; padding: 14px 50px 0 0;}
#mobile_navi_inner ul li ul li {float: none; width: 100%; border:none; border-bottom: 1px solid white; margin-left: 0; padding-left: 2.5em;}
#mobile_navi_inner ul li ul li:last-child{border: none; }
#mobile_navi_inner ul li ul li:first-child{border-top: 1px solid white; }

#mobile_navi_inner ul li ul li ul{border-bottom: 1px solid #454a4d;}
#mobile_navi_inner ul li ul li ul li a{padding-left: 75px;}

#cancelMenu_wrapper{width: 100%; height: 150px;}
#cancelMenu{padding:0 !important; width: 60px; float: right; margin-top: 3em ; float: left; margin-left:4rem; cursor: pointer;}
#cancelMenu img {width:30px;}


.mobileTarget{display: none !important;}
/* Mobile Menu END ################################################################################*/
/*Menu end*/

#content{width: 100%; margin:0 auto 0 auto; z-index: 2; position: relative; margin-bottom: 2em;}
#content_inner{ min-height: 200px; width: 100%; margin: 0 auto; }
#content_inner_landing{ min-height: 200px; width: 100%; max-width:1000px; margin: 0 auto; }
#footer{ color:#167040; margin: 0 auto 0 auto; height: 50px; padding-top:1em; font-size: 1.25em; border-top:2px solid #167040; }

#footer_img_container{ width: 70%; display: flex;}
.ele_footer_img_container{ width: 70%; display: flex;}
.ele_footer_adresse{width: 30%; float: left;}
.footer_img{width:20%; margin-right: 15%; margin-left: auto; position: relative;}
.footer_img:first-child{margin-left: 0; }
.footer_img:last-child{margin-right: 0;}
.top_coach_img{width: 15%;}
.footer_img img{width:100%;}
.footer_img_umw{margin-top: 45%;}
.footer_img_small{width:50% !important;  margin: 0 auto; display:block;}
#footer_wrapper_wrapper{overflow: hidden; display: flex;}
#footer a{ color:#167040; margin:0 auto 0 auto; text-decoration:none; font-family:'OpenSans-Light'; vertical-align:middle;}
#footer_r{float: right;  width: 33.33%; text-align: right;}
#footer_m{width:33.33%; display: inline-block; margin-left: auto; margin-right: auto;}
#footer_m a{cursor: pointer;}
#footer_m img{width: 5vw; display: block; margin: 0 auto;}
#footer_l{float: left; width: 33.33%;}
#mobilemenu{display: none;}
#back-to-top { position:fixed; bottom:0px; right:50px;	cursor:pointer;	padding:10px; background:#67765e; border-top-left-radius:5px; border-top-right-radius:5px; color:white;	z-index: 99; opacity: 0.3 }
#back-to-top:hover{opacity: 1; box-shadow: -4px -4px 4px rgba(0,0,0,0.64)}
/* Elemente ------------------------------------------ */
.an_btn{background-color:#167040; color: white !important; padding: 1em; display: inline-block;}
.an_btn:hover{background-color:#21aa61;}

.bgi_container{display: none; position: relative; background-repeat: no-repeat; background-size: cover;}
.bgi_text{position: relative; width: 79%; padding-left: 10.5%; padding: 5% 10.5%; z-index: 3;}
.bgi_white h2, .bgi_white p{color: white;}
.bgi_black h2, .bgi_black p{color: black;}

.t_slide_wrapper{display: flex; margin-bottom: 3em; padding-top: 25px;}
.t_slide_container{ width: 90%; float: left;}
.t_slide{ display: flex; display: none; position: relative;}
.t_slide_img{width:50px; position:absolute; z-index: 1; background-color: white; padding: 0 1%;}
.t_slide_img_top{top: 0; left:0; transform: translate(-50%, -50%);}
.t_slide_img_bottom{bottom: 0; right: 0; transform: rotate(180deg) translate(-50%, -50%);}
.t_slide_text{border:5px solid #B7B7B8; flex-basis:50%; margin-right: 5%; padding:2%; position: relative;}
.t_slide_text p, .t_slide_text_half p {color: #167040;}
.t_slide_text:last-child{margin-right: 0; }
.t_slide_text_half{flex-basis:42.75%; border:5px solid #B7B7B8; 2%; padding:2%; position:relative;}
.t_slide_nav{width: 4.76%; float: left; position: relative;}
.t_slide_nav a{color: #B7B7B8; position: absolute; font-size: 3em; top: 50%; transform: translateY(-50%); cursor: pointer; }
.t_slide_nav a:hover{color: #EAEAEA;}
.t_slide_text_right{text-align:right;}
.t_slide_text_right a{transform: translate(-100%, -50%);}
.t_slide_nav_container{width:99.7%; text-align: center;}
.t_slide_dot{cursor: pointer; height: 1vw; width: 1vw; margin: 0 4px; background-color: #EAEAEA; border:0.2vw solid #D9D9D8; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.t_silde_fade{animation-name: fade; animation-duration: 1.5s;}
.active, .t_slide_dot:hover { background-color: #D9D9D8; border:3px solid #B7B7B8;}
@keyframes fade {
  from {opacity: .1}
  to {opacity: 1}
}

.l_slider_container{position: relative;}
.l_slide{width: 90%; margin:0 auto; display: none;}
.l_slide_activ{display:flex;}
.l_slide_element{height: 10.5vw; width: 20%; padding: 2%;}
.l_slide_footer{width: 90%; margin:0 auto;  text-align: center;}
.test{background-color: blue; height: 100%;}
.test2{background-color: red; height: 100%;}
.l_slide_nav{width: 3.9%; position: absolute;  height: 100%; }
.l_slide_nav a{color: #B7B7B8; font-size: 3em; cursor: pointer; position: absolute; top:50%; transform:translateY(-50%);}
.l_slide_nav a:hover{color: #EAEAEA;}
.l_nav_right{right: 10.5%; top:0;}
.l_nav_right a{right: 0;}
.l_slide_element img{width:100%; margin-top: 50%; transform:translateY(-50%);}
.l_element_small{width:50% !important; margin-left:auto; margin-right:auto; display:block;}
.l_element_extra_small{width:30% !important; margin-left:auto; margin-right:auto; display:block;}


.eis_container{position: relative;}
.eis_img{width:100%;}
.eis_inner_container{ height: 100%; position:absolute; top:0;}
.eis_anim_trigger{height: 5vw; position: relative; top:70%; transform:translateY(-50%);}
.eis_text_container{height:80%; position: relative;}
.eis_text{position:absolute; background-color: rgba(255,255,255,0.75); padding: 1%; width: 100%; max-width:600px; }
.eis_text_one{top:0; left:0;}
.eis_text_two{top:50%; left:0;}
.eis_text_three{bottom:0; left:0;}
.eis_text_four{top:0; right:0;}
.eis_text_five{top:50%; right:0;}
.eis_off{opacity: 0;}


.netz_container img{ width: 100%;}
.netz_container div{width: 20%;display: inline-block; padding:2%; }
.netz_padding{padding-left: 0 !important;}
.netz_small{width: 50% !important; margin-left: 50%; transform: translateX(-50%);}


.ele_container{width: 79%; padding: 0 10.5% 0 10.5%; overflow: hidden;}
.ele_wrapper{width: 79%; margin-left:10.5%; margin-right:  10.5%; position: relative;}
.mls_container{background-color: #F5F3F2; position: relative;}
.mls_row_1{display: block; width: 100%; overflow:hidden;}
.mls_row_2{display: block; width: 100%; overflow:hidden; position:relative;}
.mls_btn_wrapper{width:33%; height: 17vw; position: relative;}
.mls_img{ width: 33%; position: absolute; left: 0; bottom: 0;}
.mls_left{float: left;}
.mls_right{float: right;}
.mls_middle{margin: 0 auto;}
.mls_icon{width: 140px; margin: 0 auto;}
.mls_text{margin-bottom: 2em;}
.mls_text p, .mls_text a {font-family: 'OpenSans-Light';}


.text p:last-child, .text h1:last-child, .text h2:last-child, .text h3:last-child{margin-bottom: 0;}

.tb_img{width: 35vw; position: absolute; z-index: 0; left:50%; transform: translateX(-50%);}
.tb_text{z-index: 1; position: relative; padding-top: 2em;}
.tb_container{ min-height: 40vw;}

.tib_container{position: relative; overflow: hidden;}
.tib_container img{width: 100%; }
.tib_opacity img{opacity: 25%;}
.tib_text{position: absolute; bottom: 15%; right: 10.5%; width: 40%; padding:3em;}
.tib_text h2{margin-bottom: 1em;}

.tibc_text_black{position: absolute; bottom: 15%; width: 79%; left: 10.5%;}
.tibc_text_white h2, .tibc_text_white p, .tibc_text_white strong, .tibc_text_white a {color: white !important;}
.tibc_text_white a:hover{color: rgb(222,222,222) !important;}

.overlay_green{background-color: #167040; opacity: 75%; width: 100%; height: 100%; position: absolute; top: 0;}

.green_box{ min-height: 200px; border: 4px solid #B7B7B8; z-index: 1; position: relative;}
.green_box_inner{ padding: 2.5em 5em 0 2.5em;}
.green_box_inner p:last-child{margin-bottom:0;}
.green_box_background{ position:absolute; bottom: 10%; z-index: 0; height: 83%; left: 50%; transform:translateX(-50%)}
.green_box_container{position: relative; overflow: hidden;}

.clickMeet_inner { display: block;}
.clickMeet_icon{width:100%; position: relative; overflow-x: hidden;}
.clickMeet_icon img{width:7vw; float: right;}

.mi_icon img{width: 200px; display: block; z-index: 2; position: relative; margin-left: auto; margin-right: auto;}
.mi_icon hr {position: absolute; top: 50%; margin: 0; z-index: 1;}
.mi_icon{position: relative;}

.header_bild_wrapper{width: 100%; position: relative; overflow:hidden; }
.header_btn_wrapper{position:absolute; right: 0;background-color: red; z-index: 2; top:50%; transform: translateY(-50%); }
.header_btn_square{width:75px; height: 75px; background-color: #167040; z-index:3; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid white; position: relative;}
.header_btn_square img{ width: 45px; display: block; position: relative; margin: 0 auto; vertical-align: middle; vertical-align: middle; height: 100%;}
.header_scrolltext{position:absolute; bottom: 5em; width:50%;}
.header_scrolltext h1, .header_scrolltext span{color: black; margin: 0; text-align: left; }

.header_scrolltext h1{background-color: rgba(255,255,255,0.75); display: inline-block; padding: 0 3%; font-family: 'OpenSans-Regular';}
.header_scrolltext p{background-color: rgba(255,255,255,0.75); display: inline-block; padding: 0 3%;}
.Header_Bold{font-family: 'OpenSans-Bold' !important;}
.Header_Condensed{font-family: 'OpenSans-Light' !important;}

.admin_border{border: 1px solid red;}
.admin_bold{font-family:'OpenSans-Bold'; color:red; font-size: 2em;}

.element_centered{margin-left: auto; margin-right: auto;}

.req{float: right; }






input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}



.SoftColumnFillBox{max-width: 1000px; margin: 0 auto;}
.softColumn h1, .softColumn h2{font-size:200%;}

.divider{width:20%; margin: 5em 0 5em 0;}
.clear { clear:both; float:none; }
.umflossen_r { float:right; }
.umflossen_l { float:left; }
.abstand_r { margin-right: 3%; }
.abstand_l { margin-left: 3%; }
.abstand_o { margin-top:7.5em; }
.abstand_u { margin-bottom:7.5em; }
.abstand_small_u{margin-bottom:4em;}
.wrapper_leer{height: 3em; width:100%;}
.ganz {width: 100%;}
.halb { padding:0; width: 48.5%;}
.halb_a { padding:0; width: 50%;}
.zweidrittel { padding:0; width: 62.66%; }
.drittel { padding:0; width: 33.33%; }
.drittel_a{padding:0; width: 33.33%}
.viertel { padding:0; width: 22.75%; }
.viertel_a { padding:0; width: 25%; }
.trennlinie{ padding-bottom: 3em; padding-top: 3em;}

.text{text-align:left; margin-left:auto; margin-right:auto;}
.text_left{padding-right:3%; display:table-cell; width:50%; vertical-align:top;}
.text_right{padding-left:3%;  display:table-cell; width:50%; vertical-align:top;}
.text_wrapper{display:table; margin-left: auto; margin-right: auto; }


#content_inner ul, #content_inner ol{margin-left: 1.3em; margin-bottom: 1em;}

#content_inner ol li{ list-style: decimal inside}

/* helper -------------------------------------------- */

.hidden { display: none !important; visibility: hidden; }
.clear {float: none; clear: both;}


/* #Media Queries -------------------------------------------- */
/*HD++*/
@media only screen and (min-width: 1920px) {
  .header_scrolltext h1{font-size: 2vw; }
  #desktop_wrapper ul li{font-size: 0.75vw;}
  p, #content_inner li, h3{font-size: 0.94vw;}
  h2{font-size: 1.5vw;}
  h1{font-size: 1.75vw;}
}

/*HD */
@media only screen and (max-width: 1920px) {
  .header_scrolltext h1{font-size: 2vw; }
  #desktop_wrapper ul li{font-size: 0.75vw;}
}

@media only screen and (max-width: 1600px) {
  .tib_text{width: 70%;}
  .mls_container h2{font-size: 2vw;}
}

/*Mobile*/
@media only screen and (max-width: 1400px) {
  .tib_text{bottom: 0;}
  .tibc_text_black{position: relative; margin-top: 2em;}
  .bgi_container, .bgi_container_opacity{display: block !important;}
  .tib_container{display: none;}
}

@media only screen and (max-width: 1090px) {
  #desktop_wrapper {display:none;}
  #mobile_wrapper{display: block;}
  #logo{width: 25%; margin:1em 2em;}
  .mls_container h2{font-size: 2.5em;;}
  .ele_footer_adresse{display: block; width: 100%;}
  .ele_footer_img_container{float:none; margin: 0 auto;}
  p, #content_inner li{font-size:1.2em;}
  .tib_container img{width: 200%;}
  .mls_header h2{text-align: center;}
  .tb_img{width:50vw;}
  .clickMeet_icon{width: 40vw;}
  .header_scrolltext{bottom: 15%; width: 100%;}
  .header_scrolltext h1{font-size: 5vw; line-height: 1.5em;}
  .clickMeet_inner{padding:0;}
  .clickMeet_icon{position: relative; margin:0 auto 2em auto;}
  .mls_btn_wrapper{width: 100%; text-align: center; height: 15vw;}
  .mls_img{position: relative; margin: 0 auto 0 auto; width: 75%;}
  .mls_container{padding-top: 2%;}
  .mls_left, .mls_right{float: none;}
  .mls_text p {font-size: 3.5vw; margin-bottom: 0.25em;}
  .mls_text h2{margin-bottom: 0.25em;}
  .mls_btn_wrapper{margin-bottom:3em;}
  .t_slide,.l_slide{flex-direction: column;}
  .t_slide_text:last-child{margin-top: 2em;}
  .l_slide_element{margin-left: auto !important; margin-right: auto !important; width: 30%;}
  .l_slide_element:first-child{margin-top: 2em;}
  .l_slide_element img{margin-top: 0;}
  .l_slide_nav a{font-size: 2em;}
  .t_slide_text{width: 75%; margin-left:auto !important; margin-right: auto !important;}
  .t_slide_img{width:25px;}
  .t_slide_dot{width:2vw; height: 2vw;}
  .clickMeet_icon img{float: none; display: block; margin: 0 auto; width: 15vw;}
  #footer_m img{width: 7vw;}
}

@media only screen and (max-width: 750px) {
  #footer_m, #footer_r, #footer_l{display: block; width: 100%; text-align: center; margin-bottom: 1em;}
  #footer_m img {width: 10vw;}
}

@media only screen and (max-width: 500px){
  #footer_m img {width: 15vw;}
  .mls_container h2{font-size: 1.5em;;}
  #mobile_navi_inner ul li ul li a{padding-left:20px; }
  .ele_container{width: 90%; padding: 0 5%;}
  .ele_wrapper{width:90%;}
  #footer_l, #footer_r{float: none; margin-left: auto; margin-right: auto;}
  .abstand_u{margin-bottom: 2.5em;}
  .ele_wrapper{margin-left: auto; margin-right: auto;}
  h1{font-size: 2.25em;}
  h2 {font-size: 1.5em;}
  .tib_text{position: relative; margin-top:3em;}
  .mls_container{width: 100%; padding:0;}
  .tib_text{width: 90%; padding: 0 5%; right: auto;}
  #mobile_navi_inner ul > li{margin-left: 0; max-width: none;}
  #cancelMenu{margin-left: 2rem;}
  .mls_text p {font-size: 4.5vw;}
  .green_box_inner{padding: 2.5em 1em 0 1em;}
  .green_box_inner p, .green_box_inner span li{font-size: 1.25em !important;}
  .green_box_inner h2,.green_box_inner h3{font-size: 1.5em !important;}
  .footer_img{align-self: center; margin-bottom: 2rem; width: 100%;}
  .ele_footer_img_container{flex-direction: column; width:35%; margin-left: auto;margin-right: auto;}
  .ele_footer_adresse{width:100%; margin-bottom: 3em;}
  #mobile_wrapper{width: 10%;}
  #hamburger_line_wrapper p{font-size: 2.7vw;}
  .t_slide_text, .t_slide_text_half{width: 85%;}
  .t_slide_text_half{margin-left: auto; margin-right: auto;}
  .slider_container{padding:0; margin-left:auto; margin-right: auto;}
  .t_slide_container{width: 100%;}
  .t_slide_nav{display: none;}
  .tibc_text_black, .tibc_text_white{position: relative; margin-top:3em; width: 90%; left: 5%;}
  .clickMeet_icon img{ width: 25vw;}
  .tib_text{position: relative;}
}