@charset "UTF-8";
/* CSS Document */

body{
min-width: 0;
}



#intro>.inner,
#breadcrumbs>.inner,
header>div.inner,
#nav1>.inner,
footer>.inner,
#content>.section>.inner,
#content>.section.sc_pseudocols>.inner h2,
#content>.section.sc_pseudocols>.inner,
#intro #slider-seitenanzeige{
width: auto;
max-width: 1380px;
}

#introslider #slider-seitenanzeige,
#intros#introslider .sliderbox .inner,
#hinweis>div.inner{
width: auto;
max-width: 1350px;
}


header,
#nav1,
#breadcrumbs,
#content>.section,
footer,
#intro #slider-seitenanzeige,
#hinweis{
padding-left:  30px;
padding-right: 30px;
}
#intro #introslider .sliderbox .textoverlay{
padding-left:  30px;
padding-right: 30px;
-moz-box-sizing: border-box;  
-webkit-box-sizing: border-box;  
box-sizing: border-box; 
}


#content>.section.dekostreifen,
#content>.section.sc_gmaps{
padding: 0;
}


/*T*/
#content ul.linkliste {
overflow: hidden;
}

#content .textblock{
float: none;
display: block;
width: auto;
}

.bildblock{
margin-left: 2.173913043478261%;
}

#b_inhalt .sc_inhalt2 .bildblock{
float: left;
margin-left: 1.08695652173913%;
margin-right: 2.173913043478261%;
}
/*T*/



@media (min-width: 1800px) {
#intro #introslider .sliderbox img {
margin-top: -7.5%;
}

}


@media (min-width: 1450px) {

#intro #introslider{
height: 780px;
padding-bottom: 0;
}

#intro #introslider .sliderbox{
height: 780px;
padding-bottom: 0;
}

#intro #introslider .sliderbox .textoverlay {
font-size: 1em;
line-height: 1.2em;
}

}


@media (max-width: 1420px) {

#introslider .sliderbox .textoverlay h3{
margin-left: 1.08%;
}

}

@media (max-width: 1350px) {

.adresse>p #addr_name,
.adresse>p #addr_abteilung,
.adresse>p #addr_strasse,
.adresse>p #addr_tel,
.adresse>p #addr_email,
.adresse>p #addr_ort,
.adresse>p #addr_fax,
.adresse>p #addr_web{
clear: left;
}

.adresse>p #addr_ort::before,
.adresse>p #addr_fax::before,
.adresse>p #addr_web::before{
display: none;
}


#content .slidelist ul li{
/*
width: 31.8vw;
margin: 0 1.1vw;
*/

width: 300px;
margin: 0 10px;

}


}




/*@media (max-width: 1150px) {*/
@media (max-width: 1350px) {


#wrapper{
padding-top: 86px;
}

header{
padding-top: 0;
padding-bottom: 0;
height: 86px;
background: #ffffff;

filter: none;
box-shadow: 0 2px 30px rgba(0,53,58,0.3);

position: fixed;
top: 0;
left: 0;
width: 100%;
width: calc( 100% - 60px );
z-index: 210;
}

header div.inner {
height: auto;
}

header h1 {
right: auto;
left: 0;
}

header h1>a{
display: block;
padding: 8px;
padding-left: 0;
margin: 0;
width: 160px;
}


#nav1{
background: none;
top: auto;
margin-top: 0px;
z-index: 50;
min-height: 0;
padding: 0;
}

#nav1 .inner{
overflow: visible;
margin: 0;

height: auto;
min-height: 0;
box-shadow: none;
}

#nav1 ul.navlist#nav_main{
position: absolute;
top: 0;
left: 0;
bottom: auto;
right: auto;
_z-index: 60;
width: 100%;
float: none;
display: block;
}

#menubutton{
display: block;
position: absolute;
right: 23px;
z-index: 200;
background: url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/BG_menu.svg') no-repeat center center;
background-size: 28px auto;
background-color: rgba(255,255,255,0.2);
height: 40px;
width: 40px;
border-radius: 6px;
padding: 0;
cursor: pointer;
position: fixed;
top: 22px;
}

#nav1 ul.navlist#nav_main{
background: #ffffff;

/*box-shadow: 0 6px 5px rgba(0,0,0,0.25);*/
/*box-shadow: 0 6px 5px rgba(0,53,58,0.3);*/
box-shadow: 0 16px 15px rgba(0,53,58,0.2);
position: relative;
width: auto;
overflow: hidden;	
padding: 0px 30px;
margin: 0;
float: none;
max-height: 0;
min-height: 0;
height: auto;

transition: 300ms;
}



#nav1 ul.navlist#nav_main.open{
max-height: 1999px;
padding: 20px 30px;
}

