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

/************ Reset CSS nach Eric Meyer */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
/*	line-height: 1; */
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: 400;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

html {
-webkit-text-size-adjust: 100%;
}

body { 

font-size: 106.25%; /* 17px */
line-height: 1.47058823529412em; /* 25px */
/**/
font-size: 112.5%; /* 18px */
line-height: 1.5em; /* 27px */
line-height: 1.555555555555556em; /* 28px */
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-weight: 400;
color: #000000;
background: #5F6063;
overflow-y: scroll;
overflow-x: auto;
}

input, select, option, button{
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,h5,h6{
margin: 0 0 1em 0;
font-weight: 400; 
}

p,ul,ol,label,address {
margin: 0 0 1.555555555555556em 0;
}

a,
a:link,
a:visited{
color: #cc0000;
text-decoration: none;
}

a:hover,
a:active{
text-decoration: none;
outline: none;
}
/*
a:focus, input:focus, select:focus, button:focus, textarea:focus{
outline: 3px dotted #108c85;
}
*/
address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

blockquote{
display: block;
margin-left: 5em;
font-style: oblique;
}

h1{font-size: 100%;}
h2{font-size: 211.1111111111111%; line-height: 1.184210526315789em; font-weight: 700; margin-bottom: 2em; text-transform: uppercase;}
h3{font-size: 138.8888888888889%; line-height: 1.4em; font-weight: 700; margin-bottom: 1.4em; margin-top: 2.8em; padding-top: 2.8em;  border-top: 1px solid #cccccc; text-transform: uppercase;}
h2+h3,
h3:first-child{margin-top: 0; padding-top: 0;  border-top: 0;}
h4{font-size: 100%; font-weight: 700; margin-bottom: 0;}
h5{font-size: 100%; margin: 1em 0;}
h6{font-size: 100%; margin-bottom: 0;}
p  {font-size: 100%;}

strong {
font-weight: 700; 
}

em{
font-style: italic;
}

small {
font-size: 0.833333333333333em;
}

sup {
font-size: 0.833333333333333em;
vertical-align: top;
}

sub {
font-size: 0.833333333333333em;
vertical-align: bottom;
}

hr{
height: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #cccccc;
margin: 3.888888888888889em 0;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.offscreen{
position: absolute;
left: -99999px !important;
right: auto !important;
}

.tab{
float:left;
display: inline;
width: 3.2em;
}

.bild {
display: block;
margin: 0 0 1.5em 0;
}

.bild img{
display: block;
width: 100%;
}
.bild.platzhalter{
position: relative;
}
.bild.platzhalter::after{
content: "Platzhalter";
font-size: 1.5em;
line-height: 1em;
color: #ffffff;
text-transform: uppercase;
font-weight: 700;
text-shadow: 0 0 4px rgba(0,0,0,0.5);
position: absolute;
bottom: 10px;
left: 50%;
transform: translate(-50%,0);
z-index: 10;
opacity: 0.9;
}

p.button{
margin: 3em 0 5em 0;
}

p.button a,
p.button a:link,
p.button a:visited,
a p.button>span,
a:link p.button>span,
a:visited p.button>span{
cursor: pointer;
font-size: 1.136363636363636em;
line-height: 1em;
color: #ffffff;
background: #EA005A;
display: inline-block;
position: relative;
padding: 0.8em 1em;
padding-right: 2em;
margin-right: 1em;
margin-bottom: 1em;
min-width: 10em;
text-decoration: none;
text-transform: uppercase;
}
p.button a::after {
position: absolute;
content:"";
height: 1.2em;
width: 1.2em;
border-right: 0.2em solid #ffffff;
border-bottom: 0.2em solid #ffffff;
transform:  scale(0.5, 1) rotate(-45deg);
top: 0.6em;
right: 0.8em;
}
p.button a:hover,
a:hover p.button>span{
background: #851D3C;
}


p.mehr{

}

p.mehr a,
p.mehr a:link,
p.mehr a:visited{
cursor: pointer;
color: #ffffff;
background: #cc0000;
font-size: 1em;
font-weight: 700;
line-height: 1.944444444444444em;
display: inline-block;
position: relative;
padding: 0.138888888888889em 1em;
text-decoration: none;
text-transform: uppercase;
border-radius: 4px;
}

p.mehr a:hover{
background-color: #6a6a6a;
}

p.mehr a span.zusatz{
color: inherit;
border-left: 1px solid;
padding-left: 0.5em;
margin-left: 0.5em;
font-weight: 400;
white-space: nowrap;
}


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

p.browseralt{
width: auto;
background: #a00;
color: #fff;
padding: 10px;
margin-top: 64px;
margin-bottom: 0px;

border-top: 1px solid #000;
border-bottom: 1px solid #000;

text-align: center;
}

p.browseralt a{
color: #fff !important;
text-decoration: underline !important;
}

#wrapper{
position: relative;
width: 94%;
max-width: 1513px;
padding: 0px 0 0 0;

margin: 40px auto 150px auto;
background: #ffffff;
box-shadow: 0 0 150px rgba(255,255,255,0.5), 0 0 15px rgba(0,0,0,0.8);
}


header{
/*overflow: hidden;*/
padding: 0px 0;
position: relative;
}

header div.inner{
position: relative;

width: 1476px;
height: 140px;

margin: 0 auto;
overflow: hidden;

}

header div.inner::after{
content:"";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 0;
/*margin: 0 1.253387533875339%;*/
border-bottom: 1px solid #cccccc;
}

header h1{
/*
position: absolute;
left: 0;
top: 0;

z-index: 100;*/
margin: 32px 0 0 1.253387533875339%;
margin-left: 3.963414634146341%;

}

header h1 a{
display: block;
padding: 0;
width: 300px;
font-size: 0.01em;
color: #000;
}

header h1 a span{
position: absolute;
left: -99999px;
}

header h1 a img{
display: block;
width: 100%;

}

#nav1{
margin: 0;
padding: 0px;
height: 1px;

position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
}

#nav1 .inner{
width: 1476px;


padding: 0px 0 0 0;
margin: 0 auto;

/*overflow: hidden;*/
position: relative;


}

