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

/* Eric Meyer Reset CSS 2.0 / http://meyerweb.com/eric/tools/css/reset/ */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


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

body { 
font-size: 12pt; 
line-height: 1.578947368421053em; 
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: 700; 
color: #000000;
}

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

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

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

h1{font-size: 236.8421052631579%; line-height: 1.2em; font-weight: 400;  margin-bottom: 0.66em;}
h2{font-size: 157.8947368421053%; line-height: 1.2em; font-weight: 400; margin-bottom: 0.5em; text-transform: uppercase;}
h3{font-size: 115.7894736842105%; line-height: 1.4em; margin-bottom: 1em; margin-top: 2em; text-transform: uppercase; font-weight: 700;}
h3:first-child{margin-top: 0;}
h4{font-size: 100%; line-height: 1.578947368421053em; font-weight: 700; margin-bottom: 0.789473684210526em; margin-top: 0.789473684210526em; color: #000000;}
h4:first-child{margin-top: 0;}
h5{font-size: 100%; font-weight: 700; text-transform: uppercase; margin-bottom: 1.578947368421053em; margin-top: 2.947368421052632em;}
h5:first-child{margin-top: 0;}
h6{font-size: 100%; margin-bottom: 0;}
p{font-size: 100%;}

strong {
font-weight: bold; 
}

em,
i{
font-style: italic;
}

small {
font-size: 0.789473684210526em;
}

sup {
display: inline-block;
font-size: 0.6842105263157895em;
line-height: 1em;
padding-top: 0.3em;
vertical-align: top;
}

sub {
display: inline-block;
font-size: 0.6842105263157895em;
line-height: 1em;
padding-bottom: 0.0em;
vertical-align: bottom;
}

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

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

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

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

p.mehr,
button{
display: none;
}

blockquote{
display: block;
padding-left: 3.5em;
position: relative;
}

blockquote::before{
content:"  ";
content: "”";
width: 1em;
height: 1em;
position: absolute;
left: 0;
top: 0;

font-size: 4em;
line-height: 0.82em;
font-weight: 700;
}

.bild{
}

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


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

#rdx_helper{
display: none;
}

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


#site_header{
margin-bottom: 2em
}

#site_header .inner{
margin: 0 2%;
overflow: hidden;
}

#site_header div.inner span{
display: none;
}

#site_header div.inner img#logo{
display: block;
max-width: 50%;
max-height: 100px;
}

div.abdecker{
display: none;
}

#menubutton{
display: none;
}

#nav1{
display: none;
}

#breadcrumbs{
display: none;

overflow: hidden;
padding: 0;
margin: -2em 0 2em 0;
}

#breadcrumbs>.inner{
position: relative;
overflow: hidden;
padding: 15px 0% 15px 0;
}
#breadcrumbs p{
font-size: 0.7em;
line-height: 1.5em;
color: #666;
padding: 0;
margin: 0 2%;

}

#breadcrumbs p>span,
#breadcrumbs p>span a,
#breadcrumbs p>span a:link,
#breadcrumbs p>span a:visited{
color: #666666;
font-weight: 400;
text-decoration: none;
}

#breadcrumbs p>span{
margin-right: 7px;
padding-left: 13px;
display: inline-block;
position: relative;
}
#breadcrumbs p>span.offscreen{
position: absolute;
}

#breadcrumbs p>span:after{
content: ">";
font-size: 1.2em;
font-weight: 100;

margin-top: 0.02em;
margin-right: 0;
position: absolute;
left: -3px;
top: 0px;

    -ms-transform: scale(0.5,1); /* IE 9 */
    -webkit-transform: scale(0.5,1); /* Chrome, Safari, Opera */
    transform: scale(0.5,1);
	
color: #666666;
}

#breadcrumbs p:first-line{

}

#breadcrumbs p span.offscreen:first-child+span{
padding-left: 0;
background: none;
}
#breadcrumbs p span.offscreen:first-child+span:after{
display: none;
}

#breadcrumbs p span:last-child a:hover{
color: #666666;
background: none;
cursor: default;
}





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

#content>section{
clear: both;
position: relative;
height: auto;
min-height: 0 !important;
/*
page-break-inside: avoid;
*/
}

