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

body{
min-width: 0;
}

#content>.section>.inner,
#pathfinder>.inner,
footer>.inner{
width: auto;
max-width: 1476px;
}

header>div.inner,
#nav1>.inner{
width: auto;
max-width: 1476px;
padding: 0 1.253387533875339%;
padding: 0;
}

header,
#nav1,
#content>.section,
footer{
padding-left:  1.222736285525446%;
padding-right: 1.222736285525446%;
/*
padding-left:  10px;
padding-right: 10px;
*/
}
header>div.inner{
margin: 0 1.222736285525446%;
/*
margin: 0 10px;
*/
}

header{


}


#menubutton{
display: none;
}



@media (max-width: 1625px) {

#content > .dekosection#dsc_intro div.text {
font-size: 1.11vw;
}

textarea#KF_kommentar{
height: calc( 250px + (579px - 35.630769230769231vw) );
}

}



@media (max-width: 1380px) {

#kartenwaehler{
padding: 15px 15px;
}

#kartenwaehler h4{
float: left;
display: inline-block;
margin-bottom: 0;
min-width: 8em;
line-height: 2.333333333333333em;
}

#variantenwaehler{
float: none;
display: block;
}
#variantenwaehler>ul>li{
margin: 0 1% 0em 0;
}
#variantenwaehler button{
padding: 0 0.5em;
min-width: 7em;
}

#ansichtwaehler{
float: none;
display: block;
margin: 15px 0 0 0;
padding: 15px 0 0 0px;
width: auto;
border-left: 0;
border-top: 1px solid #cccccc;
}
#ansichtwaehler button{
width: auto;
}



}




@media (max-width: 1270px) {

#osm_cnt {
float: none;
display: block;
width: 100%;
height: 600px;
padding-bottom: 0;
}

#kartenlegende{
float: none;
display: block;
padding: 30px;
width: auto;
}

ul.legende{
}

ul.legende>li,
#kartenlegende p{
float: left;
display: inline-block;
width: 33.33%;
padding-right: 0.5em;
}
#kartenlegende p{
padding-left: 0;
}
ul.legende>li:nth-child(3n-2){
clear: left;
}




.section>.inner>h2#hl_main {
float: none;
display: block;
width: auto;
margin: 0 1.253387533875339%;
margin-left: 9.586720867208672%;
margin-bottom: 1em;
text-align: left;
}
div.textblock.einleitung {
float: none;
display: block;
width: auto;
margin-left: 1.253387533875339%;
margin-left: 9.586720867208672%;
}
div.textblock.einleitung + div.textblock {
margin-top: 0em;
}

#b_aktuelles_detail h2#hl_main span.datum{
top: auto;
bottom: 100%;
left: 0;
top: auto;
right: auto;
margin: 0;
}



}


@media (max-width: 1170px) {


header h1 {
margin-left: 0%;
}

#menubutton{
width: 48px;
height: 48px;
background: url('/public/20211220145709oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/BG_menu.svg') no-repeat center center;
background-color: rgba(255,255,255,0.6);
background-size: 30px auto;
position: fixed;
border-radius: 4px;
top: 100px;
top: 60px;
top: 77px;

right: 3%;
margin-right: 1.4%;
z-index: 120;
z-index: 900;
cursor: pointer;

display: block;
}


.mbutton{
position: absolute;
top: 0;
right: 0;

height: 36px;
/*
background: rgba(0,0,0,0.5);
*/
cursor: pointer;
text-align: center;
width: 40px;
padding: 0;
}

.mbutton:before{
position: absolute;
content: "";
right: 9px;
top: 7px;
width: 20px;
height: 20px;
border: 1px solid #ffffff;
border-radius: 50%;

display: block;
}
.mbutton:after{
position: absolute;
content:"";
height: 8px;
width: 8px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform:  scale(0.9, 1) rotate(45deg);
top: 11px;
right: 15px;
}

/*
#nav1{
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
padding: 0;
height: auto;

box-shadow: 0 21px 20px rgba(0,0,0,0.3);
z-index: 110;
}
*/