#nav1 ul.navlist li.fnav{
display: block;
}


#nav1 ul.navlist>li#n_suche>div#suche_inner{
display: block;

padding: 2px 0 0px 0;
position: relative;
top: auto;
right: auto;
z-index: auto;

background: none;
}

#nav1 ul.navlist>li#n_suche:hover>div#suche_inner::before{
display: none;
}

#nav1 ul.navlist#nav_main li:first-child{
border-top: 0;
}

#nav1 ul.navlist > li#n_suche > span:first-child{
display: none;
}


#nav1 ul.navlist > li#n_suche form{
padding: 10px 0 30px 0;
min-width: 0;
}

#nav1 ul.navlist > li#n_suche form input{
margin: 0;
width: 100%;
border-width: 1px;
border-color: #bebebe;
box-shadow: none;
}

#nav1 ul.navlist > li#n_suche button {
bottom: 29px;
background: url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/fa/search_pt.svg') no-repeat center center;
background-size: auto 1em;

}

#nav1 ul.navlist#nav_main li,
#nav1 ul.navlist#nav_main li:first-child{
float: none;
display: block;
height: auto;
margin: 0;

position: relative !important;
top: auto !important;
left: auto !important;

border-top: 1px solid #BEBEBE;
padding: 0px 0;
}

#nav1 ul.navlist#nav_main li:first-child{
border-top: 0;
}

#nav1 ul#nav_main>li span.mbutton{
display: block;
width: 33px;
height: 33px;
position: absolute;
right: 0;
top: 0px;
padding: 0;
margin: 2px 2px 2px 0;
background: #8AC8AB url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/fa/chevron-down_ws.svg') no-repeat center center;
background-size: 14px auto;
background-position: center 55%;
cursor: pointer;

border-radius: 50%;
border: 2px solid #ffffff;
}
#nav1 ul#nav_main>li span.mbutton:after{
content: "";
position: absolute;
/*
background: rgba(255,255,255,0.1);
*/
top: -9px;
bottom: -8px;
right: -15px;
left: -15px;

}

#nav1 ul#nav_main>li>ul.open+span.mbutton{
background-image: url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/fa/chevron-up_ws.svg');
background-position: center 45%;
background-color: #005159;
}
/*
#nav1 ul#nav_main>li>ul>li>ul+span.mbutton{
background-image: url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/BG_menupfeil1b.png');
}

#nav1 ul#nav_main>li>ul>li>ul.open+span.mbutton{
background-image: url('/public/20260101045829oe_/https://www.wo-wenn-nicht-hier.com/ibu/img-dsg/BG_menupfeil2b.png');
}
*/

#nav1 ul#nav_main,
#nav1 ul#nav_main ul{
  position: relative;
  display: none;
}
#nav1 ul#nav_main.open,
#nav1 ul#nav_main ul.open{
  display: block !important;
}

#nav1 ul.navlist li>span,
#nav1 ul.navlist li a,
#nav1 ul.navlist li a:link,
#nav1 ul.navlist li a:visited{
border-left: 0;
}

#nav1 ul.navlist#nav_main li a,
#nav1 ul.navlist#nav_main li a:link,
#nav1 ul.navlist#nav_main li a:visited{
display: block;
float: none;
height: auto;
font-size: 1em;
line-height: 1.2em;

padding: 0 1.08%;
}

#nav1 ul.navlist>li:hover>ul::before{
display: none;
}

#nav1 ul.navlist#nav_main>li:hover>a{
background: none;
color: #8AC8AB;
}

#nav1 ul.navlist#nav_main li a:hover{

background: #8AC8AB;
color: #ffffff;

}

#nav1 ul.navlist#nav_main li a span{
margin: 0;
display: block;
padding: 8px 0%;
}
#nav1 ul.navlist#nav_main li a span.special{
padding: 0;
display: inline-block;

display: block;
padding-bottom: 5px;
}

#nav1 ul.navlist#nav_main li a:hover span{
background: none;
}

#nav1 ul.navlist#nav_main li.aktiv>a,
#nav1 ul.navlist#nav_main li.aktiv>a:link,
#nav1 ul.navlist#nav_main li.aktiv>a:visited,
#nav1 ul.navlist#nav_main li.aktiv>a:hover
#nav1 ul.navlist#nav_main li.aktiv:hover>a{
color: #8AC8AB;
background: transparent;
}

#nav1 ul.navlist#nav_main li a.aktiv span{
background: none;
}

#nav1 ul.navlist#nav_main li ul{
position: static;
box-shadow: none;
margin: 0px 0 10px 0;
padding: 0px 0 0px 0;
overflow: hidden;
background: none;