#content>section>.inner{
height: auto !important;
min-height: 0;
padding: 2em 0 2em 0;
}
#content>section>.inner::after{
content: "";
float: none;
clear: both;
display: block;
}
section > .inner > .bild{
margin: 0 2%;
page-break-inside: avoid;
}
section > .inner > .bild img {
position: relative;
display: block;
z-index: 1;
}
#content > section.sc_dekobild > .bild {
margin: 2em 2%;
}

#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: square;
margin-top: 0.71em;
margin-bottom: 0.71em;
/*
overflow:hidden;
*/
}

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

#content ul li,
#content ol li{
margin-left: 1.3em;
margin-bottom: 0.71em;
}

#content ul li{
}

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


#content .tab-cont{
overflow: auto;
margin: 0 0 1.578947368421053em 0;
}

#content table {
width: 100%;
border-collapse: collapse;
border: 0px solid #777777;
margin-bottom: 0em;
clear: both;
box-sizing: border-box;
}

#content table em{
font-style: normal;
color: #444444;
}

#content td, 
#content th {
border: 1px solid #777777;
padding: 0.2em 0.5em;

background: transparent !important;
}

#content th {
font-weight: 700;
}



#site_footer {
clear: both;
overflow: hidden;
width: 100%;
margin: 0em 0 2em 0;

display: none;
}

#site_footer #topbutton{
display: none;
}

#site_footer .inner{
clear: both;
margin: 0 2%;
}

#site_footer .inner ul.navlist{
display: none;
}

#extrabox{
display: none;
}

#klaro{
display: none;
}




/* Allgemeine Styles */

#hl_main{
clear: both;
display: block;
position: relative;
margin: 0 2%1em 2%;
}

#hl_main span.datum,
#hl_main>span.overline{
position: absolute;
bottom: 100%;
left: 0;
margin: 0 0 0.263157894736842em 0;
font-size: 0.422222222222222em;
line-height: 1.578947368421053em;
font-weight: 400;
opacity: 0.6;
}

#hl_main>span.overline{
font-size: 0.6em;
line-height: 1.2em;
color: #444;
margin-bottom: 0.5em;
}

#hl_main>span.underline{
display: block;
color: inherit;
opacity: 0.66;
margin-top: 0.25em;

font-size: 0.488888888888889em;
line-height: 1.578947368421053em;
font-weight: 400;
text-transform: uppercase;
}

/* STOERERBLOCK */

.stoererblock{
clear: both;
margin: 0 2% 1em 2%;

padding: 1em;
border: 2px solid #000;
overflow: hidden;

page-break-inside: avoid;
}

.stoererblock .bild{
width: 33%;
margin: 0 0 0.2em 1em;
float: right;
}

.stoererblock p{
margin: 0;
}

/* AKTUELLHOMEBLOCK */


.aktuellhomeblock{
clear: both;
margin: 0 2% 1em 2%;

padding: 1em;
border: 2px solid #000;

page-break-inside: avoid;
}

.aktuellhomeblock .bild{
width: 33%;
margin: 0 0 0.2em 1em;
float: right;
}

.aktuellhomeblock p{
margin: 0;
}

.aktuellhomeblock h3>span.datum{
display: block;
margin: 0em 0 0.6em 0;
font-size: 0.863636363636364em;
line-height: 1.0em;
font-weight: 400;
opacity: 0.6;
}


/* SPECIALBLOCK */


section>.inner>h2{
clear: both;
margin: 0 2% 1em 2%;
}

section>.inner>h3{
clear: both;
margin: 0 2% 1em 2%;
}



.textblock{
clear: both;
margin: 0 2% 3em 2%;
}

.textblock.columns{
    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;

	-webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;

}

#content .textblock>:last-child{
margin-bottom: 0;
}

.textblock .bild,
.textblock .vid_yt{
}


.textblock>.vid_yt{
width: 100%;
margin: 4em 0;
}

.textblock>.bild{
display: block;
width: auto;
margin: 4em 0;
}

.textblock>.bild:first-child{
float: right;
display: inline-block;
width: 33%;
min-width: 130px;
margin: 0 0 0.5em 1.5em;
}