#nav1 ul.navlist{
float: right;
display: inline;
position: relative;

list-style: none;	
padding: 0;
margin: 71px 1.253387533875339% 0 320px;

}

#nav1 ul.navlist li{
float: left;
display: inline;
margin-left: 1.111111111111111em;

position: relative;
white-space: nowrap;
}


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

#nav1 ul.navlist li a,
#nav1 ul.navlist li a:link,
#nav1 ul.navlist li a:visited{
display: block;
font-size: 1rem;
line-height: 2.5em;

color: #000000;
padding: 0 0px;
text-transform: uppercase;
font-weight: 700;
position: relative;

text-transform: uppercase;
white-space: nowrap;
}

#nav1 ul.navlist li:first-child a{
}

.no-touch #nav1 ul.navlist li a:hover{
color: #cc0000;
}

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

}

/*.no-touch #nav1 ul.navlist li a:hover::after,*/
#nav1 ul.navlist>li.aktiv>a::after{
content: "";
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 0;
display: block;
border-top: 2px solid #CC0000;

}


/*
.no-touch #nav1 ul.navlist>li>a:hover:after{
content: "";
height: 0;
display: block;
border-top: 3px solid #52a4db;
margin-top: -3px;
}
*/
#nav1 ul.navlist li a span{
display: block;
}

#nav1 ul.navlist li ul{
display: none;

padding: 12px 0 4px 0;
margin-left: -7px;
position: absolute;
top: 42px;
z-index: 60;
/* */
background: #52a4db;
background: rgba(82,164,219,0.9);

box-shadow: 0 11px 10px rgba(0,0,0,0.2);

display: none !important;
}

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

/*
#nav1 ul.navlist>li:hover>ul,
#nav1 ul.navlist>li#n_suche:hover>div#suche_inner{
display: block;
}


#nav1 ul.navlist>li>ul li{
margin: 0;
padding: 0;
}

#nav1 ul.navlist>li>ul li:last-child{
padding-bottom: 10px;
}

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

color: #ffffff;
font-size: 1em;
line-height: 1.5em;
font-weight: 400;
padding: 0px;

overflow: hidden;
text-transform: none;
}

#nav1 ul.navlist>li>ul li a>span{
display: inline-block;
padding: 2px 7px;
}


#nav1 ul.navlist>li>ul li:first-child a{

}

.no-touch #nav1 ul.navlist>li>ul li a:hover{
color: #ffffff;
}
.no-touch #nav1 ul.navlist>li>ul li a:hover>span{
background: #338ecc;
}


#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,
#nav1 ul.navlist>li>ul li.aktiv a:hover{
color: #00477e;
}

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

}
#nav1 ul.navlist>li>ul li:first-child{

}
*/

#content{
/*overflow: hidden;*/
clear: both;
padding: 0px 0 0 0;

}

#content>.section{
clear: both;
position: relative;
border: 0;
overflow: hidden;
width: auto;
padding: 0 0;

min-height: 50vh;
}

#content>.dekosection{
clear: both;
position: relative;
border: 0;
overflow: hidden;
width: auto;
padding: 0 0;
}

#content>.dekosection>img{
display: block;
width: 95.109054857898215%;
margin: 0 auto;
}
#content>.dekosection>img+img{
display: none;
}

#content>.dekosection#dsc_intro{

}
#content>.dekosection#dsc_intro>img+img{
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
animation-name: blink; 
animation-duration: 10s; 
animation-iteration-count: infinite;
}

@keyframes blink {
    0% { 
	opacity: 0;
	}
    35% { 
	opacity: 0;
	}
    50% { 
	opacity: 1;
	}
    85% { 
	opacity: 1;
	}
    100% { 
	opacity: 0;
	}
}


#content>.dekosection#dsc_intro div.text{
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: 79.152189020152884%;
margin: 0 auto;
margin-bottom: 4%;

}
#content>.dekosection#dsc_intro div.text p{
text-transform: uppercase;
text-shadow: 0 0 8px rgba(0,0,0,0.5), 0 0 3px rgba(0,0,0,0.5), 0 0 1px rgba(0,0,0,0.5);
color: #ffffff;
margin: 0;