font-size: 1em;
line-height: 1.2em;
}

#nav1 ul.navlist#nav_main li ul::before{
display: none;
}
/*
#nav1 ul.navlist#nav_main>li>a.aktiv+ul{
display: block;
}
*/
#nav1 ul.navlist#nav_main li ul li{
padding: 0%;
border: 0;
}
#nav1 ul.navlist#nav_main li ul li:last-child{
background: none;
}

#nav1 ul#nav_main>li li span.mbutton:after{
height: 38px;
}

#nav1 ul.navlist#nav_main li ul li a,
#nav1 ul.navlist#nav_main li ul li a:link,
#nav1 ul.navlist#nav_main li ul li a:visited{
display: block;
padding: 8px 0%;
font-weight: 700;
font-size: 1em;
line-height: 1.2em;
background: none;
box-shadow: none;

border-radius: 0;
border: 0;
}

#nav1 ul.navlist#nav_main li ul li.aktiv>a,
#nav1 ul.navlist#nav_main li ul li.aktiv>a:link,
#nav1 ul.navlist#nav_main li ul li.aktiv>a:visited,
#nav1 ul.navlist#nav_main li ul li.aktiv>a:hover{
color: #8AC8AB;
}
#nav1 ul.navlist#nav_main li ul li.aktiv>a:hover{
color: #005159;
}

#nav1 ul.navlist#nav_main li ul li a span{
display: block;
padding: 0 0 0 30px;
}

#nav1 ul.navlist#nav_main li ul li a:hover{
color: #005159;
background: #CAE4CC;
}


/*

#nav1 ul.navlist#nav_main li ul li ul{
background: #ffffff;
border-bottom-left-radius: 0px;
}

#nav1 ul.navlist#nav_main li ul li ul li{
border-bottom: 0;
}

#nav1 ul.navlist#nav_main li ul li ul li a:hover{
background: #ddd;
}

#nav1 ul.navlist#nav_main li ul li ul li a span{
display: block;
padding: 0 3% 0 3%;

}

#nav1 ul.navlist#nav_main li ul li ul li a.aktiv,
#nav1 ul.navlist#nav_main li ul li ul li a.aktiv:link,
#nav1 ul.navlist#nav_main li ul li ul li a.aktiv:visited,
#nav1 ul.navlist#nav_main li ul li ul li a.aktiv:hover{

}

#nav1 ul.navlist#nav_main>li>ul>li>a.aktiv+ul{

}
*/

#intro {
margin-top: 0;
}




#content {
padding: 20px 0 0px 0;
}

footer #footer_nav ul.navlist.opt{
display: none;
}

/*
div.pseudocols > ul > li .text h3{
font-size: 0.89em;
line-height: 1.36em;
}
*/


}




@media (max-width: 1240px) {

#introslider .sliderbox .inner{
padding: 2.5% 0 50px 0;
}

#introslider .sliderbox .textoverlay {
font-size: 1.77vw;
line-height: 1.2em;

padding-top: 5%;
}

#content>.section.sc_pseudocols{
/*padding: 0 20px;*/
}

#content>.section.sc_pseudocols>.inner div.pseudocols{

}

}





@media (max-width: 1150px) {

#introslider #slider-bt-prev{
left: 15px;
}
#introslider #slider-bt-next{
right: 15px;
}


#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .text {
width: calc( 100% - 210px);
}

#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .bild{
width: 180px;
max-height: 160px;
max-height: 92px;
margin: 15px;
}


#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .bild img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 160px;
max-height: 92px;
}

}




@media (max-width: 1040px) {

footer .zusatzinfo {
    width: 40%;
}

/*
#introslider .sliderbox .textoverlay a h3{
padding-left: 60px;
position: relative;
}
*/

/*
#introslider .sliderbox .textoverlay a h3::after{
position: absolute;
left: 0;
top :0.1em;
}
*/

#introslider .sliderbox .inner {
padding: 3% 0 3% 0;
}

#intro #slider-seitenanzeige{
margin: 0 auto;
top:10px;
}



#content .textblock{
float: none;
display: block;
width: auto;
}

.bildblock{
margin-left: 2.173913043478261%;
}

#b_inhalt .sc_inhalt2 .bildblock{
float: left;
margin-left: 1.08695652173913%;
margin-right: 2.173913043478261%;
}

#content .slidelist ul li.no-full-vis {
    opacity: 1;
}




}


@media (max-width: 960px) {

#content,
footer{
font-size: 0.9em;
line-height: 1.5em;
}

#content > .dekostreifen img {
width: 130%;
margin-left: -15%;
}