div.vid_yt .ytplayer{
padding-bottom: 56.25%;
height: 0;
position: relative;
overflow: hidden;
}

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

p.legende{
position: relative;
font-size: 0.842105263157895em;
line-height: 1.2em;
font-weight: 400;
margin: 0.8em 0 0 0;
}

/****/

div.abschnitteblock{
}

div.abschnitt{
margin: 0 2% 3em 2%; 
overflow: hidden;
page-break-inside: avoid;
}
div.abschnitt:nth-child(2n){

}
div.abschnitt>div{

}
div.abschnitt .bild,
div.abschnitt .vid_yt{
width: 48%;
margin: 0; 
float: left;
display: inline-block;
position: relative;
z-index: 1;
}

div.abschnitt:nth-child(2n) .bild,
div.abschnitt:nth-child(2n) .vid_yt{
float: right;
}

div.abschnitt .bild:first-child,
div.abschnitt .vid_yt:first-child{
width: 100%;
}

div.abschnitt .bild img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}

div.abschnitt .text{
width: 48%;
margin: 0; 
float: right;
display: inline-block;
box-sizing: border-box;

padding: 0%;
}

div.abschnitt:nth-child(2n) .text{
float: left;
}

div.abschnitt .text:last-child{
width: 100%;
}

div.abschnitt .text :last-child{
margin-bottom: 0;
}

div.abschnitt .text h2{
}

div.abschnitt .text p{
}




#slideshow{
position: relative;
margin-bottom: 2em;
}

#slideshow .slidebox{
position: relative;
overflow: hidden;
display: none !important;

margin: 0 2%;
}

#slideshow div.slidebox.obersteebene {
display: block !important;
}

#slideshow .slidebox .bild{
overflow: hidden;
}
#slideshow .slidebox .bild img{
width: 100%;
display: block;
}

#slideshow .slidebox .text{
padding: 0.5em 0;
min-height: 4em;
/*text-align: right;
margin-left: 50%;*/
}
#slideshow .slidebox a{
text-decoration: none;
}
#slideshow .slidebox .text h3{
margin: 0 0 0em 0;
}

#slideshow .slidebox .text p{
margin: 0;
font-weight: 700;
}

#slideshow-seitenanzeige,
#slideshow-buttons{
display: none;
}



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

.bildstreifen_contents{
width: auto;
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 2%;
}

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

float: left;
display: inline;
}

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

.bildstreifen_controls{
display: none;
}

.bildstreifen_position{
display: none;
}




#content div.expandlist{
clear: both;
margin: 2em 2%;
}

#content div.expandlist>ul{
list-style-type: none !important;
}

#content div.expandlist>ul>li{
margin: 0 0 0 0;
padding: 0;

position: relative;
overflow: hidden;

border-top: 1px solid #777;
}

#content div.expandlist>ul>li:last-child{
border-bottom: 1px solid #777;
}

#content .expandlist>ul>li>h3{
margin: 0.5em 0;

}

div.expandlist ul>li>.contents{
overflow: hidden;
padding: 0em 0 0.5em 0;

display: block !important;
}


div.expandlist ul>li>.contents .bild{
width: 33%;
float: right;
display: inline;
margin: 0 0 0.5em 1.5em;
}
div.expandlist ul>li>.contents .bild>a{
display: block;
width: 100%;
overflow: hidden;
position: relative;
}

div.expandlist ul>li>.contents .bild img{
width: 100%;
display: block;
margin-top: 1.5em;
}

div.expandlist ul>li>.contents .bild img:first-child{
margin-top: 0em;
}
div.expandlist ul>li>.contents .bild img+p{
}
div.expandlist ul>li>.contents .text{
width: auto;
float: none;
display: block;
}




.pseudocols{
position: relative;
clear: both;
}

.pseudocols>ul>li{
position: relative !important;
clear: both !important;
top: auto !important;
left: auto !important;
width: auto !important;
float: none !important;
display: block !important;
overflow: hidden;
padding: 1.5em 0 1.5em 0 !important;
margin: 0 2% !important;
box-shadow: none !important;

page-break-inside: avoid;
}