font-weight: 700;
}
#content>.dekosection#dsc_intro div.text p.intro_pt1{
font-size: 3.611111111111111em;
line-height: 1.05em;
}
#content>.dekosection#dsc_intro div.text p.intro_pt2{
font-size: 2.111111111111111em;
line-height: 1.05em;
}

#content>.section>.inner{
position: relative;
border: 0;
/*overflow: hidden;*/
width: 1476px;
min-height: 100px;
margin: 0 auto;
padding: 120px 0 120px 0;
}

#content>.section>.inner>:last-child{
margin-bottom: 0 !important;
}

#content>.section>.inner::after{
content: "";
float: none;
clear: both;
display: block;
}


#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: disc;
margin-top: 0em;
margin-bottom: 0.736842105263158em;
overflow:hidden;
}

#content ol{
list-style-position: outside;
list-style-type: decimal;
}

#content ul li,
#content ol li{
margin-left: 1.1em;
margin-bottom: 0.736842105263158em;
}

#content ul li{
}

#content ul ul,
#content ol ul{
margin-top: 0.736842105263158em;
}

#content ul.dotless{
list-style-type: none;
}
#content ul.dotless li{
margin-left: 0;
}


footer{
position: relative;

overflow: hidden;

min-height: 14em;
}


footer .inner{
width: 1476px;
margin: 0px auto;
position: relative;

}

footer .inner::after{
content:"";
position: absolute;
left: 0;
right: 0;
top: 0;
height: 0;
margin: 0 1.253387533875339%;
border-top: 1px solid #cccccc;
}

footer #topbutton{
width: 50px;
height: 50px;
background: #ffffff;
position: absolute;
left: 50%;
margin-left: -25px;
bottom: -25px;
cursor: pointer;
z-index: 10;
/*
border: 1px solid #fff;
*/
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
opacity: 1;
/**/
display: none;

}

footer p#copyright{
clear: right;
float: right;
display: inline;
color: #6A6A6A;
margin: 0.5em 1.253387533875339%;
padding: 0 0;
font-size: 0.833333333333333em;
line-height: 1.866666666666667em;
}


footer ul#nav_social{
list-style: none;
margin: 40px 1.253387533875339%;
float: left;
display: inline;
max-width: 47.126436781609195%;
width: auto;
min-height: 32px;


}

footer ul#nav_social li{

float: left;
display: inline;
width: auto;
margin: 0 0.25em 0.25em 0;
}

footer ul#nav_social li a{
display: block;
width: 40px;
height: 40px;
font-size: 0.3em;
line-height: 40px;
padding: 0;

border: 0;
border-radius: 2px;

text-align: center;
overflow: hidden;
/*
background-color: #ffffff;
*/
background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;

transition: 0.2s;
}

footer ul#nav_social li#n_facebook a,
.no-touch footer ul#nav_social:hover>li#n_facebook>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_facebook.svg');
background-color: #3b579d;
}
footer ul#nav_social li#n_twitter a,
.no-touch footer ul#nav_social:hover>li#n_twitter>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_twitter.svg');
background-color: #55acee;
}
footer ul#nav_social li#n_youtube a,
.no-touch footer ul#nav_social:hover>li#n_youtube>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_youtube.svg');
background-color: #ff0000;
}
footer ul#nav_social li#n_xing a,
.no-touch footer ul#nav_social:hover>li#n_xing>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_xing.svg');
background-color: #006567;
}
footer ul#nav_social li#n_linkedin a,
.no-touch footer ul#nav_social:hover>li#n_linkedin>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_linkedin.svg');
background-color: #0073b0;
}
footer ul#nav_social li#n_instagram a,
.no-touch footer ul#nav_social:hover>li#n_instagram>a:hover{
background-image: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/si_instagram.svg');
background-color: #d93175;
}

.no-touch #wrapper footer ul#nav_social:hover>li>a{
background-color: #aaa ;
}

.no-touch footer ul#nav_social:hover li a:hover{

}

footer ul#nav_social li a span{
/**/
position: absolute;
left: -99999px;
color: #ffffff;
}



footer ul.navlist{
float: right;
display: inline;
margin: 30px 1.253387533875339% 0 0;

}

footer ul.navlist>li{
float: left;
display: inline;
margin-left: 1.111111111111111em;
}

footer ul.navlist li.off{
display: none;
}

footer ul.navlist li a,
footer ul.navlist li a:link,
footer ul.navlist li a:visited{
display: block;
font-size: 1rem;
line-height: 2.5em;

color: #000000;
text-decoration: none;
text-transform: uppercase;
font-weight: 700;
position: relative;
}
/* */
footer ul.navlist li a:hover{
color: #cc0000;
}

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

footer ul.navlist li:first-child a span{

}



/* Allgemeine Styles */

h2#hl_main{
position: relative;
}

h2#hl_main span.datum{
/**/
position: absolute;
top: 100%;
right: 0;