footer #footer_nav{

}
/*
footer #footer_nav .navlist{
float: none;
display: block;
width: auto;
clear: both;
}

footer ul.navlist>li{
margin: 0 1em 0 0;
}
*/
footer ul#nav_social{
list-style: none;
margin: 0 0 1em 0;
overflow: hidden;
}

footer ul#nav_social li{
margin-right: 10px;
margin-left: 0px;
}

#extrabox{
position: fixed;
top: auto;
bottom: 0;
right: 0px;
}


#content div.boxenblock>ul>li{
width:  47.826086956521739%;
}

#content div.boxenblock>ul>li:nth-child(3n-2){
clear: none;
}
#content div.boxenblock>ul>li:nth-child(2n-1){
clear: left;
}

div.boxenblock>ul>li>div.a-subst,
div.boxenblock>ul>li>a,
div.boxenblock>ul>li>a:link,
div.boxenblock>ul>li>a:visited{
box-shadow: 0 0 4px rgba(0,0,0,0.15);
}

div.boxenblock>ul>li>a:hover{
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

#content .sc_schnelleinstiege div.boxenblock>ul>li{
width: 97.826086956521739%;
clear: left;
margin-bottom: 1em;

min-height: 10px;
}
#content .sc_schnelleinstiege div.boxenblock>ul>li>a,
#content .sc_schnelleinstiege div.boxenblock>ul>li>.a-subst{
padding-bottom: 0px;
}
#content .sc_schnelleinstiege div.boxenblock>ul>li .text{
height: auto !important;
padding: 2.4%;
padding-bottom: 50px;
}
#content .sc_schnelleinstiege div.boxenblock>ul>li .bild{
margin: 0 0 0px 1em;
float: right;
display: inline-block;
width: 46%;
height: auto;
padding-bottom: 0;
}
#content .sc_schnelleinstiege div.boxenblock>ul>li>a .text p.mehr{
position: relative;
overflow: hidden;
margin: 0;

position: absolute;
right: auto;
left: 0;
margin: 0 0 2.4% 2.4%;
}


#b_home .sc_schnelleinstiege .boxenblock a.vid_yt::before{
right: 0;
margin-top: 13%;
margin-top: calc( 14% - 35px );
margin-right: calc( 23% - 35px );
}


div.listenblock>ul>li>div.a-subst,
div.listenblock>ul>li>a,
div.listenblock>ul>li>a:link,
div.listenblock>ul>li>a:visited{
box-shadow: 0 0 4px rgba(0,0,0,0.15);

}
div.listenblock>ul>li>a:hover{
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}


.vidblock .video_cnt{
float: none;
display: block;
width: auto;
}

.vidblock .video_lgnd{
position: static;
float: none;
display: block;
width: auto;
}

.vidblock .video_lgnd p{
font-size: 0.8em;
line-height: 1.2em;
margin-top: 0.5em;
}




form#custom-filter>div.form_cnt{
width: 22.826086956521739%;
margin: 0 1.08695652173913% 2.173913043478261% 1.08695652173913%;
}


#content div.pseudocols>ul>li{
width: 44%;
width: 47.82608695652174%;
}
#content div.pseudocols>ul>li>a{
box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
#content div.pseudocols>ul>li>a:hover{
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
div.pseudocols > ul > li .text h3{
font-size: 1.2em;
line-height: 1.5em;
}




#content > .section.sc_formular .kontaktdaten {
width: auto;
overflow: hidden;
float: none;
display: block;
margin: 0 1.08695652173913%;
margin-bottom: 2em;
	
background: #ffffff;
border-radius: 6px;
box-shadow: 0 0 6px rgba(0,0,0,0.15);
}

#content>.section.sc_formular .kontaktdaten>.bild{
float: left;
display: inline-block;
width: 25%;
height: 0px;
padding-bottom: 25%;
margin: 4%;

}

#content>.section.sc_formular .kontaktdaten>.text{
padding: 4%;
margin: 0;
min-height: 0;
background: none;

border-radius: 0;
box-shadow: none;

overflow: hidden;
padding-left: 0;
}



#content>.section.sc_formular .formularblock{
width: auto;
float: none;
display: block;
clear: both;

margin-left: 0;
padding-top: 1px;
padding-bottom: 1px;
}

.kontaktformular div,
.kontaktformular div.frm_cnt1,
.kontaktformular div.frm_cnt3{
width: 31.16%;
margin: 0px 1.08695652173913% 0.25em 1.08695652173913%;
}
.kontaktformular h3,
.kontaktformular p,
.kontaktformular #pflichtfelder{
margin: 0px 1.08695652173913% 1em 1.08695652173913%;
}
.kontaktformular #pflichtfelder{
margin-top: 0.4em;
}
.kontaktformular div.frm_cnt2,
.kontaktformular div.frm_cnt4{
width: 97.826086956521739%;
}