.galerieblock2 .pseudocols>ul{
margin: 0 2%;
position: relative;
}
.galerieblock2 .pseudocols::after{

}

.galerieblock2 .pseudocols>ul>li{
float: left !important;
clear: none !important;
width: auto !important;
margin:  0 10px 10px 0 !important;
padding: 0 !important;
}

.pseudocols>ul>li .bild{
float: right;
display: inline;
width: 33%;
margin: 0em 0 0.2em 1.5em;
padding-bottom: 0 !important;
height: auto !important;
}

.galerieblock2 .pseudocols>ul>li>.bild{
float: none;
display: block;
width: auto;
margin: 0;
}
.galerieblock2 .pseudocols>ul>li>.bild img{
display: block;
height: 110px;
width: auto;
}

div.pseudocols>ul>li .text{
display: block;
}

div.pseudocols>ul>li h3{
margin: 0 0 0.5em 0;
font-size: 1em;
line-height: 1.2em;
position: relative;
}

div.pseudocols>ul>li h3>span.datum{
position: absolute;
left: 0;
bottom: 100%;
display: block;
font-size: 0.75em;
line-height: 1.2em;
font-weight: 400;
margin: 0 0 0.5em 0;
}

div.pseudocols>ul>li .text blockquote{
display: block;
margin: 0;
}

div.pseudocols>ul>li .text p{
margin:  0 0 1.363636363636364em 0;
font-weight: 400;
}

.formblock{
display: none;
}

div#vid_overlay{
display: none;
}




section>.inner>.vid_yt{
position: relative;
margin: 3em 2% 3em 2%;
}


#sc_osm{
margin: 0 2%;
}

#osm_cnt{
clear: both;
width: auto;
margin: 0 0%;

position: relative;

width: 200%;
height: 740px;
margin-bottom: -350px;
transform-origin: left top;
transform: scale(0.5, 0.5);
overflow: hidden;
position: relative;

}

.leaflet-map-pane{
}

.leaflet-tile-pane{
}

.leaflet-layer{
}

.leaflet-tile-container{
}

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

.leaflet-bar{
display: none;
}



/* Auflistungen */

.auflistungblock{
clear: both;
padding: 0;
}

#content .auflistungblock ul.ab_gruppenliste{
list-style: none;
margin: 0;
}

#content .auflistungblock ul.ab_gruppenliste>li{
list-style: none;
margin: 0;
margin-top: 2em;
}
#content .auflistungblock ul.ab_gruppenliste>li:first-child{
margin-top: 0;
}

#content .auflistungblock ul.ab_gruppenliste h3{
font-size: 1.157894736842105em;
line-height: 1.363636363636364em;
text-transform: uppercase;
color: #000000;
padding: 0.681818181818182em 1em;
border: 2px solid #000000;
}


#content .auflistungblock ul.ab_gruppe{
list-style: none;
margin: 0;
}

#content .auflistungblock ul.ab_gruppe>li{
list-style: none;
width: auto;

margin: 0;
display: block;
position: relative;
overflow: hidden;

min-height: 50px;
padding: 2em 0;
border-top: 1px solid #777;
box-sizing: border-box;

page-break-inside: avoid;
}

#content .auflistungblock ul.ab_gruppe>li:first-child{
border: 0;
}


.auflistungblock ul.ab_gruppe>li h4{
position: relative;
width: 100%;
order: 1;
font-size: 1.157894736842105em; 
line-height: 1.4em;

text-transform: uppercase; 
font-weight: 700; 
}

.auflistungblock ul.ab_gruppe>li>.text{
display: block;
width: auto;
margin: 0;
position: relative;

order: 2;
}

.auflistungblock ul.ab_gruppe>li>.bild+.text{
/*max-width: 60%;*/
}

.auflistungblock ul.ab_gruppe>li>.bild{
width: 33%;
margin: 0 0 0.2em 1.5em;
overflow: hidden;
display: inline-block;
float: right;
position: relative;

}
.auflistungblock ul.ab_gruppe>li>.bild>a{
display: block;
width: 100%;
overflow: hidden;
position: relative;
text-decoration: none;
}

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

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt{
padding-bottom: 18.4%;
height: 0;
overflow: hidden;
}

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt>a{
display: none;
}

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt img{
width: 100%;
height: auto;
margin: -9.5% 0;
}

