@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: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


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

body { 
font-size: 10pt; 
line-height: 1.555555555555556em; 
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
background: none;
color: #000;
}

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

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

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

a,
a:link,
a:visited{
text-decoration: underline;
color: #000000;
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

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: bold; 
}

em{
font-style: italic;
}

small {
font-size: 0.727272727272727em;
}

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

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



hr{
height: 0;
padding: 0;
border: 0;
border-bottom: 1pt solid #888888;
margin: 2em 0 2em 0;
}

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

.offscreen{
position: absolute;
left: -99999px;
}

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

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

.bild img {
display: block;
width: 100%;
}

p.button,
p.mehr,
p.zurueck{
display: none;
}

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

#wrapper{
max-width: 650px;
margin: 0 auto;
}


header{
margin: 0;
margin-bottom: 2em;
padding: 0 0 2em 0;
position: relative;
border-bottom: 1px solid #cccccc;
}

#b_home header {
margin-bottom: 0;
border-bottom: 0;
}

header h1{
overflow: hidden;
margin-bottom: 0;

font-size: 2em;
line-height: 1.5em;
font-weight: bold;
}

header h1 a{
display: block;
text-decoration: none !important;
padding: 0;
width: 30%;
font-size: 0.01em;
}

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

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

}

header h1 a span{
display: block;
}
header h1 a span>span{
font-size: 0.8em;
line-height: 1.1em;
font-weight: normal;
margin-left: 0.05em;
}

header img{
display: none;
}


#nav1{
display: none;
}

#pathfinder{
display: none;
}

#content{
clear: both;
margin: 0;
}

#content>.section{
clear: both;
position: relative;
height: auto;
min-height: 0 !important;
}

#content>.section>.inner{
position: relative;
border: 0;
padding: 3em 0 0em 0;
}

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


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

#content>.dekosection>img{
display: block;
width: 100%;
}
#content>.dekosection>img+img{
display: none;
}
#content>.dekosection#dsc_intro>img{
display: none;
}
#content>.dekosection#dsc_intro>img+img{
display: block;
}

#content>.dekosection#dsc_intro div.text {
margin: 1em 0;
}
#content>.dekosection#dsc_intro div.text p{
text-transform: uppercase;

}
#content>.dekosection#dsc_intro div.text p.intro_pt1{
font-size: 2em;
line-height: 1.3em;
margin: 0;
}
#content>.dekosection#dsc_intro div.text p.intro_pt2{
font-size: 1.5em;
line-height: 1.3em;
margin: 0;
}


#content ol, #content ul{
}

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

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

#content ul li,
#content ol li{
margin-left: 1em;
margin-bottom: 0.575em;
}

#content ul li{
}

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

footer{
clear: both;
border-top: 1px solid #cccccc;
padding: 1em 0;
margin-top: 0em;
overflow: hidden;

page-break-inside: avoid;

display: none;
}

footer ul#nav_social,
footer ul.navlist{
display: none;
}


footer #topbutton{
display: none;
}
footer p#copyright{
margin: 0;
padding: 0;
white-space: nowrap;
width: auto;
text-align: right;
}




/* Allgemeine Styles */

h2#hl_main{
position: relative;
}

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

font-size: 0.5em;
line-height: 2em;
color: #000000;
font-weight: 400;
}

div.textblock{
margin-bottom: 4.5em;
}

div.bildblock{
width: auto;
margin-bottom: 4.5em;

page-break-inside: avoid;
}
div.bildblock.voll .bild{
width: 100%;
}
div.bildblock.voll img,
div.bildblock.voll .bild>img{
display: block;
width: 100%;
}


div.aktuellblock,
div.kartenblock,
div.querschnitteblock,
div.formularblock,
div.specialblock{
clear: both;
margin: 4.5em 0;
}

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

}

div.formularblock{
display: none;
}





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

page-break-inside: avoid;
}

#content ul.einstiegeliste>li{
float: left;
display: inline-block;
width: 30.4%;
margin: 1.25% 1.25% 1.25% 2.5%;
background: #ffffff;
height: auto !important;

}
#content ul.einstiegeliste>li:nth-child(3n-2){
clear: left;
margin-left: 0;
}
#content ul.einstiegeliste>li h3{
font-size: 1.1em;
line-height: 1.4em;
margin-bottom: 0.5em;
}
#content ul.einstiegeliste>li>.bild{
width: 100%;
display: block;
margin: 0 0 1em 0;
}
#content ul.einstiegeliste>li>.bild>img{
display: block;
width: 100%;
}
#content ul.einstiegeliste>li p.mehr{
margin-bottom: 0;
}





.aktuellblock>h3{
font-size: 1.1em;
line-height: 1.4em;
padding: 0.5em 0;
margin: 0;
}

.aktuellblock>p.mehr{
display: none;
}

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

}

#content ul.aktuellliste>li{
float: left;
display: inline-block;
width: 30.4%;
margin: 1.25% 1.25% 1.25% 2.5%;
height: auto !important;

page-break-inside: avoid;
}
#content ul.aktuellliste>li:nth-child(3n-2){
clear: left;
margin-left: 0;

}

ul.aktuellliste>li>a,
ul.aktuellliste>li>a:link,
ul.aktuellliste>li>a:visited,
ul.aktuellliste>li>div.a-subst{
display: block;
color: #000000;
text-decoration: none;
}