#b_sponsor-detail .sc_sponsor-einleitung .eckdatenblock{
width: auto;
float: none;
display: block;

overflow: hidden;
margin-bottom: 2em;
}
#b_sponsor-detail .sc_sponsor-einleitung .sliderblock{
width: auto;
float: none;
display: block;
}


#b_sponsor-detail .sc_sponsor-einleitung .eckdatenblock>div:nth-child(2n){
clear: left;
}


/*
.sed_logo{
float: right;
}
*/
.sed_anschrift,
.sed_hauptsitz,
.sed_groesse,
.sed_website{
float: left;
width: 46%;
margin-right: 4%;
}

#b_sponsor-detail  .section.sc_sponsor-videos .boxenblock>ul>li:nth-child(3){
margin: 0 auto;
clear: both;
float: none;
display: block;
}


#b_sponsor-detail #content div.statementsblock > ul > li{
width: 47.826086956521739%;
}
#b_sponsor-detail  #content div.statementsblock > ul > li:nth-child(3){
margin-left: auto;
margin-right: auto;
margin-bottom: 100px;
top: 100px;
clear: both;
float: none;
display: block;
}

}



@media (max-width: 850px) {

#introslider::after{
right: -4%;
}

#introslider .sliderbox .textoverlay h3{
position: static;
}
#introslider .sliderbox .textoverlay a h3>span{
position: static;
}
#introslider .sliderbox .textoverlay a h3>span::after{
position: absolute;
left: auto;
right: 0.5em;
top :auto;
bottom: 0.5em;
}

#introslider .sliderbox .textoverlay p.mehr{
font-size: 100%;
line-height: 1.363636363636364em;
}

#introslider #slider-bt-prev,
#introslider #slider-bt-next{
top: 30px;
margin: 0;
}



.textblock{
float: none;
display: block;
width: auto;
}

body:not(#b_landing) .bildblock,
#b_inhalt .sc_inhalt2 .bildblock{
float: none;
display: block;
width: auto;
margin-left: 1.08695652173913%;
margin-right: 1.08695652173913%;
}



.kartenblock #map-suchergebnisse ul li {
margin-bottom: 1em;
}

.kartenblock #map-suchergebnisse ul li .text,
#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .text{
padding-left: 100px;
float: none;
display: block;
width: 100%;
}

.kartenblock #map-suchergebnisse ul li .bild{
float: none;
display: block;
margin: 0 2.22% 2.22% 100px;
text-align: right;
width: auto;
max-width: 315px;

border-radius: 4px;
}

#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .bild{
padding-left: 0;
margin: 0 2.22% 4.44% 100px;
}
#b_liste-sponsoren .kartenblock #map-suchergebnisse ul li .bild img{
margin: 0;
float: none;
}


#content div.listenblock > ul > li > a h3::after {
top: -0.25em;
}


}






@media (max-width: 750px) {

footer{}

.adresse>p span{
float: left;
display: inline-block;
}

.adresse>p #addr_ort,
.adresse>p #addr_fax{
clear: none;
}

.adresse>p #addr_ort::before,
.adresse>p #addr_fax::before{
display: inline-block;
}

footer .adresse,
footer .zusatzinfo{
clear: both;
float: none;
width: auto;
display: block;
padding-bottom: 2em;
overflow: hidden;
}


footer .zusatzinfo{
text-align: left;
/*
padding-left: 55px;
*/
}

/*
footer .zusatzinfo::after {
width: 40px;
height: 60px;
padding-bottom: 0;

}
*/

#hinweis{
text-align: center;
}

#hinweis div.close{
float: none; 
display: inline-block;
width: auto;
margin: 10px auto 0 auto;
}

#hinweis h3,
#hinweis p{
float: none; 
display: block;
width: auto;
}




#introslider #slider-bt-prev,
#introslider #slider-bt-next{
width: 40px;
height: 40px;

left: 20px;
}
#introslider #slider-bt-next{
left: auto;
right: 20px;
}






/*
#introslider .sliderbox{
min-height: 60px;
}

#introslider .sliderbox .textoverlay{
font-size: 0.7em;
line-height: 1.2em;
min-height: 40px;
padding: 1.96078431372549%;
margin-top: 20px;
width: 33%;
}

#introslider #slider-seitenanzeige {
display: none;
}
*/

}



@media (max-width: 700px) {


#content .section.sc_sonderkarte{
	padding: 0;
	margin: 0;
}

#content .section.sc_sonderkarte > .inner{
	padding: 0;
	max-width: none;
	margin: 0 0;
}

#sonderkarte{
	margin: 0 -4%;
	margin: 0 calc( (2% + 30px) * -1 );
	margin: 30px -15px;
	/*overflow: auto;*/
}