.auflistungblock ul.ab_gruppe>li .text>div{
position: relative;
width: 20.512820512820513%;
margin: 0 0 0 2.564102564102564%;
}

.auflistungblock ul.ab_gruppe>li .text p,
.auflistungblock ul.ab_gruppe>li .text ul{
margin-bottom: 0.789473684210526em;
}

#content .auflistungblock ul.ab_gruppe>li .text ul{
margin: 0 0 0.368421052631579em 0;
}

#content .auflistungblock ul.ab_gruppe>li .text ul li{
margin-bottom: 0.368421052631579em;
}

.auflistungblock ul.ab_gruppe>li .text p.mehr{
margin-top: 1.2em;
margin-bottom: 0em;
}

.vidblock{
margin: 0 2%;
text-align: right;
}
.vidblock video{
display: block;
width: 100%;
}
.vidblock + .inner{
padding: 1em 0;
}
.vidblock + .inner .text{
margin: 0 2%;
text-align: center;
border-bottom: 1px solid #777;
}

.filterblock{
margin: 0 2%;
text-align: right;
}


#content ul.kachelnliste{
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0 0;

}

#content ul.kachelnliste>li{
width: 96%;
margin: 0 2%;

padding: 2em 0;
border-top: 1px solid #777;
position: relative;
min-height: 50px;

clear: both;
page-break-inside: avoid;

overflow: hidden;
}

#content ul.kachelnliste>li>h3{

}

#content ul.kachelnliste>li>.bild{
float: right;
display: block;
width: 33%;
margin: 0 0 0.5em 1.5em;
}

#content ul.kachelnliste>li>.bild>img,
#content ul.kachelnliste>li>.bild>picture img{
display: block;
width: 100%;
}

#content ul.kachelnliste>li>.text{
display: block;
width: 62%;
float: left;
}

#content .kachelnblock.icons ul.kachelnliste>li .text{
padding-top: 4em;
position: relative;
}

#content .kachelnblock.icons ul.kachelnliste>li .text div.icon{
content: "";
position: absolute;
top: 0;
left: 0%;

width: 100%;
padding-bottom: 3em;
height: 0;
border-radius: 0;

box-shadow: none;
}

#content .kachelnblock.icons ul.kachelnliste>li .text div.icon>img{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: contain;
object-position: left top;

display: block;
width: 100%;
height: 100%;
font-size: 0.01em;

filter: grayscale(100%) brightness(0%);
}





#content ul.klickkachelnliste{
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0 0;

}

#content ul.klickkachelnliste>li{
width: 96%;
margin: 0 2%;

padding: 2em 0;
border-top: 1px solid #777;
position: relative;
min-height: 1.6em;

clear: both;
page-break-inside: avoid;

overflow: hidden;
}

#content ul.klickkachelnliste>li h3{

}

#content ul.klickkachelnliste>li .bild{
float: right;
display: block;
width: 33%;
margin: 0 0 0.5em 1.5em;
}

#content ul.klickkachelnliste>li .bild>img,
#content ul.klickkachelnliste>li .bild>picture img{
display: block;
width: 100%;
}

#content ul.klickkachelnliste>li .text{
display: block;
width: 62%;
float: left;
}
#content ul.klickkachelnliste > li .text>:last-child {
margin-bottom: 0;
}

#content .klickkachelnblock.icons ul.klickkachelnliste>li .text .icon{
display: none;
}

#content ul.klickkachelnliste>li>a{
display: block;
text-decoration: none;
}



#content ul.klickkachelnliste2{
clear: both;
list-style: none;
padding: 0;
margin: 0 0 0 0;

}

#content ul.klickkachelnliste2>li{
width: 96%;
margin: 0 2%;

padding: 2em 0;
border-top: 1px solid #777;
position: relative;
min-height: 50px;

clear: both;
page-break-inside: avoid;

overflow: hidden;
}

#content ul.klickkachelnliste2>li h3{

}

#content ul.klickkachelnliste2>li .bild{
float: right;
display: block;
width: 33%;
margin: 0 0 0.5em 1.5em;
}