ul.aktuellliste>li .bild{
/*
height: 0;
padding-bottom: 60.465116279069767%;
*/

}

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

ul.aktuellliste>li .text{
margin: 6.976744186046512% 0;
padding-bottom: 0px;
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: #000000;
}

ul.aktuellliste>li .text p{}

ul.aktuellliste>li .text p.mehr{
display: none;
}





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

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

div.querschnitteblock>.bild{
float: right;
display: inline-block;
width: 38.082001389854065%;
margin: 0 0 1em 1em;
}

#content ul.querschnitteliste{
clear: both;
padding: 1em 0 0 0;
width: auto;
margin: 0;
list-style: none;
}

#content ul.querschnitteliste>li{
position: relative;
float: left;
display: inline-block;
width: 30%;
height: auto !important;
margin: 0 0% 0 5%;

page-break-inside: avoid;
}
#content ul.querschnitteliste>li:nth-child(3n-2){
clear: left;
margin-left: 0;
}

ul.querschnitteliste>li>a,
ul.querschnitteliste>li>a:link,
ul.querschnitteliste>li>a:visited{
display: block;
color: #000000;
text-decoration: none;
height: auto !important;
}

ul.querschnitteliste>li .bild{ 
overflow: hidden;
height: 0;
padding-bottom: 66.246056782334385%;
margin: 0;
}
ul.querschnitteliste>li .bild>img{
display: block;
width: 100%;
}
ul.querschnitteliste>li p{
padding: 0.55em 0 1.5em 2.3em;
margin: 0;
font-weight: 700;
position: relative;
font-size: 1em;
line-height: 1.2em;
}
ul.querschnitteliste>li p span.ziffer{
position: absolute;
top: 0.25em;
left: 0px;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
border-radius: 4px;
border: 2px solid #000;
font-weight: 700;
text-align: center;
}
ul.querschnitteliste>li p span.ziffer span.offscreen{

}



.kartenblock{
page-break-inside: avoid;

}

#kartenwaehler ul{
display: inline-block;
list-style: none;
margin: 0;

float: left;
}
#content #kartenwaehler ul>li{
display: inline-block;
list-style: none;
margin: 0;

float: left;
}
#kartenwaehler h4{
display: inline-block;
font-size: 1em;
line-height: 1.2em;
float: left;
clear: left;
margin-right: 1em;
width: 5em;
}
#kartenwaehler h4::after{
content:":"
}
#kartenwaehler button{
display: none;

border: 0 !important;
padding: 0 !important;
margin: 0 !important;
height: auto !important;
box-shadow: none !important;
background: transparent;

font-size: 1em !important;
line-height: 1.2em !important;
-webkit-appearance: none;
appearance: none;
}
#kartenwaehler button.aktiv{
display: inline-block;
float: left;
}

#kartenlegende{
display: none;
}

.kartenblock #osm_cnt{
width: 170%;
height: 800px;
transform-origin: left top;
transform: scale(0.59, 0.59);
overflow: hidden;
position: relative;

margin-bottom: -330px
}


.leaflet-tile-pane img{
filter:   contrast(110%) brightness(105%) grayscale(100%);
}

.leaflet-tile-pane {
opacity: 0.8;
}

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

.leaflet-bar{
display: none;
}



.bildstreifen{
clear: both;
width: auto;
margin: 2em 0;
overflow: hidden;
position: relative;

}

.bildstreifen_contents{
width: 100%;
margin: 0 0 0em 0;
overflow: hidden;
/*
overflow-x: scroll;
*/
position: relative;

page-break-inside: avoid;
}

#content .bildstreifen ul{
width: auto !important;
padding-left: 0 !important;
height: auto;
list-style: none;
overflow: hidden;
margin: 0 0 0 0%;
}

#content .bildstreifen ul li{
padding-right: 10px;
padding-bottom: 10px;
margin: 0 !important;
float: left;
display: inline;
height: 130px;
/*min-width: 50px;*/
position: relative;
}
#content .bildstreifen ul li .bild{
width: auto !important;
height: 130px;
}
#content .bildstreifen ul li .bild img{
display: block;
width: auto !important;
height: 130px;

float: left;
display: inline;
}

#content .bildstreifen ul li .bild p.legende{
	/*
position: absolute;
left: 0;
right: 10px;
bottom: 10px;
font-size: 0.78947368421053em;
line-height: 1.2em;
*/

height: 120px;
border: 1px solid #aaaaaa;
border-left: 0;
padding: 4px;

float: left;
display: inline;
font-size: 0.78947368421053em;
line-height: 1.2em;
max-width: 120px;

overflow: hidden;
margin: 0 0px 0 0px; 
}

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

.bildstreifen_controls{
display: none;
}

.bildstreifen_position{
display: none;
}




.section>.inner>.bild,
.section>.inner>.vid_yt{
clear: both;
margin: 2em 0;
}

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



/* Infoliste (Definition List) */

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

page-break-inside: avoid;

}

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;

}

dl.infoliste + h4,
div.fazit + h4{
}


div.fazit{
border: 1px solid #777;
padding: 1.5em 3.352891869237217%;

page-break-inside: avoid;
}

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

.kartenblock + .textblock h3:first-child{
page-break-before: always;
}
.konzepte>h4{
page-break-before: always;
}
.konzepte>h4:first-child{
page-break-before: auto;
}
.querschnitteblock{
page-break-before: always;
}


/* Bereichs-spezifische Styles */