#sonderkarte>svg{
	filter: none;
	/*
	margin: 0 15px 15px 15px;
	width: 150%;
	*/
}

#content .sc_sonderkarte ul#kommunenliste{
	position: relative;
	left: auto;
	margin: 1em 30px;
}



}




@media (max-width: 650px) {

#content > .dekostreifen img {
width: 160%;
margin-left: -30%;
}


.adresse>p #addr_name,
.adresse>p #addr_abteilung,
.adresse>p #addr_strasse,
.adresse>p #addr_tel,
.adresse>p #addr_email,
.adresse>p #addr_ort,
.adresse>p #addr_fax,
.adresse>p #addr_web{
clear: left;
}

.adresse>p #addr_ort::before,
.adresse>p #addr_fax::before,
.adresse>p #addr_web::before{
display: none;
}





#introslider .sliderbox .inner {
padding: 1.5% 0 1.5em 0;
}

#introslider .sliderbox .textoverlay {
font-size: 0.45em;
line-height: 1.2em;
}

#introslider .sliderbox .textoverlay h3{
font-size: 1.5em;
line-height: 1.363636363636364em;
}


#introslider .sliderbox .textoverlay p.mehr {
font-size: 1.3em;
line-height: 1.363636363636364em;
margin-top: 0.5em;
}

#intro a#intro-weiter{
width: 50px;
height: 50px;
background-size: auto 35px;
margin: 0 0 -17px  -20px;
}

#intro #slider-seitenanzeige{
padding-top: 4px;
top: 4px;
}

#intro #slider-seitenanzeige span {
height: 2px;
width: 15px;
margin-left: 4px;
}



#b_home .sc_ueber-uns .textblock{
float: none;
display: block;
width: auto;
}



#content div.statementsblock>ul>li,
#b_sponsor-detail #content div.statementsblock > ul > li{

margin: 0 1.08695652173913% !important;
margin-top: 100px !important;
margin-bottom: 150px !important;

clear: both;
float: none;
display: block;
width: auto;

}

#content div.statementsblock>ul>li:nth-child(2n-1){
clear: left;
}

#content div.statementsblock>ul>li:last-child,
#b_sponsor-detail #content div.statementsblock > ul > li:last-child{
margin-bottom: 0 !important;
top: auto;
}

div.statementsblock>ul>li>.a-subst,
div.statementsblock>ul>li>a,
div.statementsblock>ul>li>a:link,
div.statementsblock>ul>li>a:visited{
box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
.no-touch div.statementsblock > ul > li a:hover{
box-shadow: 0 0 4px rgba(0,0,0,0.5);
}


div.mapblock{
width: auto;
float: none;
display: block;
position: relative;
}

/*
#map_canvas:after,
.touch #map_canvas:after{  
content: "";
width: 25%;
max-width: 180px;
height: auto;
position: absolute;
top: 20px;
bottom: 20px;
right: 0px;
z-index: 50;
background: RGBA(0,0,0,0.3);
border-radius: 20px;
border-bottom-right-radius: 0;
border-top-right-radius: 0; 
}
*/
form#custom-filter>div.form_cnt{
width: 47.82608695652174%;
}


div.pseudocols>ul>li>a{
box-shadow: 0 0 3px rgba(0,0,0,0.25);
}
div.pseudocols>ul>li>a:hover{
box-shadow: 0 0 4px rgba(0,0,0,0.5);
}





form.kontaktformular {

}

form.kontaktformular div.frm_cnt1,
#b_landing #content > .section.sc_formular .formularblock .frm_cnt1,
form#login.kontaktformular div.frm_cnt1,
form.kontaktformular div.frm_cnt2,
form.kontaktformular div.frm_cnt3{
clear: left;
width: 97.82608695652174%;

height: auto;

}

.kontaktformular div.frm_textblock{
clear: left;
width: 97.82608695652174%;
height: auto;
margin: 10px 1.449275362318841%;
}


form.kontaktformular div.frm_cnt3{
margin-bottom: 1em;
height: auto !important;
}

form.kontaktformular .frm_cnt3 input, 
form.kontaktformular .frm_cnt4 input{
margin-top: 4px;
}

.kontaktformular input,
.kontaktformular select,
.kontaktformular textarea{

}

form.kontaktformular div.frm_cnt1 input,
form.kontaktformular div.frm_cnt1 select,
form.kontaktformular div.frm_cnt2 textarea,
form.kontaktformular div.frm_cnt2 input{
width: 100%;
}
form.kontaktformular div.frm_cnt2 textarea{
}

.kontaktformular label.error{
margin-right: 0;
}


