* {margin:0; padding:0; border:0;}
html {overflow-y:scroll; background-color:#fff;}
body {min-width:48em; font-size:100%; text-align:center; color:#000; word-wrap:break-word;}
body, input, textarea, select {font-family:Arial, Helvetica, Droid, "Trebuchet MS", Tahoma, Geneva, sans-serif;}
body.zoom-2 {font-size:125%;}
body.zoom-3 {font-size:150%;}
body.mce-content-body {text-align:left; width:32em; height:auto; min-width:0; min-height:190px; margin:0; padding:10px 1.5em; background:none #fff; box-shadow:0 0 0.5em 0.125em #555;}
.clear {clear:both;}
.center {text-align:center;}
.pointer {cursor:pointer;}
.hidden, .print {display:none;}
.nowrap {white-space:nowrap;}
.relative {position:relative;}

/*Editorsyles*/
.schwarze-text-klasse{color:#000; text-shadow:3px 3px 4px #777;}
body.mce-content-body .weisse-text-klasse{ color:#fff; text-shadow:3px 3px 4px #777;}
.blaue-text-klasse{color:#3496B5; text-shadow:3px 3px 4px #777;}
.arial-text-klasse{font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}
.times-text-klasse{font-family: "Times New Roman", "Times", "Georgia", serif;}
.schreib-text-klasse{font-family: "Comic Sans MS", "Comic Sans", cursive, serif;}
.gross-text-klasse{font-size:1.25em;}
.groesser-text-klasse{font-size:1.5em;}

/*Layout*/
#rahmen {position:relative; width:75em; margin:0 auto; text-align:left; background-color:#fff;}
#kopf {position:relative; width:100%; height:12.75em; overflow:hidden;}
#logo {width:14.375em; margin:0 auto; padding-top:3em; text-align:center;}
/* #logo img {width:14em; height:5em;} */
#logo a {display:block; text-decoration:none;}
#logo span {font-size:1.625em; line-height:1.125em; color:#000;}
.logotext-bold {font-weight:bold;}
#slogan {line-height:0.875em;}
#slogan span {font-size:0.75em;}
#seite {position:relative; width:100%; padding-bottom:1.5em;}
/* #spalte-links {display:inline; float:left; width:13em; clear:left; padding:2em 0; overflow:hidden;} */
#spalte-mitte {width:100%; padding:0 0 2em 0; margin-right:1.5em; overflow:hidden; background-color:#fff;} /* min-height:25em;  */

/* https://www.w3schools.com/howto/howto_css_aspect_ratio.asp */
body.inhalt-seite-buehne #spalte-mitte {position:relative; padding-top:52.5%;}

#buehne-auf {position:absolute; top:26em; left:28.5em; width:18em; height:1em; margin:0 auto; background-color:#3496B5; color:#fff; z-index:10000; text-align:center; text-transform:uppercase; font-weight:bold; padding:0.875em 0 1.125em; border-radius:2em; cursor:pointer;}
#buehne-auf:hover, #buehne-auf:active, #buehne-auf:focus {background:rgba(255,255,255,0.7); color:#3496B5; text-decoration:underline;}
#curtain-debug-info {display:none; position:absolute;  top:-12.5em; left:-11em; width:20em; height:12em; background-color:cornflowerblue;}
#curtain-debug-info button {height:3em; width:2em;}

body.inhalt-seite-buehne #inhalt-bereich-1 #element2 {position:absolute; top:0; left:0;}
.inhalt-beitrag-buehne img {
    /*
    mask: url('maske-soft-300.png');
    mask-size: 100%;
    -webkit-mask: url("maske-soft-300.png");
    -webkit-mask-size: 100%;
    */
}

/*
#videobuehne {
    / * mask: url('maske-soft-300.png'); * /
    mask: url('maske-senkrecht.png');
    mask-size: 100%;
    mask-repeat: no-repeat;
    -webkit-mask: url("maske-senkrecht.png");
    / *-webkit-mask: url("maske-soft-300.png");* /
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
}
*/
/*
#videobuehne {
    / *Chrome,Safari* /
    -webkit-clip-path: polygon(503px 422px, 575px 418px, 580px -2px, 513px 1px);

    / *Firefox* /
    clip-path: url("#clipPolygon");
}
*/


body.inhalt-seite-buehne #spalte-mitte {}
#nav {padding:0 0 0 1.5em;}
#inhalt-fuss {clear:both;}
#fuss {position:relative; padding:2.5em 0; border-top:0.125em solid #3496B5;}
.separator {width:49%; height:0.125em; margin:0.75em auto; background-color:#3496B5;}

/*Funktionen*/
#funktionen {display:none;}
/*
#funktionen {float:right; width:3.5em; padding-top:0.25em; text-align:right;}
#funktionen li {display:inline; margin-left:5px; list-style:none;}
ul.websites-liste li {margin:0 0.5em; display:inline; list-style:none; font-size:0.875em;}
*/

/*Kopfnavigation*/
/*
body.desktop #kopf #nav1 {position:absolute; top:0; left:0; width:100%; clear:both; text-align:right; overflow:hidden;}
body.desktop #kopf ul.nav-liste {padding:0.25em 1em 0.25em 0;}
body.desktop #kopf ul.nav-liste li {display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;}
body.desktop #kopf ul.nav-liste a {text-decoration:none; font-size:0.875em; font-weight:normal; font-style:normal; outline:0;}
body.desktop #kopf ul.nav-liste a span {cursor:pointer;}
body.desktop #kopf ul.nav-liste a:visited {text-decoration:none;}
body.desktop #kopf ul.nav-liste a.nav-aktiv-link,
body.desktop #kopf ul.nav-liste a:active,
body.desktop #kopf ul.nav-liste a:hover,
body.desktop #kopf ul.nav-liste a:focus {color:#555; text-decoration:underline;}
body.desktop #kopf li.nav-aktiv > a {}
*/

/*Bereichsnavigation*/
/*
body.desktop #nav-bereich {width:100%; height:2em; background-color:#ccc; overflow:hidden;}
body.desktop #nav-bereich ul.nav-liste li {float:left; line-height:normal; list-style:none; font-size:1em;}
body.desktop #nav-bereich ul.nav-liste a {display:block; padding:0.5em 0.8em 0.625em 0.8em; text-transform:uppercase; text-decoration:none; color:#222;  font-weight:normal; font-style:normal; background-color:#ccc; outline:0;}
body.desktop #nav-bereich ul.nav-liste a span {font-size:0.875em; cursor:pointer;}
body.desktop #nav-bereich ul.nav-liste a:visited {text-decoration:none;}
body.desktop #nav-bereich li.nav-aktiv a,
body.desktop #nav-bereich ul.nav-liste a.nav-aktiv-link,
body.desktop #nav-bereich ul.nav-liste a:active,
body.desktop #nav-bereich ul.nav-liste a:hover,
body.desktop #nav-bereich ul.nav-liste a:focus {background-color:#fff; color:#555; text-decoration:none;}
body.desktop #nav-bereich li.nav-aktiv > a {}
*/

/*Seitennavigation*/
/*
.nav-titel {padding:0 1em 0.5em 1.5em;}
.nav-titel span {font-size:1.25em;}
body.desktop #nav2, body.desktop #nav3 {width:12em; padding:0 0 0.5em 0; overflow:hidden;}
body.desktop #spalte-links ul.nav-liste {margin:0; padding:0.5em 0;}
body.desktop #spalte-links ul.nav-liste ul {padding:0 0 0.5em 1em;}
body.desktop #spalte-links ul.nav-liste li {position:relative; padding:0; height:auto; line-height:normal; list-style-type:none; font-size:1em;}
body.desktop #spalte-links ul.nav-liste li li {padding:0;}
body.desktop #spalte-links ul.nav-liste a {display:block; padding:0.25em 0; text-decoration:none; font-size:1em; font-weight:normal; font-style:normal; outline:0;}
body.desktop #spalte-links ul.nav-liste a.ebene1 {padding-left:1em;}
body.desktop #spalte-links ul.nav-liste ul a {padding-left:0.25em; font-size:0.875em;}
body.desktop #spalte-links ul.nav-liste a:before {position:absolute; left:0; top:0; content:"\00BB\00A0"; padding-top:inherit;}
body.desktop #spalte-links ul.nav-liste ul a:before {content:"\2003";}
body.desktop #spalte-links ul.nav-liste a span {cursor:pointer;}
body.desktop #spalte-links ul.nav-liste a:visited {text-decoration:none;}
body.desktop #spalte-links ul.nav-liste a.nav-aktiv-link,
body.desktop #spalte-links ul.nav-liste a:active,
body.desktop #spalte-links ul.nav-liste a:hover,
body.desktop #spalte-links ul.nav-liste a:focus {color:#555; text-decoration:underline;}
body.desktop #spalte-links li.nav-aktiv > a {}
*/

/*Fussnavigation*/
body.desktop #nav4 {clear:both; overflow:hidden;}
body.desktop #fuss ul.nav-liste {}
body.desktop #fuss ul.nav-liste li {display:inline; line-height:normal; list-style:none; margin:0 1.5em; font-size:1em;}
body.desktop #fuss ul.nav-liste li.erster {margin-left:0;}
body.desktop #fuss ul.nav-liste a {text-decoration:none; font-size:0.875em; font-weight:normal; font-style:normal; outline:0; color:#000;}
body.desktop #fuss ul.nav-liste a span {cursor:pointer;}
body.desktop #fuss ul.nav-liste a:visited {text-decoration:none;}
body.desktop #fuss ul.nav-liste a.nav-aktiv-link,
body.desktop #fuss ul.nav-liste a:active,
body.desktop #fuss ul.nav-liste a:hover,
body.desktop #fuss ul.nav-liste a:focus {color:#3496B5; /*text-decoration:underline;*/}
body.desktop #fuss li.nav-aktiv > a {}

/*Inhaltsbereich und Textgestaltung*/
h2, h3 {padding:0.5em 0 0.5em 0;}
h4, h5, h6, caption {padding:0.625em 0 0.25em 0;}
dl, p, address, .p {padding:0.375em 0 0.5em 0;}
td, th, dl, li, p, pre, address, blockquote, .p {font-size:0.875em; line-height:135%;}
h1 {width:26em; font-size:1em; font-weight:normal; padding-bottom:2.5em; overflow:hidden; color:#3496B5;}
h1 span {font-size:1.5em; font-weight:normal; line-height:120%;}
body.inhalt-seite-buehne h1 {display:none;}
h2 {font-size:1.25em; font-weight:bold; color:#3496B5;}
h3, caption {font-size:1.125em; font-weight:bold;}
h4 {font-size:1em; font-weight:bold;}
h5 {font-size:0.875em; font-weight:bold;}
h6 {font-size:0.875em; font-weight:normal;}
strong {font-weight:bold; font-style:normal;}
em {font-weight:normal; font-style:italic;}
em strong, strong em {font-weight:bold; font-style:italic;}
address, cite, blockquote {font-weight:normal; font-style:normal;}
acronym, abbr {white-space:nowrap;}
acronym, abbr, cite[title], .help[title] {cursor:help; border-bottom:1px dotted #bbb;}
hr {clear:both; padding:0; height:1px; color:#ccc; background-color:#ccc; border:0;}
pre {clear:both; margin:0.75em 0; width:auto; padding:0.5em; font-size:1em; background-color:#eee; border:1px solid #ccc; word-wrap:normal; overflow:auto;}
pre, hr {margin:0.3125em 0 0.625em 0;}
/*
body.inhalt-seite-buehne blockquote {position:relative; padding:0.5em 0; margin:0 auto; text-align:center; font-size:2em; font-weight:bold; font-style:normal;}
body.inhalt-seite-buehne blockquote cite {color:#fff; font-size:0.8125em; display:block; margin-top:1.75em; border:0; cursor:default;}
blockquote {position:relative; padding:0.5em 1em 0.5em 4em; margin:0; text-align:left; font-size:1.125em; font-style:normal;}
*/
/*blockquote:before {content:"\201C"; font-size:5em; position:absolute; left:0.125em; top:0.4375em; color:#3496B5;}*/
blockquote cite {color:#3496B5; font-size:0.8125em; display:block; margin-top:0.25em; border:0; cursor:default;}
blockquote cite[title] {border:0;}
blockquote cite:before {content:"\2014 \2009";}
li *, dl *, p *, pre *, address *, blockquote * {font-size:1em; padding:0; margin:0;}
li li {font-size:1em;}
dl, blockquote {clear:left;}
dt {font-weight:bold;}
dd {padding-bottom:0.5em;}
dd:last-child {padding-bottom:0;}
sup, sub {position:relative; top:-0.5em; vertical-align:baseline; font-size:75%; line-height:100%;}
sub {top:0.25em;}
iframe {width:100%; height:100%;}
fieldset, textarea, input.text, input.submit, select {border:1px solid #ccc;}
option {padding-left:0.4375em}
button {border:0; cursor:pointer;}
legend, label, .label, input, select {font-size:0.875em;}
textarea, fieldset {display:block; font-size:1em;}
fieldset {margin-bottom:0.5em; padding:0.4375em;}
legend {font-weight:bold;}
textarea {width:98%; max-width:98%; height:10em;}
textarea, select, input.text {background-color:#fff;}
input.checkbox {margin:0.2em 0; border-width:1px;}
input.text {height:1.5em;}
input.submit {padding:0.5em;}
input.checkbox, input.submit, label, select {cursor:pointer;}
input.submit:hover, input:focus, textarea:focus, select:focus {background-color:#eee;}

/*Videobuehne*/
#videobuehne {width:100%; visibility:visible; opacity:1; transition: opacity 2s linear;}
#videobuehne-overlay {width:100%; visibility:visible; opacity:1; transition: opacity 2s linear;}
#videobuehne.hidevideo {/*visibility:hidden; opacity:0; */transition:visibility 2s, opacity 2s linear;}
#videobuehne-overlay.hidevideo {visibility:hidden; opacity:0; transition:visibility 0.3s, opacity 0.3s linear;}
body.inhalt-seite-buehne #element1 {position:absolute; top:0;}

#clickCatchHelper {position:absolute; top:0; width:100%; height:100%; cursor:crosshair;}
.helperline {position:absolute; width:100%; margin:0!important;}

/* #videobuehne {display:none;} */
#videobuehne {
    /* clip-path: polygon(0 0, 39% 0, 41% 19%, 34% 36%, 34% 55%, 37% 79%, 44% 100%, 0 100%); */
    clip-path:url(#myClip);
}

/*
      <polygon points="0,0 468,0 492,114 408,216 408,330 444,474 528,600 0,600"/>
      <polygon points="1200,0 708,0 636,126 612,258 696,402 696,504 636,600 1200,600" />
 */

#videobuehne-overlay {position:absolute; top:0; left:0;}


/* individuelles Volume-Control Main Container Lautstärke slider mit mute*/
.slidecontainer {position:relative; height:33px; width:100px; background-color:#3496b5; border-radius:25px; margin-top:20px;}
#svglabel {position:relative; left:12px; top:5px;}
.slider {-webkit-appearance:none; position:relative; width:50px; height:3px; background:#7ec3db; outline:none; top:5px; left:8px; vertical-align:middle;}
.slider:hover {background-color:#2ec3db;}
.slider::-moz-range-thumb {width:15px; height:15px; background:#ffffff; border-radius:50%; cursor:pointer;}
.slider:hover::-moz-range-thumb {background-color:#2ec3db;}
.slider::-webkit-slider-thumb {-webkit-appearance:none; appearance:none; width:15px; height:15px; background:#ffffff; border-radius:50%; cursor:pointer;}
.slider:hover::-webkit-slider-thumb {background-color:#2ec3db;}
#svgDiv {position:absolute; background-color:transparent; height:24px; width:24px; left:70px; top:4px;}
.svgSound:hover {stroke:#2ec3db; fill:#2ec3db;}
#svgSoundOff {display:none;}


/*### Rechtliches Datenschutz, Cookiehinweis und Consent-Manager ###*/
/*Datenschutz im Inhaltsbereich:*/
#dsgvo-auto-datenschutz p, #dsgvo-auto-datenschutz .p, #dsgvo-auto-datenschutz dd, #dsgvo-auto-datenschutz address {max-width:60em;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene1 {counter-reset:listenpunkt_ebene1; list-style-type:none;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene1 li:before {content: counter(listenpunkt_ebene1) ". "; counter-increment:listenpunkt_ebene1;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 {counter-reset:listenpunkt_ebene2; list-style-type:none;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 li:before {content: counter(listenpunkt_ebene1)"."counter(listenpunkt_ebene2,decimal) ". "; counter-increment:listenpunkt_ebene2;}
#dsgvo-auto-datenschutz ol.ol-liste-ebene2 li.inhalt-hide-nummerierung:before {content:""}
.inhalt-formular-dsgvo-datenschutz .inhalt-formular-checkbox-input {width:auto;}
.inhalt-formular-dsgvo-datenschutz .inhalt-formular-checkbox-label {width:auto; float:left; margin-left: 0.4em;}
.inhalt-einwilligung-drittanbieter{position:absolute; top:10%; width:100%; margin:0 auto; text-align:center;}
.inhalt-einwilligung-drittanbieter .js-connect-consentmanager-xhr{background:#454545; background:rgba(0,0,0,0.7); color:#fff; padding:0.5em 0.5em 1em; box-shadow:0 0 8px #555;}
.inhalt-karte-gmap.noconsent{background:url(gm-blockerimg.png) repeat; position:relative;}
.inhalt-media-video{position:relative; background-color:#ccc;}
.inhalt-media-video .inhalt-einwilligung-drittanbieter{top:0;}
.inhalt-media .inhalt-einwilligung-drittanbieter p{padding:0.25em 0.25em 0.75em;}
.dsgvo-kapitel {position:relative;}
.dsgvo-kapitel-zieltag {position:relative; top:-3em; height:0;}
.dsgvo-kapitel .dsgvo-kapitel-zieltag {position:relative; top:-0.5em; height:0;}

/*Cookiehinweis:*/
#cookiehinweis-spacer {height:10em;}
#cookiehinweis {position:fixed; bottom:2em; width:50em; height:10em; z-index:10000; right:5em; text-align:left; background:#000; background:rgba(0,0,0,0.90); color:#fff; box-shadow:0 0 7px 4px #555; overflow-x: auto; overflow-y:hidden;}
body.breit #cookiehinweis {right:8em;}
#cookiehinweis a {color:#b5b5b5; text-decoration:underline;}
#cookiehinweis a:hover, #cookiehinweis a:active, #cookiehinweis a:focus {color:#fff;}
#datenschutzhinweis.js-aktiv {position:fixed; top:0;}/*???*/
#cookiehinweis .zentriert{width:50em; padding-top:0.25em;}
.cookiehinweis-inhalt{padding:0 0.25em 0 1em;}
.cookiehinweis-inhaltstext-links{float:left; width:34em; clear:left; overflow:hidden;}
.cookiehinweis-inhalt .button {float:right; width:15em; text-align:center; padding-top:0.75em; font-size:0.875em;}
.cookiehinweis-inhalt p {font-size:0.8125em; line-height:140%; max-width:inherit;}
#cookiehinweis .submit {height:3em; width:15em; padding:0 0.5em 0 3.5em; margin:0; border:1px solid #fff; background:#403d3d; color:#fff; font-weight:bold; font-size:0.875em; line-height:1em; text-align:left;}
#cookiehinweis .submit:hover, #cookiehinweis .submit:focus {background:#E20A16;}
body.nojquery  #main3rdpartyconsent-submit-ok{display:none;}
#cookiehinweis #main3rdpartyconsent-submit-ok{background:url(cm-icon.png) no-repeat 0 0; background-size:3em;}
#cookiehinweis #main3rdpartyconsent-submit-ok:hover,
#cookiehinweis #main3rdpartyconsent-submit-ok:focus{background-color:#666;}
#cookiehinweis #main3rdpartyconsent-submit-accept{background:#66aa22 url(funktionen/icons/tick_width.png) no-repeat 1em; background-size:1em; border:0;}
#cookiehinweis #main3rdpartyconsent-submit-accept:hover,
#cookiehinweis #main3rdpartyconsent-submit-accept:focus{border:1px solid #fff;}
#cookiehinweis #main3rdpartyconsent-submit-decline, #consent-manager-close{background:url(funktionen/icons/bullet_cross_disabled.png) no-repeat right center; background-size:1em; }
#cookiehinweis #main3rdpartyconsent-submit-decline, #consent-manager-close{height:1em; padding-right:1.5em; padding-left:0; color:#666; text-align:right; border:0;}
#cookiehinweis #main3rdpartyconsent-submit-decline:hover, #consent-manager-close:hover,
#cookiehinweis #main3rdpartyconsent-submit-decline:focus, #consent-manager-close:focus{color:#fff; background-image:url(funktionen/icons/bullet_cross_disabled_white.png);}
#cookiehinweis #form-3rdpartyconsent-decline{padding-top:1.5em;}

/*Consent-Manager*/
#consent-manager {position:fixed; top:0; left:-20em; height:100%; width:20em; z-index:10030; background:#494949; background-color:rgba(55,55,55,0.9); box-shadow:0 0 5px #000; color:#fff; text-align:left; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease; overflow-y:scroll; -webkit-overflow-scrolling:touch;}
#consent-manager.notransition {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
#consent-manager.visible{left:0;}
#consent-manager a{color:#fff; text-decoration:underline;}
#consent-manager a:hover, #consent-manager a:active{text-decoration:none;}
#consent-manager a#consent-manager-close {float:right; font-weight:bold; font-size:0.875em; color:#aaa; text-decoration:none;}
#consent-manager #consentmanager-general-accept {font-size:1em; background:#66aa22 url(funktionen/icons/tick_width.png) no-repeat 1em; padding:0 0 0 2em; height:3em; width:100%;}
#consent-manager #consentmanager-general-accept:hover {border:1px solid #fff;}
#consent-manager #consentmanager-general-text {padding-top:2em;}
#consent-manager .consent-manager-innen {position:absolute; font-size:0.875em; top:0; left:0; width:100%; height:100%;}
#consent-manager .consentmanager-plugin, #consent-manager .consentmanager-text{padding:1em 0.5em; border-bottom:1px solid #777;}
#consent-manager .consentmanager-plugin h3{width:8.5em; float:left; text-align:left; padding-top:1.125em;}
#consent-manager .consentmanager-plugin .consentmanager-buttons{width:8em; float:right;}
#consent-manager .consentmanager-ende{padding-bottom:7em;}
/*Consent-Manager Open-Button:*/
#consent-manager-open{position:fixed; bottom:2em; left:2%; margin-right:-2em; z-index:10040; width:3.75em; height:3.75em; overflow:hidden; outline:none;}
#consent-manager-open{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition: all 0.4s; transition: all 0.4s ease;}
#consent-manager-open.notransition {-webkit-transition:none; -moz-transition:none; -o-transition:none; transition:none;}
#consent-manager-open img{width:3.75em; height:3.75em;}
body.desktop #consent-manager-open.js-open {left:21em;}
body.nojquery #consent-manager-open{display:none;}
/*Consent-Manager Schiebe-Buttons:*/
#consent-manager .js-toogle-switch label{position:relative; display:inline-block; width:8em; height:3.5em;}
#consent-manager .js-toogle-switch input{position:absolute; top:1.6875em; left:3em; outline:0;}
#consent-manager .js-toogle-switch .slider{position:absolute; top:1.5em; left:2em; width:3.5em; height:1.25em; background-color:#eee; border-radius:1em; cursor:pointer;}
#consent-manager .js-toogle-switch .slider,
#consent-manager .js-toogle-switch .slider:before{-webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
#consent-manager .js-toogle-switch .slider:before{position:absolute; content:""; height:1.75em; width:1.75em; left:0; top:-0.25em; background-color:#aaa; border-radius:1em;}
#consent-manager .js-toogle-switch input:focus + .slider{background-color:pink;}
#consent-manager .js-toogle-switch input:checked + .slider:before{background-color:#99d83f; -webkit-transform:translateX(1.9em); -ms-transform:translateX(1.9em); transform:translateX(1.9em);}
#consent-manager .js-toogle-switch.js-text .slider:after {position:absolute; height:1.6em; left:-2.75em; top:0.125em; content:"AUS"; color:#aaaaaa; font-weight:bold; font-size:0.875em;}
#consent-manager .js-toogle-switch.js-text input:checked + .slider:after {position:absolute; left: 4.75em; content:"AN"; color:#99d83f;}
/*### Ende: Rechtliches Datenschutz ###*/

/*Links*/
a {color:#000; text-decoration:underline;}
body.mce-content-body a {color:#000; text-decoration:underline;}
a:visited {text-decoration:underline;}
body.mce-content-body a:hover, a:active, a:hover, a:focus, a.aktiv {color:#3496B5; text-decoration:none;}

/*(Call-to-Action)-Buttons*/
p.button, input.submit {max-width:100%; padding:0; font-size:1em;}
p.button a, form.button input.submit {display:inline-block; margin:1em 0; padding:0.5em 0.75em; height:auto; font-size:1em;}
p.button a, p.button a:visited, input.submit {border:0; background-color:#ddd; text-decoration:none; font-weight:bold; color:#222; cursor:pointer; border:0; border-radius:3px;}
p.button a:hover, p.button a:focus, p.button a:active,
input.submit:hover, input.submit:focus, input.submit:active {text-decoration:none; background-color:#eee;}

/*Maximalbreite für Lesbarkeit: 8-12 Wörter/50-70 Zeichen pro Zeile*/
p, .p, dd, address, .inhalt-formular {max-width:32em;}
li, blockquote {max-width:28em;}

/*Listen*/
body.mce-content-body ul, body.mce-content-body ol, .inhalt-baustein ul, .inhalt-baustein ol {font-size:1em; padding:0.375em 0 0.5em 0; display:table;}
body.mce-content-body ul, .inhalt-baustein ul {list-style-type:disc; padding-left:1.375em;}
body.mce-content-body ol, .inhalt-baustein ol {padding-left:2.8125em;}
body.mce-content-body li, .inhalt-baustein li {padding-bottom:0.375em;}
body.mce-content-body li:last-child, .inhalt-baustein li:last-child {padding-bottom:0;}
body.mce-content-body li ul, body.mce-content-body li ol, .inhalt-baustein li ul, .inhalt-baustein li ol {display:block; font-size:1em; padding:0.5em 0 0 1.5em;}

/*Tabellen*/
caption {caption-side:top; padding:0.3125em 0 0.5em 0; text-align:left;}
table {width:100%; max-width:100%!important; margin:0.175em 0 0.5em 0; clear:both; empty-cells:show; border-collapse:collapse; border-spacing:0; table-layout:fixed; font-size:1em; overflow:hidden;}
td, th {padding:0.375em; vertical-align:top; text-align:left;}
th {font-weight:bold;}
thead th {padding:0.5em 0.375em;}
tr.gerade {background-color:#eee;}
thead tr.gerade {background-color:#222; color:#fff;}
body.mce-content-body th *, body.mce-content-body td *, .inhalt-baustein th *, .inhalt-baustein td * {font-size:1em; padding:0; margin:0;}

/*Bausteine*/
.inhalt-baustein {clear:both; width:100%;}
.inhalt-beitrag, .inhalt-mitteilung, .inhalt-galerie, .inhalt-formular, .inhalt-dokument-liste, .inhalt-skript, .inhalt-suche-ergebnis {}
.inhalt-baustein-inhalt {}
.inhalt-baustein-spalte-links .inhalt-baustein-inhalt,
.inhalt-baustein-spalte-rechts .inhalt-baustein-inhalt,
.inhalt-baustein-spalte-mitte .inhalt-baustein-inhalt {padding:0;}
.inhalt-baustein-spalte-links, .inhalt-baustein-spalte-rechts {float:left; clear:left; width:48%; overflow:hidden;}
.inhalt-baustein-spalte-rechts {float:right; clear:right;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-links {float:left; clear:left; width:31%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte {float:left; width:31%; margin-left:3.5%; min-height:1px; overflow:hidden;}
.inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts {float:right; width:31%; overflow:hidden;}
.inhalt-baustein-4spalten .inhalt-baustein-2spalten{ clear:none; width:49%; float:left; overflow:hidden;}
.inhalt-baustein-4spalten .inhalt-baustein-spalten-rechts{float:right;}

/*Archiv-Seite*/
#inhalt-bereich-1{background:#e7e7e7; border-radius:2em; padding:2em 5em 3em;}
body.inhalt-seite-buehne #inhalt-bereich-1{background:transparent; border-radius:0; padding:0;}

/*Mediaelemente*/
.inhalt-media-rechts, .inhalt-media-links, .inhalt-media-mitte {margin:0.5em 0 1em 0; border:1px solid #ccc; clear:both;}
.inhalt-media-rechts {float:right; margin-left:1.5em;}
.inhalt-media-links {float:left; margin-right:1.75em;}
.inhalt-media-mitte {clear:both; margin:0.5em auto 1em auto;}
.inhalt-media p {width:99%; margin:0 0 0 1px; padding:0.25em 0; font-size:0.8125em; line-height:110%; text-align:center; overflow:hidden;}
.inhalt-media {max-width:100%; overflow:hidden;}

/*Beiträge*/
.inhalt-beitrag-zusatz {clear:both; padding-bottom:0.5em;}
span.inhalt-beitrag-autor {font-weight:bold; font-style:italic;}
p.inhalt-beitrag-infos {padding-bottom:0;}
p.inhalt-kommentare-hinweis, p.inhalt-beitrag-direktlink {padding:0;}
.inhalt-beitrag-facebook {padding-top:0.5em;}
.inhalt-beitrag-facebook iframe {overflow:hidden; width:100%; height:1.6em;}
body.seite .inhalt-beitrag .inhalt-dokument-liste {clear:none;}
body.beitrag .inhalt-beitrag-zurueck {padding-top:1em;}

.inhalt-beitrag-buehne .inhalt-baustein-inhalt, .inhalt-mitteilung-inhalt{position:relative;}
.inhalt-beitrag-buehne {text-align:center;}
.inhalt-beitrag-buehne * {max-width:none;}
.inhalt-beitrag-buehne .inhalt-media, .inhalt-mitteilung .inhalt-media {margin:0;}
.inhalt-beitrag-buehne .inhalt-media .inhalt-media-helper, .inhalt-mitteilung .inhalt-media .inhalt-media-helper {max-height:600px; overflow:hidden;}
.inhalt-beitrag-buehne .inhalt-beitrag-kurztext, .inhalt-mitteilung-kurztext{position:absolute; width:63%; top:4em; left:3em; right:3em; margin:0 auto;}
.inhalt-beitrag-buehne .inhalt-beitrag-kurztext p, .inhalt-mitteilung-kurztext p {font-size:1.125em; line-height:150%;}
.inhalt-beitrag-buehne .weisse-text-klasse{color:#fff;}
.inhalt-beitrag-buehne .blaue-text-klasse{color:#3496B5;}

.inhalt-beitrag-buehne .inhalt-beitrag-infos {display:none;}
.inhalt-beitrag-buehne .inhalt-beitrag-zusatz {z-index:1000; position:relative; width:50%; margin:0 auto;}

/*von Susann zur Anpassung der Mitteilungen an die Bühnenansicht*/
body.mitteilung H1{display:none;}
body.mitteilung #inhalt-bereich-1{padding:0;}
.inhalt-mitteilung-inhalt{position:relative;}
.inhalt-beitrag-buehne {text-align:center;}
.inhalt-beitrag-buehne * {max-width:none;}
.inhalt-mitteilung .inhalt-media {margin:0;}
.inhalt-mitteilung-kurztext{position:absolute; width:63%; top:4em; left:3em; right:3em; margin:0 auto;}
.inhalt-mitteilung-kurztext p {font-size:1.125em; line-height:150%;}
.inhalt-mitteilung-datum{display:none;}
body.inhalt-mitteilung-text-rechts .inhalt-mitteilung-kurztext{float:right; width:50%;}
.inhalt-mitteilung-zurueck{position:absolute; bottom:1em; left:1em; right:1em; margin:0 auto; text-align:center;}

/*Mitteilungen*/
body.seite .inhalt-mitteilung {padding:0.375em 0 0.5em 0;}
body.seite .inhalt-mitteilung .inhalt-mitteilung-datum {float:right; margin-left:2em; font-weight:normal; font-size:0.77777em; color:#666;}
body.mitteilung .inhalt-mitteilung h2.inhalt-mitteilung-datum {font-weight:bold;}
body.seite .inhalt-mitteilung-mehr {padding-top:0;}
body.seite .inhalt-mitteilung-kategorie .inhalt-mitteilung {padding:0.5em 0; border-bottom:1px solid #ccc;}
body.seite .inhalt-mitteilung-kategorie .letzter {border-bottom:0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed {max-width:28em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext {position:relative; min-height:9em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img {float:right; margin:1.4375em 0 0.875em 1.25em; max-height:9em; max-width:9em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(1n+2) {display:block; padding:0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(n) {padding-right:10.5em;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p:nth-child(1n+3) {display:none;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img:nth-child(1) {position:absolute; top:0; right:0; margin:0.5em 0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed ul.inhalt-mitteilung-titel-liste li:nth-child(-n+5) {display:none;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext p.inhalt-kommentare-hinweis {display:block; clear:both; padding:0.5em 0 0.5em 0;}
body.seite .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kategorie-abonnieren {float:right;}
body.seite .inhalt-mitteilung .inhalt-dokument-liste {clear:none;}
body.mitteilung .inhalt-mitteilung-zurueck {padding-top:1em;}

/*Downloadliste*/
.inhalt-dokument-liste {display:none; position:absolute; top:0; width:63%; height:38em; left:3em; right:3em; margin:0 auto;}
.inhalt-dokument-liste .inhalt-dokument-dokumente {position:absolute; width:100%; bottom:1em; text-align:center; }
.inhalt-beitrag .inhalt-dokument-liste, .inhalt-mitteilung .inhalt-dokument-liste {clear:none;}
.inhalt-dokument-download {font-size:1.143em; margin-right:0.25em;}
.inhalt-dokument-liste li img {width:1em; height:1em; margin-bottom:-0.1875em;}
.inhalt-dokument-liste ul {display:block; clear:none; padding-left:0.25em; margin:0; list-style:none; list-style-image:none;}
.inhalt-dokument-liste ul li {margin:0.375em 0; padding:0; background:none; list-style:none; list-style-image:none; max-width:none;}
.inhalt-dokument-liste

/*Galerie*/
.inhalt-galerie {clear:both; width:100%; overflow:hidden;}
.inhalt-galerie .inhalt-baustein-inhalt {padding-bottom:0.05em;}
.inhalt-galerie-titel {padding-bottom:0.5em;}
.inhalt-galerie-bilder {position:relative; padding:0.25em 0 0.5em 0; width:105%;}
.inhalt-galerie-bilder ol {display:block; margin:0; padding:0;}
.inhalt-galerie-bilder ol li {float:left; width:6.25em; height:6.25em; font-size:1em; padding:0; margin:0 1em 1em 0; list-style:none; border:1px solid #ccc; max-width:none;}
.inhalt-galerie-bild {width:6.25em; height:6.25em; text-align:center; overflow:hidden;}

/*Galerie-Slider*/
.inhalt-galerie-gruppen {position:relative; overflow:hidden;}
.inhalt-galerie-gruppe {position:relative; width:60em; float:left; margin-top:-10em; padding-top:10em;}
.inhalt-galerie-gruppen-bilder {width:100%; padding:0; overflow:hidden;}
.inhalt-galerie-gruppe-bilder {position:relative;}
.inhalt-galerie-gruppe ul {display:block; margin:0; padding:0; width:100%;}
.inhalt-galerie-gruppe ul li {float:left; display:block; width:100%; padding:0; margin:0; list-style:none; max-width:100%;}
.inhalt-galerie-gruppe .inhalt-galerie-bild {width:auto; height:100%; text-align:center; overflow:hidden;}
.inhalt-galerie-gruppe .inhalt-galerie-bild img {position:relative;}
.inhalt-galerie-gruppe-vor, .inhalt-galerie-gruppe-zurueck {position:absolute; top:50%; margin-top:-2em; display:block; width:2em; height:4em;}
.inhalt-galerie-gruppe-vor a, .inhalt-galerie-gruppe-zurueck a {display:block; height:4em; width:2em; background-color:#ad8f6b; text-align:center; outline:0;}
.inhalt-galerie-gruppe-vor a:hover, .inhalt-galerie-gruppe-zurueck a:hover,
.inhalt-galerie-gruppe-vor a:focus, .inhalt-galerie-gruppe-zurueck a:focus {background-color:#c9dad3;}
.inhalt-galerie-gruppe-zurueck {left:0;}
.inhalt-galerie-gruppe-vor {right:0;}
.inhalt-galerie-gruppe-vor span, .inhalt-galerie-gruppe-zurueck span {display:block; padding:1.5em 0 0 0;}
.inhalt-galerie-gruppe-vor img, .inhalt-galerie-gruppe-zurueck img {height:1em;}
.inhalt-galerie-gruppe .inhalt-galerie-bild-original img.inhalt-galerie-bild-landscape {width:32em;}
.inhalt-galerie-gruppe .inhalt-galerie-bild-original img.inhalt-galerie-bild-portrait {height:32em;}

/*Kommentare*/
.inhalt-kommentare {padding:0.5em 0; border-bottom:1px solid #ccc;}
.inhalt-kommentare p.inhalt-kommentare-hinweis {padding:0.5em 0; border-top:1px solid #ccc;}
ol.inhalt-kommentar-liste {padding-left:0; margin-left:0; list-style-type:none;}
.inhalt-kommentar-liste li {padding:0 0.5em; margin-bottom:0.5em; max-width:none;}
.inhalt-kommentar-liste li.ungerade {background-color:#ddd;}
.inhalt-kommentar-liste li.gerade {background-color:#eee;}
.inhalt-kommentar-liste li p {width:100%; overflow:hidden;}
span.inhalt-kommentar-autor {font-style:italic;}

/*Suchfunktion*/
.suche-formular {float:right; padding:1em;}
.suche-suchfeld {text-align:right;}
.suche-suchfeld * {vertical-align:middle;}
.suche-suchfeld label {display:none;}
.suche-suchfeld input.text {width:8em; height:1.5em;}
.suche-suchfeld input.submit {height:1.7em; padding:0 0.1em 0.1em 0.1em;}
ul.inhalt-suchergebnisse-liste {display:block; list-style:none; padding-left:0; margin-left:0; list-style:none; padding-bottom:1em;}
ul.inhalt-suchergebnisse-liste li {list-style:none; max-width:none;}
ul.inhalt-suchergebnisse-liste h2 {font-size:1.25em; line-height:120%; font-weight:normal; padding-top:0.5em;}
ul.inhalt-suchergebnisse-liste h2 a {text-decoration:underline;}
.inhalt-suche-ergebnis-url {display:block; font-size:0.875em; font-style:italic; color:#999;}
.inhalt-suche-ergebnis-seitenliste {padding-top:0.5em; border-top:1px solid #ccc; text-align:center;}
.inhalt-suche-ergebnis-seitenliste a {margin:0 0.25em; font-size:0.875em;}
.inhalt-suche-ergebnis-seitenliste a.aktiv {text-decoration:underline;}
.inhalt-suche-ergebnis-fehler span {font-style:italic;}

/*Google-Map-Api*/
.inhalt-karte-gmap {margin:0.5em 0; height:25em; border:1px solid #ccc; background-color:#eee;}
.inhalt-karte-gmap .gm-style-iw {max-width:300px; font-size:1.25em;}
.inhalt-karte-anfahrt-form {padding-bottom:0.25em;}
.inhalt-karte-anfahrt-form form * {vertical-align:middle;}
.inhalt-karte-anfahrt-form input.text {width:150px;}
.inhalt-karte-gmap-adresse{display:none;}
#inhalt-karte-anfahrt address{top:0; left:0; width:auto; height:auto; margin:0; padding:0; float:none; clear:both;}

/*Formulare*/
.inhalt-formular div.clear {padding-bottom:1px;}
.inhalt-formular {width:100%;}
.inhalt-formular-zeile {width:100%; clear:both;}
.inhalt-formular-input select, .inhalt-formular-input input.text {width:62%;}
.inhalt-formular-label, .inhalt-formular-input, .inhalt-formular-checkbox-label, .inhalt-formular-checkbox-input {padding:0.5em 0;}
.inhalt-formular-checkbox p {font-size:0.75em; line-height:120%; max-width:100%;}
.inhalt-formular-zeile label * {vertical-align:baseline;}
.inhalt-formular-checkbox-label {width:94%; padding-top:0.6em; float:right;}
.inhalt-formular-checkbox-input {width:4%; float:left; text-align:right; position:relative;}
.inhalt-formular-label {width:37%; float:left; text-align:right; overflow:hidden;}
.inhalt-formular-input {width:61%; float:right; position:relative;}
.inhalt-formular-checkbox-themen .inhalt-formular-checkbox-input {width:37%; float:left; text-align:right; padding:0;}
.inhalt-formular-checkbox-themen .inhalt-formular-checkbox-label {width:61%; float:right; padding:0.1em 0 0.3em 0;}
.inhalt-formular-buttons {padding-top:1em;}
.inhalt-formular-buttons input.submit {display:block; padding:0.6em 0.8em 0.7em 0.8em; width:100%; height:auto;}
img.inhalt-formular-captcha-bild {display:block; float:left; border:1px solid #ccc;}
.inhalt-formular-captcha-buttons {float:left; margin-left:0.5em; width:20px;}
.inhalt-formular-captcha-buttons a {display:block;}
.inhalt-formular-captcha-buttons img {width:16px; height:16px;}
a.inhalt-formular-captcha-sprache {padding:2px 0 0 2px;}
.inhalt-formular-feld-fehleingabe select, .inhalt-formular-feld-fehleingabe textarea,
.inhalt-formular-feld-fehleingabe input {border:1px solid #c40000; background-color:#fdd;}
.inhalt-formular-pflicht, .inhalt-formular-senden-fehler, .inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label {color:#c40000;}
.inhalt-formular-senden-erfolgreich {color:#00c400;}
.inhalt-formular-senden-erfolgreich, .inhalt-formular-senden-fehler,
.inhalt-formular-feld-fehleingabe .inhalt-formular-checkbox-label label {font-weight:bold;}
.inhalt-formular-bestaetigung h2 {padding-bottom:0.5em;}

/*Akkordeon*/
h2.js-akkordeon-trigger {padding:0.5em; margin-top:1em; font-size:1.125em; font-weight:bold; background-color:#ccc;}
div.js-akkordeon-wrapper {padding:0.5em;}
body.jquery h2.js-akkordeon-trigger:hover {background-color:#333; color:#fff;}
body.jquery h2.js-akkordeon-trigger:before {content:"\002B"; float:right; margin-right:0.25em;}
body.jquery h2.js-akkordeon-trigger.aktiv:before {content:"\2212";}

/*Hinweise*/
#hinweis {position:fixed; top:0; left:50%; z-index:9999; margin-left:-9em; width:18em; padding:1.5em 0; text-align:left; background-color:#fe8; color:#000; overflow:hidden;}
#hinweis.fehler {background-color:#c40000; color:#fff; font-weight:bold;}
a#hinweis-button {margin:0 1.5em 0 0; width:1.5em; height:1.5em; border:1px solid #666; float:right; background:url(funktionen/icons/bullet_cross_disabled.png) center center no-repeat #ddd; cursor:pointer; box-shadow:inset 0px 1px 0px #f6f6f6; border-radius:0.375em;}
a#hinweis-button:hover {background-color:#eee; background-image:url(funktionen/icons/bullet_cross_disabled_white.png); box-shadow:inset 0px 1px 0px #f6f6f6; border-radius:0.375em;}
a#hinweis-button span {display:none;}
#hinweis p {padding:0 30px; margin:0 1.5em;}
#hinweis p.hinweis-ok {background:url(funktionen/icons/tick.png) left top no-repeat;}
#hinweis p.hinweis-fehler {background:url(funktionen/icons/exclamation.png) left top no-repeat;}
#hinweis {border-radius:0 0 0.5em 0.5em; box-shadow:0 0 0.375em 0em #000;}

/*Plugins*/
#share-button {position:absolute; top:2em; right:0; padding-top:1px;}
#share-button span.at_a11y {visibility:hidden;}
#plusone-button, #like-button {overflow:hidden;}
#like-box iframe {max-width:100%;}
div.plusone-button-small {width:24px; height:15px;}
div.plusone-button-small-counter {width:70px; height:15px;}
div.plusone-button-standard {width:38px; height:24px;}
div.plusone-button-standard-counter {width:90px; height:24px;}
div.plusone-button-medium {width:32px; height:20px;}
div.plusone-button-medium-counter {width:80px; height:20px;}
div.plusone-button-tall {width:50px; height:20px;}
div.plusone-button-tall-counter {width:50px; height:62px; padding-top:1px;}
div.like-button-standard {height:24px;}
div.like-button-button-count {width:130px; height:24px;}
div.like-button-box-count {width:80px; height:60px;}

/*Reset für Layout mobile Endgeräte*/
body.desktop .mobil, body.mobil #funktionen {display:none;}
body.mobil {font-size:112.5%;}
body.mobil, body.mobil #rahmen, body.mobil #kopf, body.mobil #logo, body.mobil #logo img, body.mobil #schmuckbild, body.mobil #schmuckbild img, body.mobil #seite, body.mobil #spalte-links, body.mobil #spalte-rechts, body.mobil #spalte-mitte, body.mobil #fuss {top:0; left:0; width:auto; height:auto; min-width:240px; max-width:100%; min-height:0; max-height:none; margin:0; padding:0; float:none; clear:both;}
body.mobil #rahmen {padding:0; background:none; overflow:hidden;}
body.mobil #kopf {padding:1em 0.5em; background:none; overflow:visible;}
body.mobil #logo {position:relative; top:0; left:0; clear:both; width:100%; padding:0 0 0.5em 0; text-align:center;}
body.mobil #logo img {position:relative; margin:0 auto; max-width:80%; min-width:0;}
body.mobil #schmuckbild, body.mobil #schmuckbild img {width:100%;}
body.mobil #seite {clear:both; float:none;}
body.mobil #spalte-links {display:block; width:100%;}
body.mobil #spalte-mitte {display:block; padding:0.5em;}
body.mobil #spalte-rechts {display:block; padding:0.5em;}
body.mobil #fuss p {padding:0.5em 0; text-align:center; max-width:100%;}

/*Sharebuttons*/
body.mobil #share {position:absolute; left:0; bottom:0; width:100%; height:64px; background-color:#747779;}
body.mobil #share-button {position:relative; width:320px; margin:0 auto; padding:1em 0;}
body.schmal #share-button {width:210px;}
body.schmal #share-button a:nth-child(4), body.schmal #share-button a:nth-child(5), body.schmal #share-button a:nth-child(6) {display:none;}

/*Buttons*/
body.jquery.mobil #mobilansicht-top, body.jquery.mobil #mobilansicht-bottom  {width:100%; height:48px; min-width:240px; background-color:#3496B5; text-align:center;}
body.mobil #mobilansicht-bottom {padding-top: 0;}
body.mobil a.mobil {display:inline-block; width:48px; height:48px; outline:0;}
body.mobil a.home.mobil {background:url(funktionen/icons/32/home_white.png) center center no-repeat;}
body.mobil a.menue.mobil {background:url(funktionen/icons/32/overflow_white.png) center center no-repeat;}
body.mobil a.tel.mobil {background:url(funktionen/icons/32/phone_start_white.png) center center no-repeat;}
body.mobil a.mail.mobil {background:url(funktionen/icons/32/mail_white.png) center center no-repeat;}
body.mobil a.location.mobil {background:url(funktionen/icons/32/location_white.png) center center no-repeat;}
body.mobil a.top.mobil {background:url(funktionen/icons/32/arrow_top_white.png) center center no-repeat;}
body.mobil a.button.mobil:hover {background-color:#fefefe; background-color:rgba(255,255,255,0.5);}
body.mobil a.mobil span  {display:none;}

/*Navigation*/
body.jquery.mobil .nav {display:none;}
body.mobil .nav-titel {width:auto; margin:0; padding:0.6em 0.8em 0.7em 0.8em; font-weight:bold; background-color:#888;}
body.mobil div.nav {text-align:left; background-color:#ccc;}
body.mobil #menue {text-align:left;}
body.mobil ul.nav-liste {width:auto;}
body.mobil ul.nav-liste ul {display:none; background-color:#ddd;}
body.mobil ul.nav-liste li.nav-aktiv ul {display:block;}
body.mobil ul.nav-liste li {list-style:none; font-size:1em; max-width:100%;}
body.mobil #nav-bereich li, body.mobil #nav1 li {list-style:none; overflow:hidden; max-width:none;}
body.mobil ul.nav-liste a {display:block; padding:0.5em 0.75em 0.75em 0.75em; text-transform:none; text-decoration:none; color:#222; white-space:pre; outline:0;}
body.mobil ul.nav-liste ul a {padding-left:1.5em; text-transform:none;}
body.mobil ul.nav-liste ul a:before {content:"\203A\2002"; vertical-align:0.0625em;}
body.mobil ul.nav-liste ul ul a {padding-left:2.625em;}
body.mobil ul.nav-liste ul ul ul a {padding-left:3.625em;}
body.mobil ul.nav-liste a span {}
body.mobil ul.nav-liste a:visited {text-decoration:none;}
body.mobil ul.nav-liste a.nav-aktiv-link,
body.mobil ul.nav-liste a:active,
body.mobil ul.nav-liste a:hover,
body.mobil ul.nav-liste a:focus {background-color:#fff; color:#555; text-decoration:none;}
body.mobil ul li.nav-aktiv > a {background-color:#ccc;}
body.mobil ul li.nav-aktiv li > a {background-color:transparent;}

/*Texte, Formulare, Tabellen*/
body.mobil h1 {overflow:visible; width:auto;}
body.w640 blockquote br {display:none;}
body.mobil .inhalt-formular-label {width:auto; float:none; text-align:left; padding:0.5em 0 0 0;}
body.mobil .inhalt-formular-input {width:auto; float:none; text-align:left; padding:0;}
body.mobil .inhalt-formular-input input.text {display:block; width:100%; font-size:1em; padding:0.2em 0;}
body.mobil .inhalt-formular-input select {width:100%; font-size:1em;}
body.mobil textarea {width:100%; max-width:100%; height:10em; font-size:1.25em;}
body.mobil .inhalt-formular-buttons {padding:0.5em 0;}
body.mobil .inhalt-formular input.submit {width:100%; height:auto; padding:0.6em 0.8em 0.7em 0.8em; border:0; font-weight:bold;}
body.w480 table, body.w480 thead, body.w480 tbody, body.w480 caption {display:block; width:100%; border:0;}
body.w480 tr, body.w480 th, body.w480 td {display:block; border:0;}
body.w480 tr {background:none; background-image:none; background-color:transparent;}
body.w480 td:nth-child(odd) {background-color:#ddd;}
body.w480 td:nth-child(even) {background-color:#eee;}
body.w480 tbody th:first-child, body.w480 td:first-child {background-color:#555; font-weight:bold; color:#fff;}
body.w480 thead {background-color:#222;}
body.w480 thead tr {padding:0.5em 0.3em;}
body.w480 thead th {display:inline; width:auto; padding:0;}
body.w480 thead th:after {content:" – ";}
body.w480 thead th:last-child:after {content:"";}
body.w480 thead th * {width:auto; display:inline!important;}

/*Cookiehinweis*/
body.mobil #cookiehinweis .cookiehinweis-inhaltstext-links {width:auto; height:auto; min-width:240px; max-width:100%; margin:0; padding:0; float:none; clear:both;}
body.mobil.w480 #cookiehinweis .cookiehinweis-inhalt .button{float:right;}
body.mobil #cookiehinweis{bottom:0; width:100%; left:0; right:0; height:auto; -webkit-text-size-adjust:none;}
body.mobil #cookiehinweis .zentriert {width:100%; margin:0;}
body.mobil .cookiehinweis-inhalt{padding:0 0.25em;}
body.mobil .cookiehinweis-inhalt p, body.mobil .cookiehinweis-inhalt .p,
body.mobil .cookiehinweis-inhalt dd, body.mobil .cookiehinweis-inhalt address,
body.mobil .cookiehinweis-inhalt .inhalt-formular{padding:0.2em 0.5em 0.5em 0.5em;}
body.mobil #cookiehinweis #form-3rdpartyconsent-decline{width:100%; text-align:right; padding:0.5em 0.5em 0.5em 0;}
body.mobil #cookiehinweis #main3rdpartyconsent-submit-decline{height:3em;}
body.mobil.w480 #consent-manager{max-width:100%;}
body.mobil #consent-manager-open{transition:none;}

/*Bausteine*/
body.w480 .inhalt-baustein-spalte-links, body.w480 .inhalt-baustein-spalte-mitte, body.w480 .inhalt-baustein-spalte-rechts {float:none; width:100%; overflow:visible; margin:0; padding:0;}
body.mobil p.link-mehr a, body.mobil p.link-zurueck a {clear:both; display:inline-block; padding:0.6em 0.8em 0.7em 0.8em; background-color:#ccc; text-align:center; text-decoration:none; font-weight:bold;}
body.mobil p.link-mehr a:active, body.mobil p.link-mehr a:hover, body.mobil p.link-mehr a:focus,
body.mobil p.link-zurueck a:active, body.mobil p.link-zurueck a:hover, body.mobil p.link-zurueck a:focus {background-color:#eee;}
body.schmal .inhalt-mitteilung-kategorie-rssfeed .inhalt-mitteilung-kurztext img,
body.schmal .inhalt-mitteilung-kategorie .inhalt-mitteilung-datum {display:block; float:none; clear:both; margin:0.25em 0; max-width:100%;}
body.mobil .inhalt-dokument-liste ul li {margin:0.5em 0;}

/*Google-Maps*/
body.w320 .inhalt-karte-gmap {display:none;}
body.w320 .inhalt-karte-gmap-adresse{display:inline;}
body.mobil .inhalt-karte {padding-right:24px;}
body.mobil .inhalt-karte-gmap label {display:block;}
body.mobil .inhalt-karte-gmap #content {width:auto; min-height:0;}

/*Mediaelemente*/
body.mobil img {max-width:100%;}
body.mobil .inhalt-media img {width:100%!important;}
body.w320 .inhalt-media-bild-100px, body.w480 .inhalt-media-bild-200px, body.w640 .inhalt-media-bild-300px {float:none; clear:both; max-width:100%; margin:0.5em 0;}
body.w640 .inhalt-media-bild-original {float:none; clear:both; max-width:99%; margin:0.5em 0;}
body.w640 .inhalt-media-mitte {margin:0.5em auto;}
body.mobil .inhalt-media-bild-62p {width:50%!important;}
body.w640 .inhalt-media-bild-50p, body.w640 .inhalt-media-bild-62p {width:38%!important;}
body.w480 .inhalt-media-bild-38p, body.w480 .inhalt-media-bild-50p, body.w480 .inhalt-media-bild-62p {width:100%!important;}
body.w320 .inhalt-media-bild-300px, body.w320 .inhalt-media-bild-38p, body.w320 .inhalt-media-bild-50p, body.w320 .inhalt-media-bild-62p {float:none; width:auto!important; clear:both; margin:0.5em 0;}

/*Galerie*/
body.mobil .inhalt-galerie-bilder {width:100%;}
body.mobil .inhalt-galerie img {max-width:none;}
body.w480 .inhalt-galerie-bilder {padding-left:0;}
body.w480 .inhalt-galerie-bilder ol {display:block; text-align:center;}
body.w480 .inhalt-galerie-bilder ol li {position:relative; float:none; margin:0 auto 1.5em auto;}

/*Galerie-Slider*/
body.mobil .inhalt-galerie-gruppen {width:100%!important;}
body.mobil .inhalt-media img {width:100%!important;}
body.mobil .inhalt-galerie-gruppe-bilder {position:relative; padding:0 0 0.5em 0; width:100%; overflow:hidden;}
body.mobil .inhalt-galerie-gruppe-bilder ul {margin:0; padding:0; width:120%;}
body.mobil .inhalt-galerie-gruppe-bilder ul li {float:left; width:6.25em; height:6.25em; margin:0 1em 1em 0; list-style:none; border:1px solid #ccc; max-width:none;}
body.mobil .inhalt-galerie-gruppe-bild {width:6.25em; height:6.25em; text-align:center; overflow:hidden;}

.inhalt-beitrag-buehne .inhalt-beitrag-kurztext pre {display:none;}
.text-position-rechts .inhalt-beitrag-kurztext {/*background-color: antiquewhite;*/
    top:0;
    left:62%;
    height:100%;
    width:38%;

    margin: 0;}


.text-serif {font-family:"Times New Roman", "Times", "Georgia", serif;}
.text-nonserif {font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
.text-schreib {font-family:'Courier New', Courier, monospace;}
.text-schrift-groesse-klein {font-size:1.1em;}
.text-schrift-groesse-mittel {font-size:1.3em;}
.text-schrift-groesse-gross {font-size:1.5em;}


.text-hell {color:#F8F8F8;}
.text-dunkel {color:#0F192A;}
.text-schatten p, .text-schatten h3 {text-shadow:0px 0px 4px #FFF, -2px 0px 4px #FFF, 0px -2px 4px #FFF, 2px 0 4px #FFF,  0 2px 4px #FFF;}
.text-schatten.text-hell p, .text-schatten.text-hell h3 {text-shadow:0px 0px 4px #0F192A, -2px 0px 4px #0F192A, 0px -2px 4px #0F192A, 2px 0 4px #0F192A, 0 2px 4px #0F192A;}
.text-links {text-align:left;}
.text-rechts {text-align:right;}
.text-zentriert {text-align:center;}

.inhalt-beitrag-buehne .inhalt-beitrag-kurztext, .inhalt-mitteilung-kurztext {margin: 0;}

.text-resize-mode .inhalt-beitrag-kurztext {border:1px solid lime;}
.inhalt-beitrag-buehne.text-resize-mode .inhalt-baustein-inhalt {}

/*Button resize und reposition*/
#resizer-bottom {position:absolute; width:1.5rem; height:1.5rem; bottom:-0.25rem; right:-0.25rem; background-color:lime;}
#reposition-top {position:absolute; width:1.5rem; height:1.5rem; top:-0.25rem; left:-0.25rem; background-color:lime;}
#reposition-top img, #resizer-bottom img {width:1.5rem; height:1.5rem;}
#reposition-top img:hover, #resizer-bottom img:hover{cursor:pointer;}

/*Schrift-Controller (view-controls)*/
/* korrektur von michael, viewcontrols immer anzeigen lassen weil das ausblenden bei der usability nervig war
/* .text-resize-mode .inhalt-beitrag-kurztext #view-controls {display:none;} */
.text-resize-mode .inhalt-beitrag-kurztext #view-controls {display:block;}
.text-resize-mode .inhalt-beitrag-kurztext:hover #view-controls {display:block;}
#view-controls {position:absolute; bottom:-2rem; left:0; text-align:left; min-width:2.5rem; width:2.5rem; height:2rem; z-index:999; transition:all 0.5s ease-in-out; overflow:hidden;}
#view-controls:hover {bottom:-14rem; height:14rem; min-width:17rem; background:darkslategrey; display:block;}
#view-controls > div {padding:0.25em 0.5em; font-size:1rem; font-family:Arial, Helvetica, Droid, "Trebuchet MS", Tahoma, Geneva, sans-serif;}
#view-controls > div img.schriftoptionen {height:1.5em; width:1.5em; float:right; background:lime; transition:all 0.5s ease-in-out;}
#view-controls label {float:left; width:36%; color:#fff; padding:0.25em 0;}
#view-controls select, #view-controls input {float:right; width:60%; margin:0.25em 0;}
#view-controls select#textfarbe{width:44%; margin-right:1em;}
#view-controls button#save-article{padding:0.5em 0; width:7em; margin-top:0.25em; background-color:lightgreen;}
#view-controls button#save-article:hover{background-color:lime; font-weight:bold;}

#displaycode {font-family:"Courier New"; font-size:16px; color:black; max-width:100%; position:relative; white-space:pre-wrap; text-align:left;}

#resize-infos {position:absolute; width:20em; height:11em; top:-11em; left:0; background-color:peachpuff; text-align:left; font-family:"Courier New";}
#resize-infos p {margin:0; padding:0;}
#resize-infos, #displaycode, #positioncode {display:none;}


.kommentar-overlay .inhalt-kommentare-hinweis {display:none;}
.kommentar-overlay {display:none; position:absolute; top:0; padding:3em; z-index:11000; background-color:peachpuff;}
.kommentar-overlay.js-visible {display:block;}
#overlay-background {display:none; position:fixed; top:0; width:100%; height:100%; z-index:10500; background-color:#000000; opacity:0.3;}
#overlay-background.js-visible {display:block;}
.js-close-comment-overlay {position:absolute; top:0; right:0; padding:1em;}
#js-hinweis-speichern {margin-left:10px; color:green;}