#nav1{
position: absolute;
top: 140px;
top: 120px;
left: 0;
right: 0;
bottom: auto;
padding: 0;
height: auto;
/*border-top: 1px solid #cccccc;*/
box-shadow: 0 21px 20px rgba(0,0,0,0.3);
z-index: 110;

overflow: hidden;
}


#nav1 .inner{
padding: 0 1.253387533875339%;
background: #ffffff;
}

#nav1.open{
}
/*
#nav1.open::after{
content:"";
position: fixed;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
}
*/

#nav1 ul.navlist{
float: none;
display: block;

list-style: none;
overflow: hidden;
margin: 0;
max-height: 0px;
background: #ffffff;
padding: 0 2.5%;
padding: 0 1.253387533875339%;
-webkit-transition: 0.1s ease-in;
   -moz-transition: 0.1s ease-in;
     -o-transition: 0.1s ease-in;
        transition: 0.1s ease-in;
}

#nav1.open ul.navlist{
max-height: 600px;

-webkit-transition: 0.3s ease-in;
   -moz-transition: 0.3s ease-in;
     -o-transition: 0.3s ease-in;
        transition: 0.3s ease-in;

padding-top: 1em;
padding-bottom: 1em;
}

#nav1 ul.navlist li{
float: none;
display: block;
position: relative;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(0,0,0,0.1);

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

#nav1 ul.navlist>li:last-child {
margin-bottom: 20px;
border-bottom: 0;
}

#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>a:link,
#nav1 ul.navlist>li>a:visited{
display: block;

text-transform: uppercase;
padding: 5px 0% 5px 0%;
box-shadow: none;
}

#nav1 ul.navlist li:first-child a{
/*
box-shadow: 0 10px 10px rgba(0,0,0,0.15) inset;
*/
}

.no-touch #nav1 ul.navlist>li>a:hover{

}

#nav1 ul.navlist li.aktiv>a,
#nav1 ul.navlist li.aktiv>a:link,
#nav1 ul.navlist li.aktiv>a:visited{
color: #cc0000;
}

#nav1 ul.navlist>li.aktiv>a:before,
#nav1 ul.navlist>li.aktiv>a:after{
display: none;
}
/*
#nav1 ul.navlist li ul{
display: block;

padding: 0;
margin: 0;
position: relative;
top: auto;
left: auto !important;
z-index: auto;

max-height: 0;
background: #4198d3;
}

#nav1 ul.navlist li ul.open{
max-height: 1000px;
-webkit-transition: max-height 0.3s ease-in;
   -moz-transition: max-height 0.3s ease-in;
     -o-transition: max-height 0.3s ease-in;
        transition: max-height 0.3s ease-in;
padding: 0 !important;

border-top: 1px solid rgba(255,255,255,0.5);
}


ul.open+.mbutton:after{
transform:  scale(0.9, 1) rotate(-135deg);
top: 15px;
}

.no-touch #nav1 ul.navlist>li>ul,
.no-touch #nav1 ul.navlist>li:hover>ul,
#nav1 ul.navlist>li>ul,
#nav1 ul.navlist>li.opensub>ul{
display: block;
}

#nav1 ul.navlist li ul li{
border-top: 1px solid #59A3D5;
}
#nav1 ul.navlist li ul li:first-child{
border-top: 0;
}
#nav1 ul.navlist > li > ul li:last-child {
padding-bottom: 0px;
}

#nav1 ul.navlist>li>ul>li>a,
#nav1 ul.navlist>li>ul>li>a:link,
#nav1 ul.navlist>li>ul>li>a:visited{
padding: 5px 0 5px 3.4%;
color: #ffffff;
font-weight: 400;
font-size: 0.8em;
line-height: 1.2em;
}
.no-touch #nav1 ul.navlist>li>ul>li>a:hover{
color: #002c5a;
}

#nav1 ul.navlist>li>ul li a>span,
#nav1 ul.navlist>li>ul li a>span:link,
#nav1 ul.navlist>li>ul li a>span:visited{
background: none !important;
}

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

color: #002c5a;
}
#nav1 ul.navlist li.fnav {
display: block;
}
*/