font-size: 0.421052631578947em;
line-height: 2em;
color: #6A6A6A;
font-weight: 400;
}

.nowrap{
white-space: nowrap;
}

div.textblock{
clear: both;
width: 80.826558265582656%;
margin: 0 9.586720867208672%;
margin-bottom: 4.5em;
overflow: hidden;
}

div.bildblock{
clear: both;
width: auto;
margin: 0 1.253387533875339%;
margin-bottom: 4.5em;
}
div.bildblock.voll .bild{
width: 100%;
}
div.bildblock.voll img,
div.bildblock.voll .bild>img{
display: block;
width: 100%;
}

div.textblock.einleitung{
clear: none;
float: right;
display: inline-block;
width: 47.493224932249322%;
margin-left: 1.253387533875339%;
}

div.textblock.einleitung + div.textblock{
margin-top: -4.5em;
}

.section>.inner>h2{
margin: 0 9.586720867208672%;
margin-bottom: 1em;
}

.section>.inner>h2#hl_main{
float: left;
display: inline-block;
width: 39.159891598915989%;
margin: 0 1.253387533875339%;
text-align: right;
}


div.aktuellblock,
div.kartenblock,
div.querschnitteblock,
div.formularblock,
div.specialblock{
clear: both;
background: #eeecea;
margin: 4.5em 1.253387533875339%;
overflow: hidden;
}

div.einstiegeblock{
clear: both;
margin: 4.5em 0;
overflow: hidden;

}


#osm_cnt{
float: left;
display: inline-block;
width: 100%;
width: calc( 100% - 369px );
height: 800px;
/* padding-bottom: 75%; */
position: relative;
overflow: hidden;
}

.leaflet-tile-pane img{
filter:   contrast(110%) brightness(105%) grayscale(100%);
}
html.isIE11 .leaflet-tile-pane img{
opacity: 0.6 !important;
}

.leaflet-overlay-pane{
mix-blend-mode: multiply;
}

html.isIE11 .leaflet-overlay-pane,
html.isEDGE .leaflet-overlay-pane{
mix-blend-mode: normal;
opacity: 0.6;
}

.leaflet-overlay-pane img.kartenzusatz{
/*filter: drop-shadow( 1px 4px 2px #000 );*/

/*
background: rgba(0,0,0,0.3);
*/
}


#kartenwaehler{
overflow: hidden;
padding: 30px;
border-bottom: 15px solid #fff;
  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;

min-width: 360px;
}

#kartenwaehler h4{
margin-bottom: 1em;
}

#variantenwaehler{
float: left;
display: inline-block;
position: relative;
overflow: hidden;
}

#variantenwaehler>ul{
list-style: none;
margin: 0 0 0 0;

}

#variantenwaehler>ul>li{
display: inline-block;
float: left;
margin: 0 0.5em 0em 0;
}
#variantenwaehler>ul>li:last-child{
margin-right: 0;
}
#variantenwaehler button{

background: #ffffff;
padding: 0 0.2em;
margin: 0;
min-width: 8em;
cursor: pointer;
text-align: center;

font-size: 1em;
line-height: 2.222222222222222em;
font-weight: 400;
border: 1px solid #6A6A6A;
border-radius: 1.5em;
}
#variantenwaehler button:hover{
background: #cc0000;
color: #fff;
}
#variantenwaehler button.aktiv{
background: #6A6A6A;
color: #fff;
cursor: pointer;
}

#ansichtwaehler{
float: right;

display: inline-block;
padding-left: 30px;

border-left: 1px solid #cccccc;
box-sizing: border-box;
/*width: 339px;*/
overflow: hidden;

float: left;
margin-left: 30px;
}
#ansichtwaehler p{
margin: 0;
}

#ansichtwaehler button{
display: inline-block;
float: left;

background: #ffffff;
padding: 0 1em;
margin: 0;
min-width: 0em;
cursor: pointer;
text-align: center;

font-size: 1em;
line-height: 2.222222222222222em;
font-weight: 400;
border: 1px solid #6A6A6A;
border-radius: 1.5em;
}
#ansichtwaehler button:hover{
background: #cc0000;
color: #fff;
}
#ansichtwaehler button.aktiv{
background: #6A6A6A;
color: #fff;
cursor: pointer;
}

button#ansicht_konzept{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: 0;
/*
width: 33%;
*/
}
button#ansicht_verkehrsaufkommen{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
/*
width: 67%;
*/
}

#kartenlegende{
float: right;
display: inline-block;
box-sizing: border-box;
padding: 40px;
padding-top: 30px;
padding-right: 20px;
padding-bottom: 15px;
width: 369px;
overflow: hidden;
}

#kartenlegende h4{
margin-bottom: 1em;
}

#content ul.legende,
#kartenlegende p{
list-style: none;
margin: 0;
font-size: 0.888888888888889em;
line-height: 1em;
}

#kartenlegende p{
padding-left: 90px;
font-weight: 700;
}