#content ul.klickkachelnliste2>li .bild>img,
#content ul.klickkachelnliste2>li .bild>picture img{
display: block;
width: 100%;
}

#content ul.klickkachelnliste2>li .text{
display: block;
width: 62%;
float: left;
}

#content ul.klickkachelnliste2>li>a{
display: block;
text-decoration: none;
}




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

#content ul.bilderliste>li{
float: left;
display: inline-block;
list-style: none;
width: 46%;
margin: 2%;
position: relative;
min-height: 50px;
color: #000000;

page-break-inside: avoid;
}
#content ul.bilderliste.third>li{
width: 29.33%;
}

#content ul.bilderliste:not(.third)>li:nth-child(2n-1){
clear: left;
}
#content ul.bilderliste.third>li:nth-child(3n-2){
clear: left;
}


#content ul.bilderliste>li .bild{

}

#content ul.bilderliste>li .bild>img,
#content ul.bilderliste>li .bild>picture img{
display: block;
width: 100%;
aspect-ratio: 800/548;
object-fit: cover;
}

#content ul.bilderliste>li .vid_yt{
overflow: hidden;
}

#content ul.bilderliste>li .vid_yt .ytplayer{
border-radius: 0;
}

#content ul.bilderliste>li .bild>p.legende{

}






#content ul.galerieliste{
list-style: none;
margin: 0 0 0 2%;
overflow: visible;

page-break-inside: avoid;
}

#content ul.galerieliste li{
width: 24.85%;
box-sizing: border-box;
padding: 0 10px 10px 0;
margin: 0; 
float: left;
display: inline-block;

page-break-inside: avoid;
}


#content ul.galerieliste li:nth-child(4n-3){
clear: left;
}

#content ul.galerieliste li img{
display: block;
width: 100%;
}

#content ul.galerieliste li>a{
display: block;
width: 100%;
overflow: hidden;
position: relative;
text-decoration: none;
}



#sc_special{}

#content #sc_special>.inner{
margin: 3em 2%;
padding: 1em;
border: 2px solid #000;
}

#content #sc_special>.inner>h2{
margin: 0 0 0.5em 0;
}

.specialblock{

}

.specialblock p{
margin-bottom: 0;
}

.specialblock em,
.specialblock i{
display: block;
font-size: 1.5em;
line-height: 1.2em;
margin: 0.75em 0;
font-style: normal;
font-weight: 700;
color: #777;
}

.specialblock blockquote{
font-size: 1.5em;
line-height: 1.5em;
padding-left: 3em;
}

.specialblock blockquote>p{
margin-bottom: 0.5em;
}

.specialblock blockquote+p.autor{
padding-left: 4.5em;
/*margin-bottom: 0;*/
opacity: 0.8;
}

.specialblock>:last-child{
margin-bottom: 0;
}


.specialblock .bild{
width: 33%;
flex-grow: 0;

margin-right: 2%;

float: left;
display: inline-block;
}

.specialblock .text{
margin: 0;
}

.specialblock .bild + .text{
width: 65%;
}



p.mehr{
display: none;
}


.nowrap{
white-space: nowrap;
}




#content div.buttonleiste>ul{
display: none;
}





div.dfblock{
clear: both;
margin: 0 2% 3em 2%;
}

div.dfblock .df_intro{

}

div.dfblock .df_intro h2{
margin-bottom: 1.5em;
}

div.dfblock .df_intro .bild{
margin: 0em 0 0 0;
float: right;
width: 30%;
}

div.dfblock .df_daten{

}

#content div.dfblock .df_daten ul.df_liste{
page-break-inside: avoid;

}

#content div.dfblock .df_daten ul.df_liste>li{

}

div.dfblock .df_daten ul.df_liste>li>span.pt1{
font-weight: bold;
}
div.dfblock .df_daten ul.df_liste>li>span.pt2{

}






div.personenblock{
clear: both;
margin: 0 2% 3em 2%;
}


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

#content ul.personenliste li{
clear: both;
margin: 0;
padding: 1em 0;
border-top: 1px solid #777;
page-break-inside: avoid;
}