ul.legende>li,
#kartenlegende p{
width: 50%;
padding-right: 1.5em;
}
ul.legende>li:nth-child(3n-2){
clear: none;
}
ul.legende>li:nth-child(2n-1){
clear: left;
}
#kartenlegende p{

}

}


@media (max-width: 1050px) {




/* Einstiege */

#content ul.einstiegeliste{
padding: 0;
margin: 0;
list-style: none;

page-break-inside: avoid;
}

#content ul.einstiegeliste>li{
float: none;
clear: both;
display:block;
width: auto;
padding: 0 0 2em 0;
border-bottom: 1px solid #cccccc;
margin: 0 1.253387533875339%;
margin-bottom: 1.5em;
overflow: hidden;

}
#content ul.einstiegeliste>li:last-child{
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}

#content ul.einstiegeliste>li h3{
}

#content ul.einstiegeliste>li>.bild{
height: auto;
width: 30%;
padding: 0;
float: right;
display: inline-block;
margin: 0 0 4px 1em;
box-shadow: none;
}

#content ul.einstiegeliste>li p.mehr{
margin-top: -0.5em;
}





#content ul.aktuellliste>li{
width: 47.36%;
}
ul.aktuellliste>li:nth-child(3n-2){
clear: none;
}
ul.aktuellliste>li:nth-child(2n-1){
clear: left;
}



#osm_cnt {
max-height: 60vh;
}


}


@media (max-width: 960px) {

#variantenwaehler>ul>li{
margin-bottom: 0.5em;
}
/*
#variantenwaehler>ul>li:first-child{
float: right;
margin: 0 0 0 0.5em;
}
*/
#variantenwaehler>ul>li:first-child{
position: absolute;
left: 0;
bottom: 0;
margin: 0 0 0.5em 0;
}

#variantenwaehler>ul>li:nth-child(3n-2){
clear: left;
}


#content ul.querschnitteliste>li{
width: 30.7%;
}
ul.querschnitteliste>li:nth-child(4n-3){
clear: none;
}
ul.querschnitteliste>li:nth-child(3n-2){
clear: left;
}




.k_form div.frm_cnt1,
.k_form div.frm_cnt2,
.k_form div.frm_cnt3,
.k_form div.frm_cnt4{
float: none;
display: block;
clear: both;
width: auto;
}

.k_form #KF_submit {
float: left;
}

textarea#KF_kommentar{
height: calc( 250px + (700px - 72.916666666666667vw) );
max-height: 400px;
}

.k_form #CKF_submit {
width: auto;
}


}


@media (max-width: 800px) {

h2{
font-size: 160%;
line-height: 1.184210526315789em;
}
h3,
.aktuellblock > h3{
font-size: 120%; 
line-height: 1.4em;
}
ul.aktuellliste > li .text h4 {
font-size: 1em;
line-height: 1.272727272727273em;
}
ul.aktuellliste > li .text h4 span.datum {
font-size: 0.8em;
}

/*********** ***********/

dl.infoliste>dt{
float: none; 
display: block;
width: auto;
margin-right: 0;
margin-top: 1.555555555555556em;
}
dl.infoliste>dd{
float: none; 
clear: left;
display: block;
width: auto;
margin-top: 0;
}
dl.infoliste>dd+dd{
margin-left: 0;
}
dl.infoliste + h4{

}




#content ul.einstiegeliste>li>.bild,
ul.aktuellliste>li>a,
ul.aktuellliste>li>a:link,
ul.aktuellliste>li>a:visited,
.no-touch ul.aktuellliste>li>a:hover,
ul.querschnitteliste>li>a,
ul.querschnitteliste>li>a:link,
ul.querschnitteliste>li>a:visited,
.no-touch ul.querschnitteliste>li>a:hover{
box-shadow: 0 0 0.75vw rgba(0,0,0,0.2);
}


div.querschnitteblock>.bild{
float: none;
display: block;
width: auto;
margin-bottom: 1.5em;
}

}