#content ul.legende>li{
position: relative;
margin: 0 0 1.3em 0;
padding-left: 90px;
min-height: 1.2em;
line-height: 1.2em;
box-sizing: border-box;
}
#content ul.legende>li:last-child{
/*margin-bottom: 0.5em;*/
}

ul.legende>li>img{
position: absolute;
left: 0;
top: 0;
max-width: 68px;
}
ul.legende>li>img.spc{
top: -10px;
}

#content ul.legende + h4{
margin-top: 0em;
border-top: 1px solid #cccccc;
padding-top: 1.1em;
}

/* Infoliste (Definition List) */

dl.infoliste{
margin-bottom: 1.555555555555556em;
overflow: hidden;
}

dl.infoliste>dt{
clear: left;
float: left; 
display: inline-block;
width: 30%;
margin-right: 3%;
font-weight: 700;

margin-top: 0.736842105263158em;
margin-top: 1.55em;
}

dl.infoliste>dd{
float: left; 
display: inline-block;
width: 67%;

margin-top: 0.736842105263158em;
margin-top: 1.55em;
}
dl.infoliste>dd+dd{
clear: left;
margin-left: 33%;
margin-top: 0;
}
#content dl.infoliste>dd>ul{
margin: 0;
}
#content dl.infoliste>dd>ul>li{
margin-bottom: 0;
}

div.konzepte>h4{
font-size: 1.222222222222222em;
line-height: 1.272727272727273em;
margin-top: 2em;
margin-bottom: 0.4em;

background: #eeecea;
padding: 0.5em 4px;
}

dl.infoliste + h4,
div.fazit + h4{
/*
margin-top: 0;
border-top: 1px solid #cccccc;
padding-top: 1.5em;
*/
}


div.fazit{
/*
background: #eeecea;
padding: 40px;
*/

border: 1px solid #cccccc;
padding: 1.5em 3.352891869237217%;
}

/* */
dl.infoliste + div.fazit{
margin-top: -1.555555555555556em;
/*padding-top: 0.736842105263158em;*/
margin-bottom: 1.555555555555556em;

margin: 0;
margin-top: 2em;
margin-bottom: 5em;
}


div.fazit>h5{
margin: 0 0 1.555555555555556em 0;
margin: 0;
margin-bottom: 0.736842105263158em;
font-size: 1em;
font-weight: 700;
text-transform: uppercase;
/*
background: #eeecea;
display: inline-block;
padding: 0.2em;
*/
}
div.fazit>*{
margin-bottom: 0.736842105263158em;
}
div.fazit>:last-child{
margin-bottom: 0em;
}

/* Einstiege */

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

#content ul.einstiegeliste>li{
float: left;
display: inline-block;
width: 30.826558265582656%;
margin: 1.253387533875339%;
background: #ffffff;
}
ul.einstiegeliste>li:nth-child(3n-2){
clear: left;
}
#content ul.einstiegeliste>li h3{
margin-bottom: 0.5em;
}
#content ul.einstiegeliste>li>.bild{
height: 0;
padding-bottom: 52.747252747252747%;
margin-bottom: 1.4em;
box-shadow: 0 0 6px rgba(0,0,0,0.2);
background: #cccccc;
}
#content ul.einstiegeliste>li>.bild>img{
display: block;
width: 100%;
}
#content ul.einstiegeliste>li p.mehr{
margin-bottom: 0;
}



/*Aktuell Liste */

.aktuellblock>h3{
font-size: 1.388888888888889em;
line-height: 1.4em;

padding: 0.5em 2.571230020847811%;
padding: 0.5em 1.285615010423905%;
border-bottom: 15px solid #ffffff;
margin: 0;
}

.aktuellblock>p.mehr{
text-align: center;
margin-bottom: 2.7%;
}

#content ul.aktuellliste{
padding: 1.285615010423905% 0;
margin: 0 1.285615010423905%;
list-style: none;
}

#content ul.aktuellliste>li{
float: left;
display: inline-block;
width: 30.670470756062767%;
margin: 1.319543509272468%;
}
ul.aktuellliste>li:nth-child(3n-2){
clear: left;
}

ul.aktuellliste>li>a,
ul.aktuellliste>li>a:link,
ul.aktuellliste>li>a:visited,
ul.aktuellliste>li>div.a-subst{
display: block;
color: #000000;
background: #ffffff;
text-decoration: none;
box-shadow: 0 0 6px rgba(0,0,0,0.2);

overflow: hidden;
position: relative;
}

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

ul.aktuellliste>li .bild{
height: 0;
padding-bottom: 60.465116279069767%;
background: #ddd;
overflow: hidden;
}

ul.aktuellliste>li .bild>img{
display: block;
width: 100%;
}

ul.aktuellliste>li .text{
margin: 6.976744186046512%;
padding-bottom: 40px;
overflow: hidden;
/*position: relative;*/
}

ul.aktuellliste>li .text h4{
position: relative;
font-size: 1.222222222222222em;
line-height: 1.272727272727273em;
padding-bottom: 2.5em;
margin-bottom: 1em;
border-bottom: 1px solid #cccccc;
text-transform: none;
}