#content ul.personenliste li>.bild{
display: block;
width: 15%;
height: 0;
padding-bottom: 15%;
overflow: hidden;
float: right;
position: relative;
border-radius: 50%;
margin: 0;
}
#content ul.personenliste li>.bild>img{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}

#content ul.personenliste li>.text{
overflow: hidden;
min-height: 98px;
}

#content ul.personenliste li>.text h3{
text-transform: none;
margin-bottom: 0;
}

#content ul.personenliste li>.text h3+p.funktion{

}

#content ul.personenliste li>.text p.funktion{
font-weight: 700;
margin-bottom: 0;
}

#content ul.personenliste li>.text p.nummern{

}

#content ul.personenliste li>.text p.nummern .email>span{
position: absolute;
left: -99999px;
}

#content ul.personenliste li>.text .tab {

}

#content ul.personenliste li>.text :last-child{
margin-bottom: 0;
}



/* Bereichs-spezifische Styles */

#b_home #hl_main{
margin-bottom: 0;
}

#b_home #breadcrumbs{
display: none;
}

#homespecial_pic1,
#homespecial_pic2{
display: block;
width: auto;
margin-bottom: 1em;
}


#content ul.aktuellliste {
display: block;
list-style: none;
margin: 0 2%;
}

#content ul.aktuellliste > li {
clear: both;
float: none;
display: block;
width: auto;
height: auto !important;
overflow: hidden;
margin: 3em 0 0 0;

page-break-inside: avoid;
}


#content ul.aktuellliste>li>.bild{
width: 20%;
height: auto;
padding:0;
float: right;
margin: 0 0 0 0;
}

#content ul.aktuellliste>li>.bild img{
height: 100%;
object-fit: cover;
}

#content ul.aktuellliste>li>.text{
width: 78%;
height: auto !important;
padding: 0 0 0 0;
float: left;
box-sizing: border-box;
overflow: hidden;
}


ul.aktuellliste>li p.mehr{
position: relative;
padding: 0;
float: right;
width: auto;
}

ul.aktuellliste>li h3{
/*
font-size: 1em;
line-height: 1.2em;
*/
text-transform: none;
position: relative;
}

ul.aktuellliste>li h3>span.datum{
display: block;
font-size: 0.8em;
line-height: 1.2em;
font-weight: 400;
margin: -0.25em 0 0.25em 0;
}





#content .auflistungblock>ul {
display: block;
list-style: none;
margin: 0 2%;
}

#content .auflistungblock>ul > li {
clear: both;
float: none;
display: block;
width: auto;
height: auto !important;
overflow: hidden;
margin: 3em 0;

page-break-inside: avoid;
}


#content .auflistungblock>ul>li>.bild{
width: 20%;
height: auto;
padding:0;
float: right;
margin: 0 0 0 0;
}

#content .auflistungblock>ul>li>.bild img{
display: block;
width: 100%;
}

#content .auflistungblock>ul>li>.text{
width: 78%;
height: auto !important;
padding: 0 0 0 0;
float: left;
box-sizing: border-box;
overflow: hidden;
}

#content .auflistungblock>ul>li>.text>*{
margin: 1em 0 0 0;
}
#content .auflistungblock>ul>li>.text>:first-child{
margin-top: 0;
}


.auflistungblock>ul>li p.mehr{
position: relative;
padding: 0;
float: right;
width: auto;
}

.auflistungblock>ul>li h3{
/*
font-size: 1em;
line-height: 1.2em;
*/
text-transform: none;
position: relative;
}




#zitatebox{
}

#zitatebox>h3{
margin-top: 3em;
margin-bottom: 1em;
}

#zitatebox>ul{
list-style: none !important;
}

#zitatebox>ul>li{
display: block;
margin: 2em 0 3em 0;
}

#zitatebox>ul>li.aktiv{
}

#zitatebox>ul>li>blockquote{
display: block;
}
#zitatebox>ul>li>blockquote+p.autor{
display: block;
/*text-align: right;*/
font-size: 0.8em;
line-height: 1.2em;
margin: 1em 0 0 0;
padding-left: 4.375em;
}




.logoblock{
page-break-inside: avoid;
margin: 3em 0;
}

