/* solconsi CZ - web 355 */ * {margin:0; padding:0; border:0;} html {height:100%; overflow-y:scroll; background-color:#fafafa;} body {height:100%; min-width:59em; font-size:100%; text-align:center; color:#555; 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:auto; height:auto; min-width:0; min-height:190px; margin:0; padding:10px 1.5em; background:none #fff;} body.mce-content-body, body.mce-content-body h3 {color:#555;} .clear {clear:both;} .center {text-align:center;} .pointer {cursor:pointer;} .hidden, .print {display:none;} .nowrap {white-space:nowrap;} .relative {position:relative;} .tag{width:6em; display:inline-block;} .leerzeile{display:block!important;} .mobile-only, body.mobil .desktop-only{display:none;} .desktop-only, body.mobil .mobile-only{display:block;} .zentriert {position:relative; width:59em; margin:0 auto; text-align:left; overflow:hidden;} .xl{font-size:1.25em;} .xxl{font-size:1.5em;} /*Layout*/ #header {position:fixed; top:0; width:100%; box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.5); z-index:900;} body.startseite #spacer{height:0;} #kopf{position:relative; display:block; width:100%; height:6.5em; background-color:#ea6a05; background-color:rgba(234,106,5,0.9); border-color:#fff; border-style:solid; border-width:0.5em 0;} #kopf .zentriert{height:100%; overflow:visible; } #spacer{display:block; position:relative; height:10em;} #logo {position:absolute; top:1em; left:1em; width:19em; height:3.5em; z-index:100;} #logo img {width:18em; height:auto; padding:0; display:block;} #logo a {color:#fff; text-decoration:underline; outline:none;} #slogan {float:right; margin:1.25em 4em 0 0; color:#fff;} body.w1220 #slogan {margin:1.25em 1em 0 0;} #slogan span {display:block; font-size:3em; text-shadow:4px 4px 8px rgba(0,0,0,0.5);} /*sprachwechsler*/ #lang{float:right; margin:0.625em 1em 0 0; z-index:1000;} #lang li{display:inline-block;} #lang a{position:relative; top:0.125em; color:#ccc;} #lang a:hover, #lang li.langactive a{color:#1b5f8e;} ul.websites-liste li, #langmobil li {margin:0; display:inline; list-style:none; font-size:0.875em;} ul.websites-liste li.erster {margin:0;} #lang ul {display:inline;} #lang li {display:inline-block; position:relative; margin-right:0.25em; line-height:normal; list-style:none; padding:0; font-size:1em;} #lang li.letzter {padding:0 0 0 0.25em; font-size:1em;} #lang li.erster:before {content:"";} #lang li.langru{display:inline;} #lang li a{display:block;} #lang li a img{width:2em; height:auto; border:3px solid #fff; border-radius:0.5em; filter:saturate(0); opacity:0.8;} #lang li a img.active, #lang li a img:hover{filter:saturate(1); opacity:1;} /*Themenbildbereich*/ #themenbild-bereich {position:relative; background-color:#ddd; display:none;} body.startseite #themenbild-bereich{display:block;} #themenbild-bereich #themenbild {overflow:hidden;} #themenbild-bereich .inhalt-baustein, #themenbild-bereich .inhalt-beitrag, #themenbild-bereich .inhalt-baustein-inhalt, #themenbild-bereich .inhalt-media, #themenbild-bereich .inhalt-media-helper{position:relative; height:100%;} #themenbild-bereich .zentriert{width:100%; overflow:hidden;} #themenbild-bereich #themenbild .inhalt-media{margin:0!important; padding:0!important;} #themenbild-bereich img{float:right; height:100%; width:auto!important;} #themenbild-bereich, #themenbild-bereich #themenbild{height:37em;} body.w1540 #themenbild-bereich, body.w1540 #themenbild-bereich #themenbild{height:37em!important;} body.w1380 #themenbild-bereich, body.w1380 #themenbild-bereich #themenbild{height:34em!important;} body.w1220 #themenbild-bereich, body.w1220 #themenbild-bereich #themenbild{height:32em!important;} body.mobil #themenbild-bereich, body.mobil #themenbild-bereich #themenbild{height:18.75em!important;} #seite{padding:0;} #spalte-mitte{width:100%; min-height:30em; padding:2em 0;} #spalte-mitte .inhalt{width:100%; overflow:hidden;} #inhalt-fuss{clear:both;} #footer{position:relative;} #footer .zentriert{position:relative; width:58em; padding:2.25em 0;} #footer #footer-bg{position:absolute; width:100%; height:100%; padding:0; background-image:url(logo-footer.png); background-size:auto 86%; background-position:50% 60%; background-repeat:no-repeat; opacity:0.2;} #footer, #cookiehinweis-spacer{background-color:#444; color:#fff;} #footer a{color:#fafafa; text-decoration:none;} #footer a:hover{text-decoration:none; color:#ff8b31;} #footer .nav{position:relative; padding-right:0; width:23em; overflow:hidden; text-align:left; height:2em;} address.vcard{max-width:31em; padding:0;} .vcard-col{display:inline; float:left; width:15em;} /*Call-to-action (Absatz entfernen, wenn nicht benötigt)*/ #cta{position:absolute; left:4em; top:14em; display:block; z-index:100;} #cta a{position:relative; display:inline-block; padding:0.625em 2em 0.625em 1.25em; text-decoration:none; outline:0; background-color:#555; background:rgba(85, 85, 85, 0.7); transition:all 0.3s ease; z-index:900; border-radius:0.375em;} #cta a:hover{padding-right:4em; background-color:#EA6A05; background:rgba(234, 106, 5, 0.8);} #cta a:hover:before{position:absolute; top:0; right:0.375em; content:"\00BB"; color:#fff; font-size:2.25em;} #cta span{font-size:1.5em; color:#fff;} /*Funktionen*/ #funktionen{float:right; width:7.5em; padding:0.5em 0.625em 0 0; text-align:right;} #funktionen li{display:inline; margin-left:5px; list-style:none; font-size:1em; line-height:100%;} body.zoom-2 #funktionen ul li#schrift-groesser{display:none;} #funktionen a{display:inline-block; width:1.5em; height:1.5em; padding:0 0.1875em!important; overflow:hidden;} #funktionen a:hover img, #funktionen a:focus img{margin-top:-1.5em;} #funktionen img{width:1.5em; height:3em;} ul.websites-liste li{margin:0 0.5em; display:inline; list-style:none; font-size:0.875em;} /*Scroll to-top button*/ #to-top{display:block; position:fixed; top:78%; right:2%; margin-left:-2em; z-index:10010; width:3.75em; height:3.75em; overflow:hidden; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; outline:none; opacity:0;} #to-top img{width:3.75em; height:3.75em;} #to-top.show-totop{opacity:0.7;} #to-top.show-totop:hover{opacity:1;} /*Kopfnavigation (Absatz entfernen, wenn nicht benötigt)*/ @media (min-width:944px){ #kopf .nav{float:right; margin:0.8125em 1em 0 0; width:auto; height:1.5em; text-align:right; overflow:hidden;} #kopf .nav ul{} #kopf .nav ul li{display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;} #kopf .nav ul a{font-size:1em; font-weight:normal; font-style:normal; color:#fff; text-decoration:none; outline:0;} #kopf .nav ul a span{cursor:pointer;} #kopf .nav ul a:visited{text-decoration:none;} #kopf .nav ul a.nav-aktiv-link, #kopf .nav ul a:active, #kopf .nav ul a:hover, #kopf .nav ul a:focus{text-decoration:none; border-bottom:2px solid #fff;} #kopf .nav li.nav-aktiv > a{} } /*Bereichsnavigation*/ body.desktop #nav {position:relative; height:2.5em; width:100%; background-color:#333; z-index:900;} body.desktop #nav ul li {display:inline-block; line-height:normal; list-style:none; margin:0; font-size:1em;} body.desktop #nav ul a {display:block; float:left; padding:0.3125em 1em 0.6875em 1em; text-decoration:none; outline:0; color:#eee; background-color:rgba(255,255,255,0);} body.desktop #nav ul.nav-fade > li.nav-submenue > a{padding-right:1.25em;} body.desktop #nav ul.nav-fade > li.nav-submenue > a:after{content:"\203A\2002"; vertical-align:0.0625em; position:absolute; right:-0.625em; top:0.875em; width:0.75em; height:0.5em; font-size:1.5em; transform: rotate(90deg);} body.desktop #nav ul a span {position:relative; top:0.1875em; font-size:1.125em; cursor:pointer;} body.desktop #nav ul ul a span {font-size:1em;} body.desktop #nav ul a:visited {text-decoration:none;} body.desktop #nav ul a.nav-aktiv-link, body.desktop #nav ul a:active, body.desktop #nav ul a:hover, body.desktop #nav ul a:focus{text-decoration:none; color:#ff8b31;} body.desktop #nav li.nav-aktiv > a {text-decoration:none; color:#ff8b31;} body.desktop #nav .zentriert{overflow:visible;} body.desktop #nav li li.erster a, body.desktop #nav li li.letzter a{background:none!important;} body.desktop #nav li li.erster a span, body.desktop #nav li li.letzter a span{display:block!important;} /*Main menü icon-darstellung* body.desktop #nav li.nav-2-1 a, body.desktop #nav li.nav-2-7 a, body.desktop #nav li.nav-2-8 a {width:1.375em; height:1.375em; padding:0.75em 0.75em 0 0.75em; background-size:1.75em; background-position:100% 0.1875em; background-repeat:no-repeat;} body.desktop #nav li.nav-2-1 a span, body.desktop #nav li.nav-2-7 a span, body.desktop #nav li.nav-2-8 a span{display:none;} /*Main menü icon-darstellung*/ body.desktop #nav li.nav-2-1 a{width:1.375em; height:1.375em; padding:0.75em 0.75em 0 0.75em; background-size:1.75em; background-position:100% 0.1875em; background-repeat:no-repeat;} body.desktop #nav li.nav-2-1 a span{display:none;} /*icon Home*/ body.desktop #nav li.nav-2-1 a {background-image:url(img/home.png);} body.desktop #nav ul li.nav-2-1 a.nav-aktiv-link, body.desktop #nav ul li.nav-2-1 a:active, body.desktop #nav ul li.nav-2-1 a:hover, body.desktop #nav ul li.nav-2-1 a:focus {background-image:url(img/home-activ.png);} /*icon Kontakt* body.desktop #nav li.nav-2-7 a {background-image:url(img/kontakt.png);} body.desktop #nav ul li.nav-2-7 a.nav-aktiv-link, body.desktop #nav ul li.nav-2-7 a:active, body.desktop #nav ul li.nav-2-7 a:hover, body.desktop #nav ul li.nav-2-7 a:focus {background-image:url(img/kontakt-activ.png);} /*icon Downloads* body.desktop #nav li.nav-2-8 a {background-image:url(img/downloads.png);} body.desktop #nav ul li.nav-2-8 a.nav-aktiv-link, body.desktop #nav ul li.nav-2-8 a:active, body.desktop #nav ul li.nav-2-8 a:hover, body.desktop #nav ul li.nav-2-8 a:focus {background-image:url(img/downloads-activ.png);} /* zusätzliche Styles für die js-Ausklapp-Navigation */ /*##### ALLGEMEIN #############*/ body.desktop #nav ul.nav-liste-2 strong{display:block; width:100%} body.desktop #nav ul.nav-liste-2 ul {display:none; position:relative; padding-top:0;} body.desktop #nav ul.nav-fade li {position:relative; display:none;} body.desktop #nav ul.nav-fade li li, body.desktop #nav ul.nav-fade .nav-2-1, body.desktop #nav ul.nav-fade .nav-2-2, body.desktop #nav ul.nav-fade .nav-2-3, body.desktop #nav ul.nav-fade .nav-2-4, body.desktop #nav ul.nav-fade .nav-2-5, body.desktop #nav ul.nav-fade .nav-2-6, body.desktop #nav ul.nav-fade .nav-2-7, body.desktop #nav ul.nav-fade .nav-2-8{display:inline-block;} body.desktop #nav ul.nav-fade ul {display:none; position:absolute; top:2.5em; left:0; padding:0.625em 0; background-color:#333; background-color:rgba(0,0,0,0.8); border-bottom:0.25em solid #ea6a05; z-index:1000; box-shadow:8px 8px 6px rgba(0,0,0,0.4);} body.desktop #nav ul.nav-fade ul li a{transition:padding-left 0.3s;} /*##### SUB1 #############*/ body.desktop #nav ul.nav-fade ul li {width:19em; text-align:left; margin:0;} body.desktop #nav ul.nav-fade ul li a{padding-left:1em; font-size:1em;} body.desktop #nav ul.nav-fade ul li > a, body.desktop #nav ul.nav-fade ul li.erster > a{width:auto; height:auto; padding:0.25em 0.5em 0.25em 1em; color:#fff; border:0;} body.desktop #nav ul.nav-fade ul li.nav-submenue > a:after{content:"\203A\2002"; vertical-align:0.0625em; position:absolute; right:0em; top:0.1875em; width:1.25em; height:0.875em; font-size:1.5em;} body.desktop #nav ul.nav-fade ul li.nav-aktiv > a, body.desktop #nav ul.nav-liste-2 ul a.nav-aktiv-link, body.desktop #nav ul.nav-fade ul a.nav-aktiv-link, body.desktop #nav ul.nav-liste-2 ul .js-nav-hover > a, body.desktop #nav ul.nav-fade ul .js-nav-hover > a, body.desktop #nav ul.nav-liste-2 ul li a:active, body.desktop #nav ul.nav-fade ul li a:active, body.desktop #nav ul.nav-liste-2 ul li:hover > a, body.desktop #nav ul.nav-fade ul li:hover > a, body.desktop #nav ul.nav-liste-2 ul li a:focus, body.desktop #nav ul.nav-fade ul li a:focus{text-decoration:none; color:#ff8b31; padding-left:1.5em;} /*##### SUB2 #############*/ body.desktop #nav ul.nav-fade ul ul{top:0; left:19.25em; padding-top:0;} /*##### ALG2 #############*/ body.desktop #nav-bereich-nojs{display:none;} body.desktop.nojquery #nav-bereich-nojs{display:block; float:right;} /* transition 0.3 sec */ #header, #kopf, #logo, #nav li, #nav-laender, #logo img, #to-top, #funktionen, .move-up, .move-down, #slogan, #slogan span, p.button, input.submit, .js-akkordeon-trigger{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition:all 0.3s;} /*schrumpf-kopf*/ body.header-small #kopf{height:3em; background-color:#ea6a05; background-color:rgba(234,106,5,1);} body.header-small #bg-kopf{opacity:0;} body.desktop.header-small #funktionen-parent{top:0.625em;} body.header-small #logo{top:0em;} body.header-small #logo img {width:12em;} body.header-small #logo, body.header-small #lang{} body.header-small #slogan {margin:0 7em;} body.header-small #slogan span{font-size:2em;} /*Fussnavigation (Absatz entfernen, wenn nicht benötigt)*/ #nav3{position:absolute; top:2em; right:1em; max-width:26em; height:3em; overflow:hidden;} #footer ul{list-style-type:disc; padding:0.375em 0 0.5em 1.375em;} #footer ul.nav-liste{text-align:right;} #footer ul.nav-liste li{display:inline; line-height:normal; list-style:none; margin:0 1em 0 0; font-size:1em;} #footer ul.nav-liste li.letzter{margin-right:0em;} #footer ul.nav-liste a{text-decoration:none; font-size:1em; font-weight:normal; font-style:normal; outline:0; color:#fafafa;} #footer ul.nav-liste a span{cursor:pointer;} #footer ul.nav-liste a:visited{text-decoration:none;} #footer ul.nav-liste a.nav-aktiv-link, #footer ul.nav-liste a:active, #footer ul.nav-liste a:hover, #footer ul.nav-liste a:focus{text-decoration:none; color:#ff8b31;} #footer li.nav-aktiv > a{text-decoration:none; color:#ff8b31;} /*Inhaltsbereich und Textgestaltung*/ h2{padding: 1.25em 0 0.5em 0;} h3{padding: 1.25em 0 0 0;} h4, h5, h6, caption{padding:0.625em 0 0.25em 0;} td, th, dl, li, p, pre, address, blockquote, .p{font-size:1em; line-height:155%;} h1{width:90%!important; font-size:1em; font-weight:normal; overflow:hidden; text-align:center; margin:2em auto 0.5em auto;} h1 span{font-size:1.875em; padding:0.75em 0; line-height:120%; color:#EA6A05;} h1::before, h1::after{display:inline-block; position:relative; width:50%; height:2px; top:-0.5em; background-color:#EA6A05; content:"";} h1::before {right:1.5em; margin-left:-50%;} h1::after {left:1.5em; margin-right:-50%;} h2{font-size:1.375em; color:#EA6A05;} 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; cursor:help;} .help[title]{cursor:help; border-bottom:1px dotted #bbb;} hr {clear:both; padding:0; height:1px; color:#ccc; background-color:#ccc; border:0; margin:1.5em 0;} pre{clear:both; margin:0.75em 0; width:auto; padding:0.5em; font-size:1em; background-color:#eee; color:#333; border:1px solid #ccc; word-wrap:normal; overflow:auto;} pre{margin:0.3125em 0 0.625em 0;} blockquote{position:relative; padding:0.5em 1em 0.5em 4em; margin:0; text-align:left; font-family:Georgia, Times, "Times New Roman", "Droid serif", serif; font-size:1.125em; font-style:italic;} blockquote:before{content:"\201C"; font-size:5em; position:absolute; left:0.125em; top:0.4375em; color:#EA6A05;} blockquote cite{color:#555; 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;} dl, p, address, .p{padding:0.375em 0 0.5em 1em;} li p{padding:0 0 0 1em;} 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%; max-width:100%; max-height:100%; display:block;} fieldset, textarea, input.text, input.submit, select{border:1px solid #ccc;} fieldset{border-radius:0.5em; background-color:#fbeee3;} option{padding-left:0.4375em} button{border:0; cursor:pointer;} legend, label, .label, input, select{font-size:1em;} 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;} /*### 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-300px, .inhalt-media-video-400px{position:relative; background-color:#ccc;} .inhalt-media-video-300px .inhalt-einwilligung-drittanbieter, .inhalt-media-video-400px .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:-10em; height:0;} .dsgvo-kapitel .dsgvo-kapitel-zieltag{position:relative; top:-7em; height:0;} #cookiehinweis {display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:5000; background:#444; background:rgba(0,0,0,0.4);} #cookiehinweis .zentriert{display:table; height:100%; width:auto; overflow:hidden; margin:0px auto; padding:1em 2em 2em 1em;} #cookiehinweis .cookiehinweis-inhalt{display:table-cell; padding:0; vertical-align:middle;} #cookiehinweis .cookiehinweis-inhalt .inner{width:41em; padding:1.5em; border:2px solid #fff; border-radius:0.75em; background-color:#eee; background-color:rgba(255,255,255,0.95); text-align:left; box-shadow:4px 8px 16px 6px #333; pointer-events:auto; overflow:scroll;} #cookiehinweis .cookiehinweis-inhalt p{font-size:1.125em; line-height:125%;} #cookiehinweis form{display:inline-block; margin:0 0.5em 0.5em 0; padding:0;} #cookiehinweis .submit{height:2.75em; width:auto; padding:0 1em 0 2.5em; border:1px solid #fff; background:#403d3d; color:#fff; font-weight:bold; font-size:1em; line-height:1em; text-align:left; text-transform:none;} .cookiehinweis-inhalt{padding:0 0.25em 0 1em;} .cookiehinweis-inhaltstext-links{float:left; padding-bottom:1em; clear:left; overflow:hidden;} .cookiehinweis-inhalt .button{text-align:center; padding-top:0.5em; font-size:1em;} .cookiehinweis-inhalt p{font-size:0.8125em; line-height:140%; max-width:inherit; padding-left:0;} #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:2.75em; border:2px solid green; text-transform:none; width:14em; background-color:green;} #cookiehinweis #main3rdpartyconsent-submit-ok:hover, #cookiehinweis #main3rdpartyconsent-submit-ok:focus{border:2px solid #004a00;} #cookiehinweis #main3rdpartyconsent-submit-accept{background:#444 url(funktionen/icons/tick_width.png) no-repeat 1em; background-size:1em; border:2px solid #444;} #cookiehinweis #main3rdpartyconsent-submit-accept:hover, #cookiehinweis #main3rdpartyconsent-submit-accept:focus{border:2px solid #66aa22;} #cookiehinweis #main3rdpartyconsent-submit-decline{background:#444 url(funktionen/icons/bullet_cross_disabled_white.png) no-repeat 1em; background-size:1em; border:2px solid #444;} #cookiehinweis #main3rdpartyconsent-submit-decline:hover, #cookiehinweis #main3rdpartyconsent-submit-decline:focus{border:2px solid #db1c1c;} #consent-manager-close{background:url(funktionen/icons/bullet_cross_disabled.png) no-repeat right center; background-size:1em; } #consent-manager-close{height:1em; padding-right:1.5em; padding-left:0; color:#666; text-align:right; border:0;} #consent-manager-close:hover, #consent-manager-close:focus{color:#fff; background-image:url(funktionen/icons/bullet_cross_disabled_white.png);} /*Cookiehinweis Mobil*/ body.mobil #cookiehinweis .cookiehinweis-inhaltstext-links{width:auto; height:auto; min-width:240px; max-width:100%; margin:0; padding:0.75em 0; float:none; clear:both;} body.mobil #cookiehinweis .cookiehinweis-inhalt{padding:1em;} body.mobil #cookiehinweis .submit{height:2.5em;} body.mobil.w480 #cookiehinweis .cookiehinweis-inhalt .button{float:none;} body.mobil #cookiehinweis{bottom:0; width:100%; left:0; right:0; height:auto; -webkit-text-size-adjust:none; z-index:1001;} body.mobil #cookiehinweis .zentriert{width:100%; margin:0; padding:0; box-shadow:none;} 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.25em 0.5em 0.5em 0;} body.mobil #cookiehinweis .cookiehinweis-inhalt .inner{padding:1em;} body.mobil.w480 #consent-manager{max-width:100%;} body.mobil #consent-manager-open{transition:none;} body.mobil #cookiehinweis .cookiehinweis-inhalt p, #cookiehinweis .cookiehinweis-inhalt form{font-size:1em;} body.mobil #cookiehinweis .cookiehinweis-inhalt .inner{max-height:calc(100vh - 2em)!important; box-shadow:none;} /*Consent-Manager*/ #consent-manager{position:fixed; top:0; left:-22em; 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 h3{color:#fff;} #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; border:none; background:#66aa22 url(funktionen/icons/tick_width.png) no-repeat 1em; color:#fff; padding:0 0 0 2em; height:3em; width:100%; text-transform:none;} #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;} #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:#EA6A05; text-decoration:none;} body.mce-content-body a{color:#EA6A05; text-decoration:none;} a:visited{text-decoration:none;} body.mce-content-body a:hover, a:active, a:hover, a:focus, a.aktiv{color:#bbb; text-decoration:none;} /*(Call-to-Action)-Buttons*/ p.button, input.submit{max-width:100%; padding:1em 0; border-radius:0.375em;} p.button a, form.button input.submit{display:inline-block; padding:0.5em 0.75em; height:auto; font-size:1.125em;} p.button a, p.button a:visited, input.submit{background-color:#333; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; border:0;} 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:#EA6A05;} p.button a:after{content:"\00A0\00BB";} /*Maximalbreite für Lesbarkeit: 8-12 Wörter/50-70 Zeichen pro Zeile (Absatz entfernen, wenn nicht benötigt)*/ p, .p, dd, address{max-width:57em;} li, blockquote{max-width:57em;} /*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:0.375em 0 1em 2.375em;} body.mce-content-body ol, .inhalt-baustein ol{padding-left:2.8125em;} body.mce-content-body li, .inhalt-baustein li{padding-bottom:0.25em;} 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; color:#333;} thead tr.gerade{background-color:#EA6A05; 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-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;} /*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:1.5em 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-video{position:relative;} .inhalt-media{max-width:100%; overflow:hidden;} .inhalt-media img{display:block;} /*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;} /*Downloadliste*/ .inhalt-dokument-liste{clear:both;} .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{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;} /*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:1.25em 0 1.25em 1em; width:105%;} .inhalt-galerie-bilder ol{display:block; margin:0; padding:0;} .inhalt-galerie-bilder ol li{float:left; width:10em; height:10em; font-size:1em; padding:0; margin:0 1em 1em 0; list-style:none; border:1px solid #ccc; max-width:none; background-color:#fbeee3;} .inhalt-galerie-bilder ol li:hover{border:1px solid #EB771C;} .inhalt-galerie-bild{width:10em; height:10em; text-align:center; overflow:hidden;} .inhalt-galerie-bild-rahmen p{font-size:0.8125em; padding:0 0.25em; text-align:center; height:4.25em; overflow:hidden;} .inhalt-galerie-bilder ol li.bildtitel-aktiv{height:10.25em;} /*Formulare*/ .inhalt-formular div.clear{padding-bottom:1px;} .inhalt-formular{width:50em; margin:auto;} .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.375em 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;} body.mobil img.inhalt-formular-captcha-bild{width:8em;} .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:0.5em; font-size:1em; background-color:#333; color:#fff; border-radius:0.375em;} div.js-akkordeon-wrapper{padding:0.5em;} body.jquery h2.js-akkordeon-trigger:hover{background-color:#EA6A05;} body.jquery h2.js-akkordeon-trigger:before{content:"\002B"; float:right; margin-right:0.25em; font-weight:bold;} 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; box-shadow:inset 0px 1px 0px #f6f6f6; border-radius:0.375em; background-image:url(funktionen/icons/bullet_cross_disabled_white.png);} 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:0px 0px 6px 0px rgba(0, 0, 0, 0.5);} /*Reset für Layout mobile Endgeräte*/ @media (min-width:944px){ .mobil{display:none;} #menue-burger-button{display:none;} } body.mobil h1::before, body.mobil h1::after{content:none;} body.mobil h1 span{font-size:1.625em;} body.mobil dl, body.mobil p, body.mobil address, body.mobil .p{padding:0.375em 0 0.5em 0;} body.mobil ul, body.mobil .inhalt-baustein ul{padding-left:1em;} body.mobil #header{position:relative; width:100%; padding-top:4em; background-color:#ea6a05;} body.mobil #kopf{width:100%;} body.mobil #kopf{height:auto; text-align:left; border-color:#000; border-width:0;} body.mobil #logo{position:relative; padding:0;} body.mobil #slogan{position:relative; top:0; padding:0.25em 0 1em 0; float:none; width:100%; text-align:center;} body.mobil #slogan span{font-size:1.25em;} body.mobil #lang{display:block; width:100%; position:fixed; top:0; right:0; left:0; padding:0.625em 0; margin:0; background-color:#eee; background-color:rgba(201,89,0,0.85);} body.mobil .lang{margin-right:0.5em;} body.mobil.startseite #themenbild-bereich, body.mobil.startseite #themenbild-bereich #themenbild{height:18em;} body.mobil #cta{position:absolute; left:0; top:5em; width:100vw; display:none;} body.mobil #cta a{width:60%; background-color:#EA6A05; background:rgba(234, 106, 5, 0.8);} body.mobil #cta a:hover{padding-right:0;} body.mobil #cta a:hover:before{content:"";} body.mobil #cta span{font-size:1.5em;} @media (max-width:943px){ #funktionen, #to-top, #footer #kontakt, #spacer{display:none;} body{font-size:112.5%;} p, .p, dd, address, .inhalt-formular, .zentriert, #spalte-mitte .inhalt, li, blockquote, #footer .zentriert{width:auto; max-width:none;} body, #rahmen, #header, #logo, #logo img, #schmuckbild, #schmuckbild img, #seite, #spalte-links, #spalte-rechts, #spalte-mitte, #footer, #cookiehinweis .cookiehinweis-inhalt .inner{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 #seite{min-height:20em;} #rahmen{padding:0; background:none; overflow:hidden;} #header{padding:0; background:none; overflow:visible;} #logo{position:relative; top:0; left:0; clear:both; width:100%; padding:0; text-align:center;} #logo img{position:relative; margin:0 auto; max-width:75%; min-width:0;} @media (max-width:319px){ #logo img{margin:0;} } #schmuckbild, #schmuckbild img{width:100%;} #seite{clear:both; float:none;} #spalte-links{display:block; width:100%;} #spalte-mitte{display:block; padding:1em;} #spalte-rechts{display:block; padding:0.5em;} #footer p{padding:0.5em 0; text-align:center; max-width:100%;} #footer #footer-bg{background-size:90% auto; background-position:50% 30%;} #footer .zentriert{padding:1.625em 0 1em 0;} #footer .zentriert #footer ul{padding:0;} #footer ul.nav-liste{text-align:center; padding:0;} #consent-manager-open{bottom:3em;} #kopf .inhalt{height:auto;} #to-top{transition:none;} #nav3{position:relative; top:0; left:0; right:0;} /*Mobilbuttons*/ body.jquery #mobilansicht-top, body.jquery #mobilansicht-bottom {width:100%; height:48px; min-width:240px; text-align:center;} body.jquery #mobilansicht-top{background-color:#333;} #mobilansicht-bottom{padding-top:0; background-color:#333;} a.mobil{display:inline-block; width:48px; height:48px; outline:0;} #mobilansicht-top a.mobil{background-size:2em;} #mobilansicht-bottom a.mobil{height:42px;} a.home.mobil{background:url(funktionen/icons/32/home_white.png) center center no-repeat;} a.menue.mobil{background:url(funktionen/icons/32/list_white.png) center center no-repeat;} a.tel.mobil{background:url(funktionen/icons/32/phone_start_white.png) center center no-repeat;} a.mail.mobil{background:url(funktionen/icons/32/mail_white.png) center center no-repeat;} a.location.mobil{background:url(funktionen/icons/32/location_white.png) center center no-repeat;} a.top.mobil{background:url(funktionen/icons/32/arrow_top_white.png) center center no-repeat;} a.button.mobil:hover, #menue-burger-button:hover{background-color:#fefefe; background-color:rgba(255,255,255,0.5);} a.mobil span{display:none;} /*galerie* #fancybox-wrap, #fancybox-content{width:auto!important; height:auto!important;} #fancybox-wrap{padding:1em!important;} #fancybox-content{border-width:0!important;} #fancybox-title{width:auto!important; margin:0!important; display:none!important;}*/ /*Hamburger Menü Animation*/ #menue-burger-button{position:fixed; top:1.375em; right:1.25em; width:36px; height:36px; margin:0 auto; background-color:transparent!important; cursor:pointer; z-index:5000; -webkit-transform: rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; -moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out;} #menue-burger-button .menue-burger-button-line{display:block; position:absolute; height:0.375em; width:36px; background:#fff; border-radius:0.375em; opacity:1; transform: rotate(0deg); transition:.25s ease-in-out;} #menue-burger-button .menue-burger-button-line:nth-child(1) {top:0;} #menue-burger-button .menue-burger-button-line:nth-child(2), #menue-burger-button .menue-burger-button-line:nth-child(3) {top:10px;} #menue-burger-button .menue-burger-button-line:nth-child(4) {top:20px;} #menue-burger-button.offen .menue-burger-button-line:nth-child(1) {top:0.875em; width:0%; left:50%;} #menue-burger-button.offen .menue-burger-button-line:nth-child(2) {transform:rotate(45deg);} #menue-burger-button.offen .menue-burger-button-line:nth-child(3) {transform: rotate(-45deg);} #menue-burger-button.offen .menue-burger-button-line:nth-child(4) {top:0.875em; width:0%; left:50%;} body.desktop.nojquery #menue-burger-button, body.desktop #hamburger-nojs{display:none;} body.desktop #menue-burger-button, body.desktop.nojquery #hamburger-nojs{display:block; float:right;} /*V2: Burgermenü (absatz entfernen, wenn nicht benötigt)*/ #menue-burger-button.offen span{background-color:#fff;} body.jquery #menue-burger-button{display:block;} #mobilansicht-menue{position:fixed; top:0; right:-95%; width:90%; height:100%; background-color:#ea6a05; box-shadow:0 0 5px #000; z-index:3000; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling:touch; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;} #mobilansicht-menue.offen{right:0%;} #mobilansicht-menue #mobilansicht-top{position:fixed; top:0; z-index:4000; text-align:left;} #mobilansicht-menue #mobilansicht-buttons-top{position:relative; left:0.75em;} #mobilansicht-menue li.nav-submenue{position:relative;} #mobilansicht-menue li.nav-submenue .js-submenuebutton{position:absolute; right:0.5em; top:-1px; width:2.75em; height:2.75em; display:block;} #mobilansicht-menue li.nav-submenue .js-submenuebutton div{display:block; width:100%; height:100%; background-image:url(img/dots-submenue.png); background-position:50%; background-repeat:no-repeat; background-size:1.625em; cursor:pointer; transform: rotate(0deg);} #mobilansicht-menue li.nav-submenue .js-submenuebutton div.js-open{transform:rotate(90deg);} #mobilansicht-menue li.nav-submenue .js-submenuebutton div{-moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; transition: all .3s ease-in;} /*Navigation*/ #footer #nav3{width:100%; height:auto; float:none;} #footer ul.nav-liste li{display:inline-block; margin-right:0.625em;} #footer ul.nav-liste li a{display:block; padding:0.5em;} body.jquery .nav{display:none;} .nav-titel{width:auto; margin:0; padding:0.625em; color:#fff; text-align:center; background-color:#48504E; border-top:1px solid #000; text-transform:uppercase;} div.nav{text-align:left; background-color:#fff;} #menue{text-align:left; border-bottom:1px solid #555;} #menue ul{padding-left:0;} #nav-bereich li, #nav1 li{list-style:none; overflow:hidden; max-width:none;} #mobilansicht-menue ul.nav-liste{width:auto; padding:0; margin:0!important; font-weight:normal;} #mobilansicht-menue ul.nav-liste li{position:relative; width:auto; font-weight:normal; border-top:1px solid #555;} #mobilansicht-menue ul.nav-liste li.erster{border-top:0;} #mobilansicht-menue ul.nav-liste a{display:block; padding:0.375em 2.5em 0.5em 0.75em; text-transform:none; text-decoration:none; outline:0; font-size:1.125em; text-decoration:none!important;} #mobilansicht-menue ul.nav-liste a:visited{text-decoration:none;} .nav-liste-mobil-slidedown{display:block; font-size:0.75em;opacity:0.5; line-height:100%;} #mobilansicht-menue li > ul{display:none;} #mobilansicht-menue li.nav-aktiv-optik > ul{display:block;} /*lvl 1*/ #mobilansicht-menue ul.nav-liste a{padding-left:1em; background-color:#d25d01; color:#fff;} #mobilansicht-menue ul.nav-liste a:before{content:""; position:absolute; left:1em;} #mobilansicht-menue ul.nav-liste a.nav-aktiv-link, #mobilansicht-menue ul.nav-liste a:active, #mobilansicht-menue ul.nav-liste a:hover, #mobilansicht-menue ul.nav-liste a:focus, #mobilansicht-menue ul.nav-liste li.nav-aktiv > a{background-color:#fe760b; color:#fff; text-decoration:none;} /*home-icon* #mobilansicht-menue li.nav-2-1.erster a {position:relative; background-image:url(img/home.png); background-size:1.75em; background-position:1em 50%; background-repeat:no-repeat;} #mobilansicht-menue li.nav-2-1.erster a span{color:transparent;} /*lvl 2*/ #mobilansicht-menue ul.nav-liste ul li.erster{border-top:1px solid #555;} #mobilansicht-menue ul.nav-liste li.nav-aktiv ul{display:block;} #mobilansicht-menue ul.nav-liste ul li{list-style:none; font-size:1em; max-width:100%;} #mobilansicht-menue ul.nav-liste ul a{padding-left:1.75em;} #mobilansicht-menue ul.nav-liste ul a:before{content:"\203A\2002"; position:absolute; left:1em;} #mobilansicht-menue ul.nav-liste ul a{background-color:#777; color:#fff;} #mobilansicht-menue ul.nav-liste ul a.nav-aktiv-link, #mobilansicht-menue ul.nav-liste ul a:hover, #mobilansicht-menue ul.nav-liste ul a:active, #mobilansicht-menue ul.nav-liste ul a:focus, #mobilansicht-menue ul.nav-liste ul li.nav-aktiv > a{background-color:#aaa; color:#fff;} /*lvl 3*/ #mobilansicht-menue ul.nav-liste li.nav-aktiv ul li ul{display:none;} #mobilansicht-menue ul.nav-liste li.nav-aktiv ul li.nav-aktiv ul{display:block;} #mobilansicht-menue ul.nav-liste ul ul li{list-style:none; font-size:1em; max-width:100%;} #mobilansicht-menue ul.nav-liste ul ul li a{padding-left:2.5em;} #mobilansicht-menue ul.nav-liste ul ul a:before{left:1.75em;} #mobilansicht-menue ul.nav-liste ul ul li a{background-color:#e5e5e5; color:#777;} #mobilansicht-menue ul.nav-liste ul ul li a.nav-aktiv-link, #mobilansicht-menue ul.nav-liste ul ul li a:hover, #mobilansicht-menue ul.nav-liste ul ul li a:active, #mobilansicht-menue ul.nav-liste ul ul li a:focus, #mobilansicht-menue ul.nav-liste ul ul li.nav-aktiv > a{background-color:#fff; color:#ea6a05;} /*Texte, Formulare, Tabellen*/ h1{overflow:visible; width:auto;} .inhalt-formular-label{width:auto; float:none; text-align:left; padding:0.5em 0 0 0;} .inhalt-formular-input{width:auto; float:none; text-align:left; padding:0;} .inhalt-formular-input input.text{display:block; width:100%; font-size:1em; padding:0.2em 0;} .inhalt-formular-input select{width:100%; font-size:1em;} .inhalt-formular-input #txt-anliegen{height:8em;} textarea{width:100%; max-width:100%; height:10em; font-size:1.25em;} .inhalt-formular-buttons{padding:0.5em 0;} .inhalt-formular input.submit{width:100%; height:auto; padding:0.6em 0.8em 0.7em 0.8em; border:0; font-weight:bold;} @media (max-width:479px){ table, thead, tbody, caption{display:block; width:100%; border:0;} tr, th, td{display:block; border:0;} tr{background:none; background-image:none; background-color:transparent;} td:nth-child(odd){background-color:#ddd; color:#333} td:nth-child(even){background-color:#eee; color:#333} tbody th:first-child, td:first-child{background-color:#555; font-weight:bold; color:#fff;} thead{background-color:#EA6A05;} thead tr{padding:0.5em 0.3em;} thead th{display:inline; width:auto; padding:0;} thead th:after{content:" – ";} thead th:last-child:after{content:"";} thead th *{width:auto; display:inline!important;} blockquote{padding-left:3em;} blockquote:before{left:0;} } @media (max-width:319px){ blockquote{padding:3em 0 1em 0;} } /*Bausteine*/ p.link-mehr a, 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;} p.link-mehr a:active, p.link-mehr a:hover, p.link-mehr a:focus, p.link-zurueck a:active, p.link-zurueck a:hover, p.link-zurueck a:focus{background-color:#eee;} .inhalt-dokument-liste ul li{margin:0.5em 0;} @media (max-width:479px){ .inhalt-baustein-spalte-links, .inhalt-baustein-spalte-mitte, .inhalt-baustein-spalte-rechts{float:none; width:100%; overflow:visible; margin:0; padding:0;} .inhalt-baustein-3spalten .inhalt-baustein-spalte-links, .inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte, .inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts{float:none; width:100%; overflow:visible; margin:0; padding:0;} } 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%;} /*Mediaelemente*/ img{max-width:none;} .inhalt-media img{width:100%!important;} .inhalt-media-bild-62p{width:50%!important;} @media (max-width:639px){ .inhalt-media-bild-300px{float:none; clear:both; max-width:100%; margin:0.5em 0;} .inhalt-media-bild-original{float:none; clear:both; max-width:99%; margin:0.5em 0;} .inhalt-media-mitte{margin:0.5em auto;} .inhalt-media-bild-50p, .inhalt-media-bild-62p{width:38%!important;} } @media (max-width:479px){ .inhalt-media-bild-200px{float:none; clear:both; max-width:100%; margin:0.5em 0;} .inhalt-media-bild-38p, .inhalt-media-bild-50p, .inhalt-media-bild-62p{width:100%!important;} } @media (max-width:319px){ .inhalt-media-bild-100px{float:none; clear:both; max-width:100%; margin:0.5em 0;} .inhalt-media-bild-300px, .inhalt-media-bild-38p, .inhalt-media-bild-50p, .inhalt-media-bild-62p{float:none; width:auto!important; clear:both; margin:0.5em 0;} } /*Listen*/ .inhalt-baustein ol{padding-left:0.5em;} .inhalt-baustein ol ol{padding-left:1.25em;} /*Galerie*/ .inhalt-baustein .inhalt-galerie ol{padding:0;} .inhalt-galerie-bilder{width:100%;} .inhalt-galerie img{max-width:none;} @media (max-width:479px){ .inhalt-galerie-bilder{padding-left:0;} .inhalt-galerie-bilder ol{display:block; text-align:center;} .inhalt-galerie-bilder ol li{position:relative; float:none; width:70%; height:auto; aspect-ratio: 1 / 1; margin:0 auto 1.5em auto;} .inhalt-galerie-bild{width:100%; height:100%;} } /*Plugins (Absatz entfernen, wenn nicht benötigt)*/ #share{position:absolute; left:0; bottom:0; width:100%; height:64px; background-color:#747779;} #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;} }