ul.aktuellliste>li .text h4 span.datum{
position: absolute;
bottom: 1.2em;
left: 0;
font-weight: 400;
font-size: 0.727272727272727em;
color: #6A6A6A;
}

ul.aktuellliste>li .text p{}

ul.aktuellliste>li .text p.mehr{
position: absolute;
right: 0;
bottom: 0;

width: 40px;
height: 40px;
border-radius: 4px;
background: #cc0000 url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/chevron-right_ws.svg') no-repeat 53% center;
background-size: auto 18px;
float: right;
margin: 6.976744186046512%;
margin-top: 0;
margin-left: 0;
}

.no-touch ul.aktuellliste>li a:hover .text p.mehr{
background-color: #6a6a6a;
}

ul.aktuellliste>li .text p.mehr>span{
position: absolute;
left: -99999px;
}


.bildstreifen{
clear: both;
width: auto;
margin: 4.5em 1.253387533875339%;

/*
overflow: hidden;
*/
position: relative;
}

.bildstreifen_contents{
width: auto;
margin: 0;
overflow: hidden;
/* 
overflow-x: scroll;
*/
position: relative;
padding-bottom: 25px;
}

.touch .bildstreifen.aktiv .bildstreifen_contents{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
/*
.touch .bildstreifen_contents::-webkit-scrollbar {
display: none !important;
opacity: 0;
}
*/
#content .bildstreifen ul{
width: 5000px;
height: 452px;
padding-bottom: 0px;
list-style: none;
overflow: hidden;
margin: 0;
}

#content .bildstreifen.aktiv ul.dragable{
cursor: default;

cursor: -webkit-grab; 
cursor: -moz-grab;
cursor: grab;
}
#content .bildstreifen.aktiv ul.dragging{
cursor: ew-resize;

cursor: -webkit-grabbing; 
cursor: -moz-grabbing;
cursor: grabbing;
}

#content .bildstreifen ul li{
/*
padding-left: 10px;
*/
margin: 0 !important;
float: left;
display: inline;
width: auto;
height: 100%;

list-style-image: none !important;
}

#content .bildstreifen ul li .bild{
padding: 0 0 0 30px;
background: none;

height: 100%;

width: auto;
float: left;
display: inline;
margin: 0;

font-size: 19px;
line-height: 1.21052631578947em;
}
#content .bildstreifen ul li .bild img{
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
/**/
width: auto;
/*height: 100%;*/

float: left;
display: inline;
}

#content .bildstreifen ul li:first-child .bild{
padding-left: 0px;
}

.bildstreifen_controls{
visibility: hidden;
}

.bildstreifen.aktiv .bildstreifen_controls{
visibility: visible;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.bildstreifen_controls span{
position: absolute;
width: 40px;
height: 40px;
/*border: 2px solid #76A709;*/

cursor: pointer;
top: 15px;
background-color: #ffffff;
border-radius: 4px;
box-shadow: 0 0 10px rgba(255,255,255,0.5);
box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
.bildstreifen_controls span.dis{
opacity: 0.4;
/*background-color: transparent !important;*/
cursor: default;
/*
display: none;
*/
}
.bildstreifen_controls span.bildstreifen_back{

}
.bildstreifen_controls span.bildstreifen_more{

}

.bildstreifen:hover .bildstreifen_controls span.bildstreifen_back,
.touch .bildstreifen_controls span.bildstreifen_back,
.bildstreifen_controls span.bildstreifen_back{
left: 15px;

background: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/chevron-left_sw.svg') no-repeat 47% center;
background-size: auto 22px;
background-color: #fff;
}

.bildstreifen:hover .bildstreifen_controls span.bildstreifen_more,
.touch .bildstreifen_controls span.bildstreifen_more,
.bildstreifen_controls span.bildstreifen_more{
right: 15px;

background: url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/chevron-right_sw.svg') no-repeat 53% center;
background-size: auto 22px;
background-color: #fff;
}

.bildstreifen_controls span span{
position: absolute;
left: -99999px;
}

.bildstreifen_position{
visibility: hidden;
display: none;

padding: 0 ;
}

.bildstreifen.aktiv .bildstreifen_position{
visibility: visible;
/*
position: absolute;
*/
position: relative;
bottom: 0px;
left: 0;
width: 100%;
padding-top: 0px;

margin: 0 auto;

}
.no-touch .bildstreifen_position{
display: block;
}

.bildstreifen_position div.bar{
margin: 0;
height: 3px;
background: #ccc;
position: relative;
}
.bildstreifen_position div.bar span.before{
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 0;

background: #ccc;
}
.bildstreifen_position div.bar span.after{
position: absolute;
top: 0;
left: 80%;
height: 3px;
width: 0;

background: #ccc;
}
.bildstreifen_position div.bar span.current{
position: absolute;
top: 0;
left: 40%;
height: 3px;
width: 0;

background: #6a6a6a;
}

.section>.inner>.bild,
.section>.inner>.vid_yt{
clear: both;
margin: 4.5em 1.253387533875339%;
}

.section>.inner>.bild p,
.section>.inner>.vid_yt p{
font-size: 0.888888888888889em;
line-height: 1.2em;
margin-top: 0.4em;
}

.section>.inner>.vid_yt .ytplayer{
padding-bottom: 56.25%;
height: 0;
position: relative;
}

.section>.inner>.vid_yt .ytplayer>iframe{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}






div.querschnitteblock>h3{
margin: 2.084781097984712%;
}

div.querschnitteblock>.text{
margin: 2.084781097984712%;
}

div.querschnitteblock>.bild{
float: right;
display: inline-block;
width: 38.082001389854065%;
min-width: 400px;
margin: 2.084781097984712%;
margin-top: 0;
}

#content ul.querschnitteliste{
clear: both;
padding: 1.285615010423905% 0;
width: 98.401667824878388%;
margin: 0 auto;
margin: 0 0.799166087560806%;
list-style: none;
}

#content ul.querschnitteliste>li{
position: relative;
float: left;
display: inline-block;
width: 22.387005649717514%;
margin: 1.306497175141243%;
}
ul.querschnitteliste>li:nth-child(4n-3){
clear: left;
}