#content form.kontaktformular div#CKF_submit{
margin-bottom: 1em;
min-height: 0 !important;
float: left;
display: inline;
width: 48%;

width: auto !important;
}
form.kontaktformular div#CKF_submit input{
margin-bottom: 1em;
}

.kontaktformular #KF_submit{
/*
width: 100% !important;
*/
}
form#login.kontaktformular #pflichtfelder{
clear: none;
float: right;
display: inline-block;
width: 40%;
text-align: right;

margin: 0.4em 1.08695652173913% 0.25em 1.08695652173913%;
}

.kontaktformular #pflichtfelder {
width: auto;
}

}


@media (max-width: 560px) {

#content,
footer{
font-size: 0.8em;
line-height: 1.5em;
}
#breadcrumbs p{
font-size: 0.7em;
line-height: 1.2em;
}
#breadcrumbs p>span{
font-weight: 400;
}
/*
#introslider{
padding-bottom: 35%;
}
#introslider .sliderbox{
padding-bottom: 35%;
}
#introslider .sliderbox img{
width: 140%;
left: -20%;
}
*/



div.pseudocols{
height: auto !important;
}

#content div.pseudocols>ul{
padding-top: 10px;
}

#content div.pseudocols>ul>li{
width: auto;
margin-bottom: 2em;

float: none;
display: block;
position: relative !important;
top: auto !important;
left: auto !important;
min-height: 50px;

padding-bottom: 1px;
}

div.pseudocols > ul > li .text h3{
font-size: 1.3em;
line-height: 1.5em;
}



.kartenblock #map-suchergebnisse ul li .text{
padding: 1em 4.44444444444444% 1em 60px;
}

.kartenblock #map-suchergebnisse ul li .text h3::after {
margin: -0.4em 0 0 -50px;
}

.kartenblock #map-suchergebnisse ul li .bild{
margin: 0em 4.44444444444444% 1em 60px;
/*
float: right;
display: inline;
margin: 0;
text-align: right;
width: 23.333333333333333%;
max-width: 315px;
overflow: hidden;
margin-left: 1em;
*/
}




div.statementsblock2>ul>li .bild{
float: none !important;
display: block !important;
width: auto !important;
height: 0;
padding-bottom: 74.3%;
margin: 0 !important;
background: #ddd;
}

div.statementsblock2 > ul > li .text {
padding-top: 1.5em;
padding-bottom: 2.962962962962963%;

}

div.statementsblock2 > ul > li > .text p.mehr {
position: static;
margin: -1em 0 0 0 !important;

overflow: hidden;
}
div.statementsblock2 > ul > li > .text p.mehr a{
float: right;
}



#content>.section.sc_formular .kontaktdaten>.bild{
width: 25%;
padding-bottom: 25%;

float: right;
display: inline-block;

margin: 5%;
margin-left: 1em;
margin-bottom: 2px;
}

#content>.section.sc_formular .kontaktdaten>.text{
margin: 5%;
padding: 0;
overflow: visible;
}

}


@media (max-width: 500px) {


#intro{
/*overflow: hidden;*/
}

#introslider{
/*
width: 120%;
margin-left: -10%;
*/
padding-bottom: 70.3%;
padding-bottom: 65.5%;
}
#introslider .sliderbox{
padding-bottom: 65.5%;
}
#introslider .sliderbox>img{
width: 120%;
margin-left: -10%;
}

#intro #slider-seitenanzeige{

}


/*
div.pseudocols{
height: auto !important;
}

#content div.pseudocols>ul>li{
width: auto;
margin: 0 auto 2em auto;
max-width: 345px;
max-width: 434px;

float: none;
display: block;
position: relative !important;
top: auto !important;
left: auto !important;
min-height: 50px;
box-shadow: 0 0 4px rgba(0,0,0,0.5);
padding-bottom: 1px;
}

div.pseudocols > ul > li .text h3{
font-size: 1em;
line-height: 1.36em;
}
*/



/*
div.boxenblock > ul > li .bild {
float: none;
display: block;
margin: 0 0 1em 0;
height: 0;
padding-bottom: 77.1%;
width: auto;
}
*/



#content .section div.boxenblock>ul>li{
width: auto;
clear: left;
margin: 0 1.08695652173913% !important;
margin-bottom: 1em !important;
}

#content .section div.boxenblock>ul>li>div.a-subst,
#content .section div.boxenblock>ul>li>a,
#content .section div.boxenblock>ul>li>a:link,
#content .section div.boxenblock>ul>li>a:visited{
box-shadow: 0 0 3px rgba(0,0,0,0.25);
}

#content .section div.boxenblock>ul>li>a:hover{
box-shadow: 0 0 4px rgba(0,0,0,0.5);
}