@media (max-width: 750px) {

ul.legende>li,
#kartenlegende p{
float: none;
display: block;
clear: left;
width: auto;
padding-right: 0;
}
ul.legende>li:nth-child(2n-1){
clear: none;
}
#kartenlegende p{
padding-left: 90px;
white-space: nowrap;
}

}


@media (max-width: 700px) {

#content > .section > .inner {
padding: 80px 0;
}

/*
#content>.section>.inner>.col1_3,
#content>.section>.inner>.col2_3,
#content>.section>.inner>.col3_3,
#content>.section>.inner>.col1-5_3{
width: auto;
float: none;
display: block;
min-height: 0;
}
*/

footer p#copyright{
float: none;
display: block;
}

footer ul#nav_social{
float: none;
display: block;
padding-top: 1.5em;
margin-top: 0;
margin-bottom: 1.5em;
max-width: none;
}

footer ul.navlist{
float: none;
display: block;
}

footer ul.navlist>li{
float: none;
display: block;
margin-left: 0;
margin-bottom: 1em;
}

footer ul.navlist>li.fnav{
display: none;
}
footer ul.navlist.opt{
display: none;
}


#content > .dekosection#dsc_intro div.text {
font-size: 0.41em;
}


}


@media (max-width: 650px) {

/*
#content,
footer{
font-size: 0.863636363636364em;
line-height: 1.136363636363636em;
}
*/



#wrapper {
width: auto;
margin: 0 0 0 0;
box-shadow: none;
}

#menubutton{
top: 34px;
right: 0;
margin-right: 1%;
}
header h1{
margin-top: 26px;
}
header h1 a {
width: 200px;
}
header div.inner {
height: 110px;
}

#nav1{
top: 110px;
}


#content > .dekosection > img {
width: 100%;
margin: 0;
}


div.bildblock{
margin-left: -10px;
margin-right: -10px;
}

div.textblock {
width: auto;
margin: 0 1.253387533875339%;
}

.section>.inner>h2#hl_main{
float: none;
display: block;
width: auto;
margin: 0 1.253387533875339%;
margin-bottom: 1em;
text-align: left;
}
div.textblock.einleitung {
float: none;
display: block;
width: auto;
margin-left: 1.253387533875339%;
}


#content ul.aktuellliste>li{
float: none;
display: block;
width: auto;
clear: left;
margin-bottom: 1em;
}
#content ul.aktuellliste>li>a,
#content ul.aktuellliste>li>.a-subst{
height: auto !important;
}

#content ul.querschnitteliste>li{
width: 47.35%;
}
ul.querschnitteliste>li:nth-child(3n-2){
clear: none;
}
ul.querschnitteliste>li:nth-child(2n-1){
clear: left;
}


form.k_form{
width: auto;
}


}


@media (max-width: 550px) {

h2{
font-size: 140%;
line-height: 1.184210526315789em;
}
h3,
.aktuellblock > h3{
font-size: 100%; 
line-height: 1.4em;
}


#content ul.einstiegeliste>li>.bild{
height: 0;
width: 100%;
padding-bottom: 52.747252747252747%;
display: block;
margin: 0 0 1em 0;
}


#kartenwaehler h4{
min-width: 5.5em;
}

#variantenwaehler button,
#ansichtwaehler button{
min-width: 5em;
}

#variantenwaehler button span,
#ansichtwaehler button span{
position: absolute;
left: -99999px;
}


.k_form #CKF_submit{
margin-top: 0;
}

.k_form #CKF_submit button#KF_submit{
width: 100%;
}


}




@media (max-width: 450px) {
 
 
 /*
#content,
footer{
font-size: 0.727272727272727em;
line-height: 1.136363636363636em;
}
*/

}



@media (max-width: 400px) {


h2 {
font-size: 120%;
line-height: 1.184210526315789em;
}


}



@media (max-width: 340px) {

}