ul.querschnitteliste>li>a,
ul.querschnitteliste>li>a:link,
ul.querschnitteliste>li>a:visited{
display: block;
color: #000000;
background: #ffffff;
text-decoration: none;
box-shadow: 0 0 6px rgba(0,0,0,0.2);

overflow: hidden;
}

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

ul.querschnitteliste>li .bild{
overflow: hidden;
height: 0;
padding-bottom: 63.091482649842271%;
padding-bottom: 66.246056782334385%;
margin: 0;
background: #ddd;
}
ul.querschnitteliste>li .bild>img{
display: block;
width: 100%;
}
ul.querschnitteliste>li p{
margin: 1em 7.886435331230284%;
padding: 0.5em 0;
font-weight: 700;
}
ul.querschnitteliste>li p span.ziffer{
position: absolute;
top: 10px;
right: 10px;
width: 40px;
height: 40px;
line-height: 40px;
color: #ffffff;
background: #cc0000;
border-radius: 4px;
font-weight: 700;
text-align: center;
}

.no-touch ul.querschnitteliste>li>a:hover p span.ziffer{
background-color: #ffffff;
color: #cc0000;
}






/* Bereichs-spezifische Styles */

#b_home{
}

#b_home header div.inner::after{
display: none;
}

#b_home ul.aktuellliste>li+li+li+li{
display: none;
}


#b_aktuelles_detail h2#hl_main span.datum{
/**/
position: absolute;
top: 0;
right: auto;
left: 100%;
margin-left: 6.920415224913495%;
margin-left: 6.5%;
font-size: 0.421052631578947em;
line-height: 2em;
color: #6A6A6A;
font-weight: 400;
}

#b_aktuelles_detail h2#hl_main + div.textblock.einleitung{
margin-top: 2em;
}

#b_aktuelles_detail div.textblock p.mehr.uebersicht{
margin-top: 4em;
padding-top: 1.5em;
border-top: 1px solid #cccccc;
}



form.k_form{
width: 85.61501042390549%;
margin: 0 auto;
padding: 4.5em 0;
overflow: hidden;
}

.k_form>div{
margin: 0 1.501623376623377%;
float: left;
display: inline;
min-height: 6em;
position: relative;
}

.k_form div.frm_cnt1{
/* für halbe Textfelder/Selects */
width: 46.996753246753247%;

}

.k_form div.frm_cnt2{
/* für ganze Textareas, ganzzeilige Inputfelder */
clear: left;
float: none;
display: block;
width: 97.391304347826087%;
height: auto;

}

.k_form div.frm_cnt3{
/* für halbe Checkboxen / Radios */
width: 47.391304347826087%;
min-height: 2em;
}

.k_form div.frm_cnt4{
/* für ganzzeilige Checkboxen / Radios */
clear: left;
float: none;
display: block;
width: 97.391304347826087%;
height: auto;
margin-bottom: 10px;

min-height: 2em;
}

.k_form div.frm_cnt5{
/* für eingerückte ganzzeilige Inputfelder */
clear: left;
float: none;
display: block;
width: 90%;
height: auto;
margin-bottom: 10px;

margin-left: 5%;
}