#content .section div.boxenblock>ul>li .bild{
float: none;
display: block;
padding: 0;
margin: 0;
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 61.627906976744186%;
}

#content .section div.boxenblock>ul>li .text{
height: auto !important;
padding: 6.976744186046512%;
}

#content .section div.boxenblock>ul>li>a .text p.mehr{
position: absolute;
left: auto;
right: 0;
bottom: 0;
margin: 0 6.060606060606061% 6.060606060606061% 0;
}

#content .section div.boxenblock>ul>li>a,
#content .section div.boxenblock>ul>li>.a-subst{
padding-bottom: 20px;
}

#b_home .sc_schnelleinstiege .boxenblock a.vid_yt::before{
top: 0;
margin-top: 23%;
margin-top: calc( 31% - 35px );
right: 50%;
margin-right: -35px;
}


div.listenblock>ul>li>div.a-subst,
div.listenblock>ul>li>a,
div.listenblock>ul>li>a:link,
div.listenblock>ul>li>a:visited{
box-shadow: 0 0 3px rgba(0,0,0,0.25);
min-height: 32px;
}
div.listenblock>ul>li>a:hover{
box-shadow: 0 0 4px rgba(0,0,0,0.5);
}



/*#b_home #content>.section>.inner>h2,*/
#b_home #content>.sc_statements>.inner>h2,
#b_liste-kachel #content>.sc_kacheln>.inner>h2,
#b_liste-text #content>.sc_listung>.inner>h2,
#b_liste-statements #content>.sc_statements2>.inner>h2{
text-align: left;
}
#b_home #content > .sc_statements > .inner > .textblock,
#b_liste-kachel #content > .sc_kacheln > .inner > .textblock,
#b_liste-text #content > .sc_listung > .inner > .textblock,
#b_liste-statements #content>.sc_statements2>.inner>.textblock{
text-align: left;
margin: 0 1.08695652173913%;
}



#b_home .sc_ueber-uns .bildblock{
width: auto;
max-width: 430px;
clear: left;
margin: 0 auto;
margin-bottom: 1.5em;
}



.sed_anschrift,
.sed_hauptsitz,
.sed_groesse,
.sed_website{
float: none;
display: block;
width: auto;
margin-right: 0;
}





#sonderkarte>svg{
font-size: 1.15rem;
letter-spacing: -0.01em;
}

#sonderkarte>svg .b {
stroke-width: 2px;
}

#content .sc_sonderkarte ul#kommunenliste{
	margin: 1em 15px;
}


body#b_landing .bildblock{
float: none;
display: block;
width: auto;
margin-left: 1.08695652173913%;
margin-right: 1.08695652173913%;
margin-bottom: 3em;
}


}




@media (max-width: 410px) {


h2{
font-size: 130%;
}
h3{
font-size: 115%;
}

header,
#breadcrumbs,
#content>.section,
footer,
#intro #slider-seitenanzeige{
padding-left:  15px;
padding-right: 15px;
}
#introslider .sliderbox .textoverlay{
padding-left:  15px;
padding-right: 15px;
}
header{
width: calc( 100% - 30px );
}

#menubutton{
right: 9px;
}

#nav1 ul.navlist#nav_main{
padding-left: 15px;
padding-right: 15px;
}
#nav1 ul.navlist#nav_main.open{
padding-left: 15px;
padding-right: 15px;
}

#topbutton{

}


#introslider #slider-bt-prev,
#introslider #slider-bt-next{
left: 15px;
left: 10px;
background-size: 14px auto;
}
#introslider #slider-bt-next{
left: auto;
right: 15px;
right: 10px;
}


#content > .section.sc_pseudocols {
padding: 0 10px;
}
#content div.pseudocols>ul>li{
width: auto;
margin: 0 4px 2em 4px;
}



#b_sponsor-detail #introslider #slider-bt-prev,
#b_sponsor-detail #introslider #slider-bt-next{
display: none;
}

#b_sponsor-detail #slider-seitenanzeige span {
width: 18.4%;
padding-bottom: 18.4%;
margin-left: 2%;
margin-bottom: 2%;
box-shadow: 0 0 3px rgba(0,0,0,0.15);
}

#b_sponsor-detail #slider-seitenanzeige span:nth-child(5n-4){
clear: left;
margin-left: 0;
}



}


@media (max-width: 360px) {


/*
#introslider{
padding-bottom: 40%;
}
#introslider .sliderbox{
padding-bottom: 40%;
}
#introslider .sliderbox img{
width: 160%;
left: -30%;
}
*/


.kartenblock #map-suchergebnisse ul li .bild{
margin: 0;
border-radius: 0;
max-width: none;
}



}