#content .logoblock>ul{
clear: both;
list-style: none;
display: block;
margin: 0em 0;
}

#wrapper #content section .logoblock>ul>li{
height: auto !important;
position: relative;
page-break-inside: avoid;
border: 0;
display: inline-block;
float: left;
width: 33.3%;
height: 100px !important;
padding: 2%;
margin: 0;
box-sizing: border-box;
overflow: hidden;
}
#content .logoblock>ul>li:nth-child(3n-2){
clear: left;
}

#content .logoblock>ul>li .bild{
display: block;
margin: 0 0 0 0;
overflow: hidden;
width: 100%;
height: 100%;
}
#content .logoblock>ul>li .bild img{
width: 100%;
height: 100%;
object-fit: contain;
}




#content div.leistungenblock{
clear: both;
margin: 2em 2%;
}

#content div.leistungenblock>ul{
list-style-type: none !important;
}

#content div.leistungenblock>ul>li{
margin: 0 0 0 0;
padding: 0;

position: relative;
overflow: hidden;

border-top: 1px solid #777;
}

#content .leistungenblock>ul>li>h4{
margin: 0.5em 0;

}

div.leistungenblock ul>li>.contents{
overflow: hidden;
padding: 0em 0 0.5em 0;
}




div.job_details{
margin-bottom: 2.947368421052632em;

page-break-inside: avoid;
}

div.job_details p{
margin: 0.0em 0;
white-space: nowrap;
}
div.job_details p.job_ort{

}

section.sc_job p .job_label{
display: inline-block;
font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);

width: 8em;
}
section.sc_job p .job_value{
display: inline-block;
max-width: calc( 100% - 8em );
}

div.job_description{
margin-bottom: 2.947368421052632em;
}

div.job_location{
margin-bottom: 2.947368421052632em;

page-break-inside: avoid;
}

div.job_location dl{
display: flex;
flex-wrap: wrap;
}
div.job_location dt{
font-weight: 700;

box-sizing: border-box;
padding-right: 1em;

width: 8em;
}
div.job_location dd{
width: 100%;
max-width: calc( 100% - 8em );
}

div.job_kontakt{}

div.job_kontakt p{
margin: 0.0em 0;
white-space: nowrap;
}







#b_kontakt #osmblock,
#b_kontakt #sc_kontaktform,
form.k_form{
display: none;
}




#b_suchergebnisse{}

ul#suchergebnisliste{
list-style: none;
margin: 0 2%;
}
ul#suchergebnisliste li{
margin: 0 !important;
padding: 2px 0;
/*border-top: 1px solid #777;*/
page-break-inside: avoid;
}
ul#suchergebnisliste li a{
padding: 1.5em 0 1.5em 0px;
display: block;
text-decoration: none;
font-weight: normal;
color: #000000;
position: relative;
}

ul#suchergebnisliste li a h3{
color: #000000;
margin-top: 0;
margin-bottom: 0.3em;
}

ul#suchergebnisliste li a p.textausschnitt{
margin-bottom: 0.5em;
}

ul#suchergebnisliste li a p.pfad{
font-size: 0.9em;
line-height: 1.2em;
margin: -0.75em 0 0 0;

}
ul#suchergebnisliste li a p.pfad>span{
margin-right: 7px;
padding-left: 13px;
display: inline-block;
position: relative;

}
ul#suchergebnisliste li a p.pfad>span.offscreen{
position: absolute;
}

ul#suchergebnisliste li a p.pfad>span:after{
content: ">";
font-size: 1.2em;

margin-top: 0em;
margin-right: 0;
position: absolute;
left: -2px;
top: 0px;

    -ms-transform: scale(0.6,1); /* IE 9 */
    -webkit-transform: scale(0.6,1); /* Chrome, Safari, Opera */
    transform: scale(0.6,1);
	
color: #888888;

-webkit-font-smoothing: antialiased;
}
ul#suchergebnisliste li a p.pfad span:first-child{
padding-left: 0;
}
ul#suchergebnisliste li a p.pfad span:first-child:after{
display: none;
}



div#consent_manager-background{
display: none !important;
}

/* 2023-05-16 */