.k_form label{
font-size: 1em;
line-height: 1.555555555555556em;
font-weight: 700;
color: #000000;
margin: 0px 0px 2px 0;
padding: 0 0 0 1px;
white-space: nowrap;
display: block;

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

.k_form div.frm_cnt1 label{
/*position: absolute;
left: -99999px;*/
}

.k_form div.frm_cnt2 label{
/*position: absolute;
left: -99999px;*/
}

.k_form div.frm_cnt3 label{
display: block;
/*width: 88%;*/
height: auto;
margin: 0;
font-weight: 400;
overflow: hidden;
white-space: normal;
}

.k_form div.frm_cnt4 label{
display: block;
/*width: 90%;*/
height: auto;
margin: 0;

overflow: hidden;
white-space: normal;
}

.k_form input,
.k_form select,
.k_form textarea{
/*
-webkit-appearance: none;
*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
  
font-family: inherit;
font-size: 100%;
line-height: 1.555555555555556em;
padding: 10px 5px;

background: #ffffff;
border: 1px solid #ffffff;
color: #000000;

font-weight: 400;
border-radius: 4px;
border: 1px solid #6A6A6A;
/*
box-shadow: 2px 3px 3px rgba(0,0,0,0.1) inset;
*/

-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.k_form input[type="text"],
.k_form textarea{
-webkit-appearance: none;
}

.k_form input.checkbox,
.k_form input.radio,
.k_form input[type="checkbox"],
.k_form input[type="radio"]{
/*
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
*/

background: #fff !important;

box-shadow: none !important;
-webkit-box-shadow: none !important;

border: 1px solid #777777;

-webkit-border-radius: 3px !important;
border-radius: 3px !important;

width: 0.8em;
height: 1em;

margin-right: 0.5em;
}

.k_form select{
padding: 9px 4px;
width: 100%;

box-shadow: none;
-webkit-box-shadow: none !important;

/*appearance: none;*/
-moz-appearance: none;
-webkit-appearance: none;

background-position: right center;
background-repeat: no-repeat;
background-image : url('/public/20211220145708oe_/https://www.verkehrsentwicklung-ab.de/img-dsg/IC_select_gr.svg');
background-size: 24px auto;
}

form.k_form  ::-webkit-input-placeholder {
color: #777777;
font-weight: 400;
opacity: 1;

}
form.k_form  :-moz-placeholder { /* Firefox 18- */
color: #777777;
font-weight: 400;
opacity: 1;

}
form.k_form  ::-moz-placeholder {  /* Firefox 19+ */
color: #777777;
font-weight: 400;
opacity: 1;

}
form.k_form  :-ms-input-placeholder {  
color: #777777;
font-weight: 400;
opacity: 1;

}

form.k_form  select[value=""],
form.k_form  select option[value=""]{
color: #999999;
font-weight: 400;

}

.k_form .frm_cnt1 input{
width: 100%;
}

.k_form .frm_cnt1 select{
width: 100%;
}

.k_form .frm_cnt1 select option{
/*
padding: 0;
*/
}

.k_form .frm_cnt2 input{
width: 100%;
}

.k_form .frm_cnt1 textarea,
.k_form .frm_cnt2 textarea{
display: block;
width: 100%;
max-width:  100%;
min-width:  100%;
height: 246px;
max-height: 500px;
min-height: 246px;
overflow: auto;
resize: vertical;
margin-bottom: 1em;
}

.k_form .frm_cnt3 input,
.k_form .frm_cnt4 input{
float: left;
display: inline;

}

.k_form .frm_cnt5 input{
width: 80%;
}

.k_form label.error{
position: absolute;
top: 0px;
right: 0px;
left: auto;
margin: 0.5em 0 0 0;
font-size: 0.8em;
line-height: 1.2em;
font-weight: 700;
color: #cc0000;
text-align: right;

}

.k_form .frm_cnt1 label.error{
left: auto;
}

.k_form .frm_cnt2 label.error{
margin-right: 0;
}

.k_form .frm_cnt3 label.error,
.k_form .frm_cnt4 label.error{
position: absolute;
top: -1.2em;
right: auto;
left: 0;

margin: 0;
text-align: left;
}

.k_form input.error, 
.k_form select.error, 
.k_form textarea.error{
border: 1px dashed #cc0000;
}


.k_form #CKF_Datenschutzhinweise_gelesen{
display: block;
/*padding-bottom: 2em;*/
min-height: 0;
overflow: visible;
}
.k_form #CKF_Datenschutzhinweise_gelesen{
margin-bottom: 3em;
}

.k_form #CKF_submit{
height: auto;
/*clear: both;*/

width: 47.391304347826087%;
margin: 0 1.304347826086957%;
min-height: 0;
margin-top: 19px;
}

.k_form #KF_submit{
font-size: 1em;
line-height: 1.944444444444444em;
float: right;
display: inline-block;
margin: 0;

font-weight: 700;
text-transform: uppercase;
position: relative;

cursor: pointer;
color: #ffffff;
background: #cc0000;

padding: 0.138888888888889em 1em;
border: 0;
border-radius: 4px;
text-decoration: none;
}


.k_form #KF_submit:hover{
background: #6a6a6a;
}


#CKF_email{
min-height: 0;
max-height: 0;
overflow: hidden;
transform: translate( -99999% , 0);
}




/*

MASS-Notizen

Gesamt: 
1513px

Innenbereich und Haupt-Bezugsbreite:
1476px

Margins: 
18.5px
1.253387533875339%

1/3 = 455px
30.826558265582656%

2/3 = 947px
64.159891598915989%

3/3, 4/4 = 1439px
97.493224932249322%

TEXTBLOCK mit mehr Rand = 1193px + 2* 141.5px
80.826558265582656% + 2* 9.586720867208672%;

----------

KLEINERER INNERER BEREICH?
2/4 = 578px

1/4 = 317px
21.476964769647696%

*/