/* arthur.demo */ * {margin:0; padding:0; border:0;} html {height:100%; overflow-y:scroll; background-color:#fff;} body {height:100%; min-width:54em; font-size:100%; text-align:center; color:#233046; 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:52em; height:auto; min-width:0; min-height:190px; margin:0; padding:10px 1.5em; background:none #fff;} body.mce-content-body h2{padding-left:0;} body.mce-content-body .shy{display:inline-block; background:pink; width:6px; height:3px; vertical-align:middle;} .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;} .ontop{z-index:9999;} body { min-height: 100vh; min-height: -webkit-fill-available; } html { height: -webkit-fill-available; } /*Fly-in animation*/ .fly{transition:all 1.2s ease; transition-delay:0.25s;} body.seite .fly-l{transform:translateX(-100%); left:5em;} body.seite .fly-r{transform:translateX(100%); right:5em;} body.seite .fly-l{transform:translateX(-100%); left:0;} body.seite .fly-r{transform:translateX(100%); right:0;} body.w1220 .fly-l{left:0;} body.w1220 .fly-r{right:0;} body.seite .fly-no{opacity:0;} .fly-yes{opacity:1; transform:translateX(0)!important;} /*breitengestaltung ohne .zentriert*/ #kopf .zentriert, #nav .zentriert, #themenbild-bereich .zentriert, h1, #footer .zentriert, .inhalt-beitrag, .inhalt-baustein-spaltenwrapper, .inhalt-skript, .inhalt-galerie .inhalt-baustein-inhalt{position:relative; width:59em; margin:0 auto; text-align:left; overflow:hidden;} .inhalt-baustein-spaltenwrapper{position:relative; width:59em; margin:0 auto; text-align:left; overflow:hidden;} .inhalt-baustein-spaltenwrapper .inhalt-beitrag{width:auto!important;} .inhalt-skript.inhalt-skript-kontaktformular{width:42em;} .inhalt-skript.inhalt-skript-anfahrtskarte{width:100%;} body.mobil .zentriert, body.mobil .inhalt-beitrag, body.mobil .inhalt-baustein.inhalt-baustein-2spalten, body.mobil .inhalt-baustein.inhalt-baustein-3spalten, body.mobil .inhalt-baustein.inhalt-baustein-4spalten, body.mobil .inhalt-skript, body.mobil .inhalt-galerie .inhalt-baustein-inhalt{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;} #top2{position:absolute; top:-3.5em;} #seite {position:relative; padding:0; background-color:#fff; z-index:200;} #inhalt-fuss {clear:both;} /*#footer .zentriert{width:54em; padding:1.5em 0;} #footer {position:relative; background-color:#757575; color:#f3f3f3; z-index:200;} #footer a {color:#c5c5c5; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer .nav{position:relative; float:right; padding-right:0; width:23em; overflow:hidden; text-align:right; height:1.5em;}*/ address.vcard{max-width:31em; padding:0;} .vcard-col{display:inline; float:left; width:15em;} #seite {padding:0; background-color:#fafafa;} #bg-seite {position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(img/bg-parallax-ship.png); background-position:50% 30em; background-size:100% auto; background-repeat:repeat-y; opacity:0.1; z-index:210;} #seite .zentriert {position:relative; padding-bottom:2em; z-index:220;} #spalte-mitte {display:block; min-height:30em; padding:0 0 1em 0;} #spalte-mitte .inhalt {overflow:hidden;} #inhalt-fuss {clear:both;} #footer .zentriert{width:55em; padding:2em 0; text-align:center;} #footer, #cookiehinweis-spacer {background-color:#757575; color:#f3f3f3;} #footer a {color:#ddd; text-decoration:none;} #footer a:hover {text-decoration:underline;} #footer #kontakt{color:#222;} #footer-top{background-color:#5a85b9; overflow:hidden; background-image:url(logo-footer.png); background-position:50%; background-size:20em; background-repeat:no-repeat;} #footer-btm{background-color:#F7F3EE; overflow:hidden;} #footer-btm a{color:#896b40;} #footer-btm a:hover{color:#B08D5A; text-decoration:none;} #bodyclass{position:fixed; top:6em; left:0; width:100%; height:auto; z-index:99999; text-align:left; /*pointer-events:none;*/} #bodyclass #bc-inner{position:relative; display:none; width:80%; max-width:30em; height:auto; min-height:1.5em; margin:auto; background-color:rgba(255,192,203,0.9); border:2px solid #aaa; border-radius:0.5em; z-index:99999; text-align:left; padding:1em 4em 1em 1em; /*pointer-events:none;*/} #bodyclass #bc-inner.show{display:block;} #bodyclass input{width:2.5em; height:2.5em; cursor:pointer; background-size:60%; background-position:50% 45%; background-repeat:no-repeat; background-color:#fff; border-radius:50%;} #bodyclass input#show-bc{position:fixed; top:1em; left:1em; background-image:url(img/icon-info.png);} #bodyclass input#get-bc{position:absolute; right:1em; top:0.75em; background-image:url(img/refresh.png);} #bodyclass input:hover{background-color:yellow;} /*Farben - FDA Blau: #2b56a1 - FDA Orange: */ /*Layout*/ .xxxzentriert {position:relative; width:54em; margin:0 auto; text-align:left; overflow:hidden;} .inhalt {} #rahmen {} #header {position:relative; width:100%; height:4em; overflow:hidden; box-shadow:0px -2px 6px 0px rgba(0, 0, 0, 0.5); z-index:1000;} body.sticky #header {position:fixed; top:0; left:0; width:100%; box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.5);} body.sticky #seite {padding-top:4em;} #kopf{position:relative; height:4em; background-color:#4F596B; background-color:rgba(35,48,70,1); } #bg-kopf{position:absolute; left:0; top:0; display:inline-block; height:100%; width:16em; background-image:url(img/bg-logo.png); background-size:auto 5em; background-repeat:no-repeat; background-position:0 0; opacity:0;} body.sticky #bg-kopf{opacity:1;} #kopf .zentriert{height:12em;} #kopf .inhalt{} #klickhome{position:absolute; top:70%; right:30%; width:10em; height:10em; border-radius:50%; border:2px solid yellow; z-index:300;} /*Beitrag Thema*/ .beitrag-thema-parent{width:calc(100vw - 3em)!important; padding:0; margin:1.5em auto; border-radius:0.5em;} .beitrag-thema{box-sizing:border-box;} .beitrag-thema .inhalt-baustein-inhalt{padding:2.5em 1.75em;} body.beitrag .inhalt-baustein-inhalt{padding:0!important;} .beitrag-thema .inhalt-media{width:12em!important;} .beitrag-thema .inhalt-media-helper img{width:12em!important; height:auto; margin:1em auto 0 auto;} .beitrag-thema .inhalt-media-helper p{} .beitrag-thema .inhalt-beitrag-kurztext{width:40em; overflow:hidden;} body.beitrag .inhalt-beitrag-kurztext{width:auto!important;} .beitrag-thema .inhalt-beitrag-kurztext h2{padding-left:0; background:none!important;} .beitrag-thema .inhalt-beitrag-kurztext h2 span{padding:0; background-color:transparent; color:inherit;} .beitrag-thema .inhalt-beitrag-kurztext p{padding-left:2em;} .beitrag-thema .inhalt-beitrag-kurztext ul{padding-left:3em;} .beitrag-thema p.link-mehr{width:35.875em; padding:1em 0 0 0; float:right;} .beitrag-thema.fly-r p.link-mehr{padding:1em 0 0 1.875em; float:none; clear:both;} .beitrag-thema-parent {background-size:auto 50vh; background-repeat:no-repeat;} .beitrag-thema-parent.fly-l-parent {background-position:0% 50%;} .beitrag-thema-parent.fly-r-parent {background-position:100% 50%;} .beitrag-thema.fly-l .inhalt-beitrag-kurztext{float:right;} .beitrag-thema.fly-r .inhalt-beitrag-kurztext{float:left;} body.mce-content-body p.link-mehr a{background-color:pink;} /* Unterseite Beitrag */ body.beitrag .inhalt-beitrag-kurztext {width:59em; float:none!important; clear:both;} body.beitrag h2 {color:#f69102;} body.beitrag p {padding-left:2em;} body.beitrag ul {padding-left:3em;} .thema-modular-parent {background-image:url(img/theme-modular.png);} .thema-design-parent {background-image:url(img/theme-design.png);} .thema-cms-parent {background-image:url(img/theme-cms.png);} .thema-mobile-parent {background-image:url(img/theme-mobile.png);} p.link-mehr a, p.link-zurueck a {position:relative; display:inline-block; text-decoration:none; color:#fff; width:10em; height:1.5em; padding:0 0 0 1.625em; background-image:url(img/icon-link-mehr.png); background-position:0.25em 50%; background-size:1em auto; background-repeat:no-repeat;} p.link-zurueck a {color:#ffa524; background-image:url(img/icon-link-zurueck.png);} p.link-mehr a > span, p.link-zurueck a > span {display:block; position:relative; height:100%; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:clip; border-left:3px solid #fff;} p.link-zurueck a > span {border-left:3px solid #ffa524;} p.link-mehr a span span, p.link-zurueck a span span{position:relative; top:-1px; margin-left:-7em; transition:all 0.8s ease;} p.link-mehr a:hover span span, p.link-zurueck a:hover span span{margin-left:0.5em;} /*Farbschemen*/ .schema-orange-parent{background-color:#ffab34; background-color:rgba(253,155,16,0.8);} .schema-orange{color:#111;} .schema-orange h2{color:#fff;} .schema-blau-parent{background-color:#72b1d6; background-color:rgba(114,177,214,0.8);} .schema-blau{color:#111;} .schema-blau h2{color:#fff;} /* ######## ANIMATION STARSEITE ##################### */ #start-kopf{position:relative; top:0; height:0; width:100%; z-index:100; overflow:hidden; background-color:#FF9600;} #start-kopf{background-color:#FFA524;} body.startseite #start-kopf{height: calc(100vh - 4em);} /*Rotation Homepage Background*/ @-webkit-keyframes rotating /* Safari and Chrome */ { from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}} @keyframes rotating { from {-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} to {-ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);}} /*Rotation Homepage counter clockwise*/ @-webkit-keyframes rotating-ccw /* Safari and Chrome */ { from {-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}} @keyframes rotating-ccw { from {-ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} to {-ms-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);}} #bg-rotating{display:block; position:absolute; left:50%; width:3000px; height:80em; margin-left:-1500px; overflow:hidden; opacity:0.9;} #bg-gradient{position:absolute; top:0; left:0; right:0; margin:0 auto; width:100%; height:100%; opacity:0.5; background:linear-gradient(90deg, #ff8b03 0%, #66a5ad 100%); z-index:200;} .bg-pos{position:absolute; top:0; left:0; right:0; margin:0 auto; width:80em; height:80em; background-position:50%; background-repeat:no-repeat;} .xxxrotating{z-index:305; background-image:url(img/circle-outer.png); background-size:80em; animation: rotating 90s linear infinite;} .rotating{z-index:305; animation: rotating 90s linear infinite;} .rotating.ccw{background-image:url(img/circle-inner.png); z-index:310; animation: rotating-ccw 90s linear infinite;} #bg-laptop{position:absolute; bottom:0; left:0; height:100vh; width:100%; z-index:300;} #bg-laptop .inner{width:100%; height:100%; margin:0 auto; opacity:0.4;} #bg-laptop{ background-image: url(img/person-left.png), url(img/person-right.png); background-size: auto 40%, auto 75%; background-position: 0 40%, 100% 99%; background-repeat: no-repeat; } #logo, #logo-txt, #logo-img{position:relative; display:block; width:100%;} #logo, #logo-txt, #logo-img{position:relative; display:block; width:100%;} #logo .inner {position:relative; display:block; width:28em; height:28em; margin:26em auto 0 auto;} .img .logo img {height:75vh;} .txt .logo img {height:75vh;} /*body.w1540 .bg-pos{position:absolute; top:-53%; left:24%;} body.w1380 .bg-pos{position:absolute; top:-43%; left:27%;} body.w1220 .bg-pos{position:absolute; top:-24%; left:30%;} body.w1000 .bg-pos{position:absolute; top:-15%; left:30%;}*/ /*body.w1540 #logo img {width:27em; margin-top:26.5em;} body.w1380 #logo img {width:22em; margin-top:29em;} body.w1220 #logo img {width:20em; margin-top:30em;} body.w1000 #logo img {width:18em; margin-top:31em;}*/ #slogan {display:block; position:absolute; bottom:0.75em; left:0; width:100%; text-align:center; z-index:500;} #slogan .inner{font-size:2.25em; color:#017f8f; font-weight:bold; width:auto; background:rgba(255,255,255,0.85); display:inline-block; padding:0.25em 0.5em 0.125em 0.5em; border:2px solid #017f8f; border-radius:0.25em;} #slogan span.slogan1{color:#1c3e7a; padding:0 0.125em 0 0.25em;} #slogan span.slogan2{font-size:1.125em; padding:0 0.125em; font-weight:bold;} #slogan span.slogan2{color:#FD0000;} #slogan span.slogan2{color:#e500e2;} #slogan img{width:5em;} #slogan #block1{position:absolute; top:0em; left:0em; line-height:360%;} #slogan #block1 span{font-size:3.5em; color:#fff;} #slogan #block2{position:absolute; top:10em; left:3em; line-height:240%;} #slogan #block2 span{font-size:1.75em; color:#000;} #slogan #block2 span span{font-size:1em;} #slogan #block2 span.txt2{position:relative; font-size:2em; top:0.125em; color:#fff;} #slogan #block2 span.txt3{position:relative; top:-0.5em; color:#fff;} #slogan #block2 span.txt4{font-style:italic; color:#fdb847;} /*#slogan .s2{position:absolute; top:10em; left:0em; line-height:100%;} #slogan .s2 span{font-size:2.125em; color:#000;} #slogan .s2 span.s2{position:relative; font-size:3.25em; padding-left:0.1875em; top:0.125em;} #slogan .s2 span.s3{font-size:2.5em; padding:0 0.25em 0 0; top:-0.125em;} #slogan .z2{padding-left:2.3125em;}*/ /*#slogan .s2 span.em{font-style:italic; color:#fdb847;} #slogan .s2 span.n2{position:relative; font-size:3.25em; padding-left:0.1875em; top:0.125em; color:#fff;} #slogan .s2 span.n3{padding:0 0.25em 0 0; top:-0.125em; color:#fff;} #slogan .inner2{padding-left:4.375em;}*/ /*#slogan .t1 {position:absolute; top:0; left:0;} #slogan .t1 span{color:#fff; font-size:3.5em;} #slogan .t2{position:absolute; top:4em; left:5em; z-index:511; color:green;} #slogan .t2 span{color:#fff; font-size:3.5em; font-weight:bold;} #slogan .t3{position:absolute; top:9em; left:2em; z-index:510; color:orange;} #slogan .t3 span{color:orange; font-size:2.5em;} #slogan .t4{position:absolute; top:13em; left:6em; z-index:511; color:blue;} #slogan .t4 span{color:blue; font-size:2.5em;}*/ #slogan .title {display:block; padding:1em 0 6em 0;} #slogan .title span{font-size:4em; color:#fff;} #slogan .sub{display:block; padding-left:1em; font-size:2.25em; color:#633600;} #slogan .sub{display:block; padding-left:1em; font-size:2.25em; color:#233046;} #slogan .sub span{font-weight:bold;} #slogan .sub ul{padding:0.5em 0 0 3em;} #slogan .sub ul li{font-size:0.75em; color:#fff;} #themenbild-bereich {height:16em; background-color:#aaa;} #themenbild {position:relative; height:16em;} #slogan2{position:absolute; left:0; top:10em; width:44em; height:5em; display:block; z-index:900;} #slogan2 a {position:relative; display:inline-block; padding:1em 2em; z-index:900; text-decoration:none; outline:0; background-color:#555; background:rgba(85, 85, 85, 0.6); transition:all 0.3s ease; } #slogan2 a:hover {padding-right:4em; background-color:#E20A16; background:rgba(226, 10, 22, 0.5);} #slogan2 a:hover:before {position:absolute; top:0; right:0.375em; content:"\00BB"; color:#fff; font-size:3em;} #slogan2 span {font-size:1.5em; color:#fff;} #flyingdutchman{position:absolute; left:0; bottom:-0.5em; margin-bottom:0; width:100%; z-index:500;} #flyingdutchman span{display:inline-block; font-size:4.25em; line-height:100%; text-transform:uppercase;} #flyingdutchman .sub1{color:#fff;} #flyingdutchman .sub2{float:right; color:#233046;} /* ############ Kompass ###################### */ /*startpage double center*/ .center-container{display:block; width:100%; height:100%; position:absolute; top:0; left:0;} .center-parent {display:table; height:100%; margin:auto;} .center-child {display:table-cell; text-align:center; vertical-align:middle;} .center-elem{padding:0; box-sizing:border-box; overflow:hidden;} #fda-txt .center-parent{width:100vw;} #fda-txt .center-elem{padding-top:0;} #fda-txt .center-elem span{font-size:4.75em; font-weight:bold; color:transparent; text-shadow:0 0 3px rgba(36,46,65,0.9);} #fda-2 .center-parent, #fda-3 .center-parent{width:30vw;} #fda-2 .center-elem img, #fda-3 .center-parent img{width:25em;} #fda-2 .center-elem img{width:25em; transition-duration:1500ms; transition-timing-function: ease-out; opacity:0.6;} /* ############ Kompass ###################### */ #schmuckbild{position:absolute; top:0; left:0; width:100%; background-color:rgba(255,255,255,0.5); display:flex; z-index:300;} #topics{} .topic{width:12em; height:15em; border:0.5em solid orange; border-radius:1em; margin:auto; background-color:#E8B880;} /*Funktionen*/ #funktionen {width:20em; margin:0.75em auto 0 auto; text-align:center;} #funktionen ul {display:inline-block; margin-right:0.375em;} #funktionen ul li {display:inline; list-style:none; font-size:1em!important;} #funktionen ul a, a.hover {display:inline-block; width:2.5em; height:2.5em; overflow:hidden; float:none; padding:0; outline:0;} #funktionen img {width:2.5em; opacity:0.6;} #funktionen a:hover img, #nav #funktionen a:focus img, #funktionen a.hover:hover img, #nav #funktionen a.hover:focus img{opacity:1;} a#icon-home{padding:0 0.875em 0.0625em 0;} body.startseite #icon-home img{opacity:1;} a#icon-kontakt{margin-left:0.625em;} body.zoom-2 #funktionen ul li#schrift-groesser{display:none;} #funktionen ul li#schrift-groesser, #funktionen ul li#schrift-kleiner{margin-right:0.75em;} #funktionen ul li#druckansicht-oeffnen{margin-left:0;} ul.websites-liste li {margin:0 0.5em; display:inline; list-style:none; font-size:0.875em;} #scroll-down, body.sticky #scroll-up{display:inline-block; margin-left:0.875em;} #scroll-up, body.sticky #scroll-down{display:none;} #funktionen .scroll img {height:2.5em; transform:rotate(180deg);} body.sticky .scroll img {transform:rotate(0deg);} /*transition 0.4s*/ #xxxmenue-slidein{transition:all 0.4s ease;} /*transition 0.6s*/ #funktionen img, #bg-kopf, #menue-slidein{transition:all 0.6s ease;} /*css-animation*/ .flash {animation-name:flash;} @keyframes flash {0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}} .animated { -webkit-animation-duration: 6s !important; animation-duration: 6s !important; -webkit-transition-duration: 2s !important; transition-duration: 2s !important; } /*animated-2 für link-mehr buttons*/ .xanimated2 { -webkit-animation-duration: 4s !important; animation-duration: 4s !important; -webkit-transition-duration: 1.5s !important; transition-duration: 1.5s !important; } .animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.c2 {-webkit-animation-iteration-count:2; animation-iteration-count:2;} .animated.once {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;} .animated.delay {-webkit-animation-delay:3s; animation-delay:3s;} .animated.delay-1s {animation-delay:1s!important;} .animated.delay-3s {animation-delay:3s!important;} /*Bereichsnavigation* body.desktop #nav-bereich{float:left; width:38em; height:3.5em; text-align:left;} body.desktop #nav-bereich{position:relative; width:40em;} body.desktop #nav-bereich ul {} body.desktop #nav-bereich ul li {display:inline-block; line-height:normal; list-style:none; margin:0; font-size:1em;} body.desktop #nav-bereich ul li a {display:block; float:left; padding:1.5em 1em; text-decoration:none; outline:0; color:#ffa235;} body.desktop #nav-bereich ul li a {display:block; float:left; padding:1.5em 1em; text-decoration:none; outline:0; color:#feb35b;} body.desktop #nav-bereich ul li.nav-submenue > a {padding:0.5em 1.25em 0.5em 0.875em;} body.desktop #nav-bereich ul a span {text-transform:uppercase; font-size:1.125em; cursor:pointer;} body.desktop #nav-bereich ul a:visited {text-decoration:none;} body.desktop #nav-bereich ul a.nav-aktiv-link, body.desktop #nav-bereich ul a:active, body.desktop #nav-bereich ul a:hover, body.desktop #nav-bereich ul a:focus{text-decoration:none; color:#fff;} body.desktop #nav-bereich li.nav-aktiv > a {text-decoration:none; color:#fff;} body.desktop #nav-bereich .zentriert{text-align:left;} .nav-2-2-1 a span, .nav-2-3-1 a span{text-transform:none!important;} /* zusätzliche Styles für die js-Ausklapp-Navigation * body.desktop #nav-bereich ul.nav-liste-2{float:right;} body.desktop #nav-bereich ul.nav-liste-2 ul {display:none; position:relative; padding-top:0;} body.desktop #nav-bereich ul.nav-fade li {position:relative; display:none;} body.desktop #nav-bereich ul.nav-fade li li, body.desktop #nav-bereich ul.nav-fade li.nav-2-1, body.desktop #nav-bereich ul.nav-fade li.nav-2-2, body.desktop #nav-bereich ul.nav-fade .nav-2-3, body.desktop #nav-bereich ul.nav-fade .nav-2-4, body.desktop #nav-bereich ul.nav-fade .nav-2-5, body.desktop #nav-bereich ul.nav-fade .nav-2-6, body.desktop #nav-bereich ul.nav-fade .nav-2-7{display:inline-block;} body.desktop #nav-bereich ul.nav-fade li.letzter ul li{ width:11em;} body.desktop #nav-bereich ul.nav-fade ul {display:none; position:absolute; top:2.5em; left:0; padding-top:1.5em; border-bottom:2px solid #eee; background-image:url(img/bg-submenu.png); background-size:20em 40em; background-position:0 0.4125em; background-repeat:no-repeat;} body.desktop #nav-bereich ul.nav-fade ul li {width:19em; text-align:left;} body.desktop #nav-bereich ul.nav-fade ul li a{font-size:0.875em;} body.desktop #nav-bereich ul.nav-fade ul li.letzter {border:0;} body.desktop #nav-bereich ul.nav-fade ul li.letzter a{padding:0 1em 0.4em 1em;} body.desktop #nav-bereich ul.nav-fade ul li a, body.desktop #nav-bereich ul.nav-fade ul li.letzter a {padding-top:0.375em; padding-bottom:0.375em; color:#eee; transition: padding 0.4s ease;} body.desktop #nav-bereich ul.nav-fade ul li.erster a {padding-top:1em;} body.desktop #nav-bereich ul.nav-fade ul li.nav-aktiv > a, body.desktop #nav-bereich ul.nav-liste-2 ul a.nav-aktiv-link, body.desktop #nav-bereich ul.nav-fade ul a.nav-aktiv-link, body.desktop #nav-bereich ul.nav-liste-2 ul .js-nav-hover > a, body.desktop #nav-bereich ul.nav-fade ul .js-nav-hover > a, body.desktop #nav-bereich ul.nav-liste-2 ul li a:active, body.desktop #nav-bereich ul.nav-fade ul li a:active, body.desktop #nav-bereich ul.nav-liste-2 ul li a:hover, body.desktop #nav-bereich ul.nav-fade ul li a:hover, body.desktop #nav-bereich ul.nav-liste-2 ul li a:focus, body.desktop #nav-bereich ul.nav-fade ul li a:focus, body.desktop #nav-bereich ul.nav-fade ul li.letzter a:focus {color:#cf7409; text-decoration:none; border-top:0; padding-left:1.5em; transition: padding 0.4s ease;} body.desktop #nav-bereich ul.nav-fade ul ul {top:0; left:19.25em;} body.desktop #nav-bereich ul.nav-fade ul ul {display:none!important;} body.desktop #nav-bereich-nojs{display:none;} body.desktop.nojquery #nav-bereich-nojs{display:block; float:right;} /*No-Javascript-Variante* body.desktop #nav-bereich-umenu{display:none;} body.desktop.nojquery #nav-bereich-umenu{display:block;} body.desktop.nojquery #nav-bereich-umenu{background:#ddd; margin-top:1.375em;} body.desktop.nojquery #nav-bereich-umenu ul{width:50em; padding-top:0 !important;} body.desktop.nojquery #nav-bereich-umenu ul a span{font-size:1em !important;} body.desktop.nojquery .suche-formular{position:absolute; top:4em; right:2em; width:8.5em; padding:0;} body.desktop.nojquery .suche-formular .suche-suchfeld input.text{width:6em; float:left; margin-right:0.5em;} /*Seitennavigation* .nav-titel {padding:0 1em 0.5em 0;} .nav-titel span {font-size:1.25em;} body.desktop #nav1 ul.nav-liste {margin:0; padding:0.125em 0;} body.desktop #nav1 ul.nav-liste ul {padding:0 0 0.5em 1em;} body.desktop #nav1 ul.nav-liste li {position:relative; padding:0; height:auto; line-height:normal; list-style-type:none; font-size:1em;} body.desktop #nav1 ul.nav-liste li li {padding:0;} body.desktop #nav1 ul.nav-liste a {display:block; padding:0.25em 0 0.25em 1em; text-decoration:none; font-size:1.25em; color:#fff; font-weight:bold; font-style:normal; text-transform:uppercase; letter-spacing:1px; outline:0;} body.desktop #nav1 ul.nav-liste a.ebene1 {padding-left:1em;} body.desktop #nav1 ul.nav-liste ul a {padding-left:0.25em; font-size:0.875em;} body.desktop #nav1 ul.nav-liste a span {cursor:pointer;} body.desktop #nav1 ul.nav-liste a:visited {text-decoration:none;} body.desktop #nav1 ul.nav-liste a.nav-aktiv-link, body.desktop #nav1 ul.nav-liste a:active, body.desktop #nav1 ul.nav-liste a:hover, body.desktop #nav1 ul.nav-liste a:focus {color:#F09401;} body.desktop #nav1 li.nav-aktiv > a {color:#F09401;} /* ####################### START CHAT ############################## /*Hamburger Menü Animation*/ #hamburger{width:2.5em; height:2.5em; position:fixed; top:1.75em; right:2.25em; margin:0 auto; 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;} #hamburger span{display:block; position:absolute; left:0; height:0.3125em; width:100%; background:#fff; border-radius:0.375em; opacity:1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;} #hamburger span:nth-child(1) {top:0px;} #hamburger span:nth-child(2),#hamburger span:nth-child(3) {top:0.75em;} #hamburger span:nth-child(4) {top:1.5em;} #menue-slidein.show #hamburger span:nth-child(1) {top:0.875em; width:0%; left:50%;} #menue-slidein.show #hamburger span:nth-child(2) { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);} #menue-slidein.show #hamburger span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #menue-slidein.show #hamburger span:nth-child(4) {top:0.875em; width:0%; left:50%;} body.desktop.nojquery #hamburger, body.desktop #hamburger-nojs{display:none;} body.desktop #hamburger, body.desktop.nojquery #hamburger-nojs{display:block; float:right;} /*Slide-in Menu (Bereichsnavigation)*/ #menue-slidein{position:fixed; top:0; right:-15em; height:100vh; width:15em; z-index:10030; overflow: hidden; box-shadow:-6px -2px 10px 0px rgba(0, 0, 0, 0.3);} #menue-slidein #menu-inner{width:15em; min-height:100vh; background:#494949; background-color:rgba(55,55,55,0.8); box-shadow:0 0 5px #000; color:#fff; text-align:left; overflow-y:scroll; -webkit-overflow-scrolling:touch; padding:4.625em 0 0 0; text-align:right; overflow-y:hidden;} #menue-slidein.show{right:0; z-index:10050;} #menu-inner {position:relative; display:block; width:100%; padding:0; z-index:1;} #menu-inner {clear:both;} #menu-inner .nav-titel {padding:0.5em 0.25em;} #menu-inner .nav-titel span {font-size:1em; text-transform:uppercase; color:#fff;} #menu-inner ul {list-style:none;} #menu-inner li {width:100%; max-width:100%; position:relative; border-bottom:1px solid #888;} #menu-inner li a{color:#fff; text-transform:uppercase;} #menu-inner li a:hover, #menu-inner li a.nav-aktiv-link, #menu-inner li li.nav-aktiv a, #menu-inner li li:hover a{color:#F09401;} #menu-inner li a span{font-size:1.375em;} #menu-inner li li a.nav-aktiv-link{padding-left:2.5em; background-image:none;} #menu-inner li.nav-submenue .js-submenuebutton {display:block; width:2.75em; height:2.5em; position:absolute; right:0; top:-1px;} #menu-inner li.nav-submenue .js-submenuebutton div {display:block; width:100%; height:100%; background-image:url(img/arrow-submenue-white.png); background-size:1.375em auto; background-position:center center; background-repeat:no-repeat; cursor:pointer;} #menu-inner li.nav-submenue .js-submenuebutton div.js-open {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #menu-inner li div {display:none;} #menu-inner a {display:block; padding:0.5625em 4em 0.5625em 0.75em; text-align:left; text-transform:none; text-decoration:none; white-space:pre; outline:0;} #menu-inner li li a {padding-left:1.25em;} #menu-inner .nav-liste-1 li.letzter {} #menu-inner 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;} #menu-inner li.nav-submenue.nav-aktiv ul{display:block;} #menu-inner ul.nav-liste-2 > li.erster a{width:2.25em; height:2.25em; padding:0; margin:0 0 0.5em 0.625em; background-image:url(img/home.png); background-position:0 0; background-size:2.25em 4.5em; background-repeat:no-repeat; overflow:hidden;} #menu-inner ul.nav-liste-2 > li.erster:hover a, #menu-inner ul.nav-liste-2 > li.erster a.nav-aktiv-link{background-position:0 -2.25em;} #menu-inner ul.nav-liste-2 > li.erster a span{display:none;} /* lvl 2*/ #menu-inner ul ul{list-style-type:disc; display:none;} #menu-inner ul ul li {border-bottom:0; padding-left:1em;} #menu-inner li li a{color:#fff;} #menu-inner li li a span{text-transform:none;} #menu-inner li li.nav-aktiv a{background-image:url(img/note.png); background-position:0.875em 0.125em; background-size:1.5em; background-repeat:no-repeat;} /*Fussnavigation*/ body.desktop #footer ul{list-style-type:disc; padding:0.375em 0 0.5em 1.375em;} body.desktop #footer ul.nav-liste {} body.desktop #footer ul.nav-liste li {display:inline; line-height:normal; list-style:none; margin:0 0.5em; font-size:1em;} body.desktop #footer ul.nav-liste a {text-decoration:none; font-size:1em; font-weight:normal; font-style:normal; outline:0;} body.desktop #footer ul.nav-liste a span {cursor:pointer;} body.desktop #footer ul.nav-liste a:visited {text-decoration:none;} body.desktop #footer ul.nav-liste a.nav-aktiv-link, body.desktop #footer ul.nav-liste a:active, body.desktop #footer ul.nav-liste a:hover, body.desktop #footer ul.nav-liste a:focus {text-decoration:none; color:#fff;} body.desktop #footer li.nav-aktiv > a {} /*### 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:-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; 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:none;} #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.5em; 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; border:1px solid #fff; background:#403d3d; color:#fff; font-weight:bold; font-size:0.875em; line-height:1em; text-align:left; text-transform:none;} #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; border:1px solid transparent; text-transform:none;} #cookiehinweis #main3rdpartyconsent-submit-ok:hover, #cookiehinweis #main3rdpartyconsent-submit-ok:focus{border:1px solid #fff;} #cookiehinweis #main3rdpartyconsent-submit-accept{background:#444 url(funktionen/icons/tick_width.png) no-repeat 1em; background-size:1em; border:1px solid #444;} #cookiehinweis #main3rdpartyconsent-submit-accept:hover, #cookiehinweis #main3rdpartyconsent-submit-accept:focus{background-color:transparent; border:1px solid #66aa22;} #cookiehinweis #main3rdpartyconsent-submit-decline:hover, #cookiehinweis #main3rdpartyconsent-submit-decline:focus{background-color:transparent; border:1px solid #db1c1c;} #cookiehinweis #main3rdpartyconsent-submit-decline{background:#444 url(funktionen/icons/bullet_cross_disabled_white.png) no-repeat 1em; background-size:1em; border:1px solid #444;} #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);} /*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 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:4em; height:4em; opacity:0.7;} #consent-manager-open img:hover{opacity:1;} 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 ###*/ /*Inhaltsbereich und Textgestaltung*/ h3 {padding:1.5em 0 0.25em 1em;} 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:1em; line-height:135%;}*/ td, th, dl, li, p, pre, address, blockquote, .p {font-size:1.0625em; line-height:160%;} h1 {width:100%; font-size:1em; font-weight:normal; text-align:center; padding:2em 0 1em 0; overflow:hidden;} h1 span {display:inline-block; font-size:2.125em; line-height:120%; color:#2B56A1;} h2 {padding:1em 0; font-size:1.5em; text-align:center;} body.mce-content-body h2{background:none!important;} h2 span{color:#DE9800; padding:0 1em;} h2 span span{padding:0;} h3, caption {font-size:1.125em; color:#DE9800;} 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; margin:2em 0 1em 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{margin:0.3125em 0 0.625em 0;} li *, dl *, p *, pre *, address * {font-size:1em; padding:0; margin:0;} li li {font-size:1em;} dl, .blockquote {clear:left;} blockquote {position:relative; max-width:450px; margin:auto; padding:0; font-weight:100; line-height:1.4;} blockquote:before, blockquote:after {position:absolute; color:#f1efe6; font-size:8rem; width:4rem; height:4rem;} blockquote:before {content:'“'; left:-2rem; top:-1rem;} blockquote:after {content: '”'; right:-6rem; bottom:1rem;} blockquote p{padding:1em 2em 0.5em 2em; color:#555; font-size:1.625em;} blockquote cite {display:block; width:100%; padding:0 1em 1em 0; text-align:right; font-size:0.6875em; color:#d00707;} 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;} .xxxiframe {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;} /*### 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:-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; 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:none;} #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; 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:1px solid #66aa22;} #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:#E20A16; text-decoration:none;} body.mce-content-body a {color:#E20A16; text-decoration:none;} a:visited {text-decoration:none;} body.mce-content-body a:hover, a:active, a:hover, a:focus, a.aktiv {color:#E20A16; text-decoration:underline;} /*(Call-to-Action)-Buttons*/ p.button, input.submit {max-width:100%; padding:1em 0;} 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:#E20A16; 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:#757575;} p.button a:after{content:"\00A0\00BB";} /*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:0.375em 0 0.5em 1.375em;} #nav3 ul {padding:0;} 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:#E20A16; 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.5%; min-height:1px; overflow:hidden;} .inhalt-baustein-3spalten .inhalt-baustein-spalte-mitte {float:left; width:31.5%; margin-left:2.75%; min-height:1px; overflow:hidden;} .inhalt-baustein-3spalten .inhalt-baustein-spalte-rechts {float:right; width:31.5%; 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: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;} .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;} /*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 {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%; margin:1.5em 0; overflow:hidden; background-color:#f0f0f0;} .inhalt-galerie .inhalt-baustein-inhalt {padding-bottom:0.05em;} .inhalt-galerie-titel {padding-bottom:0.5em;} .inhalt-galerie-bilder {position:relative; padding:1.75em 0 0.875em 0; width:105%;} .inhalt-galerie-bilder ol {position:relative; margin:auto; 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; border-radius:0.375em; max-width:none; background-color:#f9d68a;} .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;} /*Galerei-Diashow*/ .inhalt-galerie-diashow ul{list-style:none; padding:0;} .inhalt-galerie-diashow img{display:block;} .inhalt-galerie-diashow-bild-play{display:none;} .inhalt-galerie-diashow-bild-vor, .inhalt-galerie-diashow-bild-zurueck{position:absolute; top:0; height:100%; width:25%; z-index:10000;} .inhalt-galerie-diashow-bild-vor a, .inhalt-galerie-diashow-bild-zurueck a{display:block; width:100%; height:100%;background:no-repeat center center; } .inhalt-galerie-diashow-bild-vor{right:0;} .inhalt-galerie-diashow-bild-zurueck{left:0;} .inhalt-galerie-diashow-bild-vor span, .inhalt-galerie-diashow-bild-zurueck span{display:none;} .inhalt-galerie-diashow-bild-vor a {background:url(funktionen/icons/resultset_next.png) no-repeat right center; outline:none; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -o-transition: all .7s linear; transition: all .7s linear;} .inhalt-galerie-diashow-bild-zurueck a{background:url(funktionen/icons/resultset_previous.png) no-repeat -3em center; outline:none; -webkit-transition: all .7s linear; -moz-transition: all .7s linear; -o-transition: all .7s linear; transition: all .7s linear;} .inhalt-galerie-diashow-bild-vor a:hover {background-position-x:center;} .inhalt-galerie-diashow-bild-zurueck a:hover{background-position-x:center;} /*Galerie-Gruppenslider*/ .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;} /*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:0.5em; font-size:1.125em; font-weight:bold; background-color:#757575; color:#fff;} div.js-akkordeon-wrapper {padding:0.5em;} body.jquery h2.js-akkordeon-trigger:hover {background-color:#E20A16;} 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);} /*Plugins*/ #share-button {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, body.mobil #themenbild-bereich, body.mobil #slogan, body.mobil #to-top{display:none;} body.mobil {font-size:112.5%;} body.mobil p, body.mobil .p, body.mobil dd, body.mobil address, body.mobil .inhalt-formular, body.mobil .zentriert, body.mobil #spalte-mitte .inhalt, body.mobil li, body.mobil blockquote, body.mobil #footer .zentriert {width:auto; max-width:none;} body.mobil, body.mobil #rahmen, body.mobil #header, 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 #footer{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 #header {padding:0; background:none; overflow:visible;} body.mobil #logo {position:relative; top:0; left:0; clear:both; width:100%; padding: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 #footer p {padding:0.5em 0; text-align:center; max-width:100%;} body.mobil #kopf .inhalt{height:auto;} /*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; text-align:center;} body.jquery.mobil #mobilansicht-top {border-top:3px solid #fff; background-color:#555555;} body.mobil #mobilansicht-bottom {padding-top:0; background-color:#333;} body.mobil a.mobil {display:inline-block; width:48px; height:48px; outline:0;} body.mobil #mobilansicht-bottom a.mobil {height:42px;} 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/list_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.mobil #footer .nav{width:100%; height:auto; float:none;} 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; color:#fff; background-color:#48504E; border-top:1px solid #000;} /* Main menu Title */ body.mobil div.nav {text-align:left; background-color:#fff;} body.mobil #menue {text-align:left; border-bottom:1px dotted #555;} body.mobil #nav-bereich li, body.mobil #nav1 li {list-style:none; overflow:hidden; max-width:none;} body.mobil ul.nav-liste {width:auto; font-weight:normal;} body.mobil ul.nav-liste li{width:auto; font-weight:normal; border-top:1px dotted #555;} body.mobil ul.nav-liste li.erster{border-top:0;} body.mobil ul.nav-liste a {position:relative; display:block; padding:0.5em 0.75em 0.75em 0.75em; text-transform:none; text-decoration:none; outline:0;} body.mobil ul.nav-liste a:visited {text-decoration:none;} body.mobil ul.nav-liste a span {} body.mobil .nav-liste-mobil-slidedown {display:block; font-size:0.75em;opacity:0.5; line-height:100%;} /*lvl 1*/ body.mobil ul.nav-liste li {list-style:none; font-size:1em; max-width:100%;} body.mobil ul.nav-liste li.nav-submenue > a:after{content:"\002C7"; position:absolute; right:1em; top:0.5em; font-size:2em;} body.mobil ul.nav-liste li.nav-submenue.nav-aktiv > a:after{content:"\002C6"; position:absolute; right:1em; top:0.5em; font-size:2em;} body.mobil ul.nav-liste a {padding-left:1em; background-color:#64ae37; color:#fff;} body.mobil ul.nav-liste a:before {content:"";} 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:#7dca4e; color:#fff !important; text-decoration:none;} body.mobil ul.nav-liste li.nav-aktiv > a {background-color:#7dca4e; color:#fff;} /*lvl 2*/ body.mobil ul.nav-liste ul li.nav-submenue > a:after{content:"\002C7"; position:absolute; right:1em; top:0.5em; font-size:2em;} body.mobil ul.nav-liste ul li.erster{border-top:1px dotted #555;} body.mobil ul.nav-liste li ul {display:none;} body.mobil ul.nav-liste li.nav-aktiv ul {display:block;} body.mobil ul.nav-liste ul li {list-style:none; font-size:1em; max-width:100%;} body.mobil ul.nav-liste ul a {padding-left:1.75em; background-color:#aaa; color:#fff;} body.mobil ul.nav-liste ul a:before {content:"\203A\2002"; vertical-align:0.0625em;} body.mobil ul.nav-liste ul a.nav-aktiv-link, body.mobil ul.nav-liste ul a:active, body.mobil ul.nav-liste ul a:hover, body.mobil ul.nav-liste ul a:focus {background-color:#ccc; color:#fff; text-decoration:none;} body.mobil ul.nav-liste ul li.nav-aktiv a {background-color:#ccc; color:#fff;} /*lvl 3* body.mobil ul.nav-liste li.nav-aktiv ul li ul {display:none;} body.mobil ul.nav-liste li.nav-aktiv ul li.nav-aktiv ul {display:block;} body.mobil ul.nav-liste ul ul li {list-style:none; font-size:1em; max-width:100%;} body.mobil ul.nav-liste ul ul li a{padding-left:2.5em;} body.mobil ul.nav-liste ul ul a, body.mobil ul.nav-liste ul li.nav-aktiv ul a {background-color:#fff; color:#555;} body.mobil ul.nav-liste ul ul a:before {content:"\203A\2002"; vertical-align:0.0625em;} body.mobil ul.nav-liste ul ul a.nav-aktiv-link, body.mobil ul.nav-liste ul ul a:active, body.mobil ul.nav-liste ul ul a:hover, body.mobil ul.nav-liste ul ul a:focus {background-color:#EB6B0F !important; color:#fff !important; text-decoration:none;} /*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 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:#E20A16;} 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;} body.w480 blockquote{padding-left:3em;} body.w480 blockquote:before{left:0;} body.w320 blockquote{padding:3em 0 1em 0;} /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ body { background-color: #292a2b; } /* center the blockquote in the page */ .blockquote-wrapper { display: flex; height: 100vh; padding: 0 20px; } /* Blockquote main style */ .blockquote { position: relative; font-family: 'Barlow Condensed', sans-serif; max-width: 620px; margin: 80px auto; align-self: center; } /* Blockquote header */ .blockquote h1 { font-family: 'Abril Fatface', cursive; position: relative; /* for pseudos */ color: #e74848; font-size: 2.8rem; font-weight: normal; line-height: 1; margin: 0; border: 2px solid #fff; border: solid 2px; border-radius:20px; padding: 25px; } /* Blockquote right double quotes */ .blockquote h1:after { content:""; position: absolute; border: 2px solid #e74848; border-radius: 0 50px 0 0; width: 60px; height: 60px; bottom: -62px; left: 50px; border-bottom: none; border-left: none; z-index: 3; } .blockquote h1:before { content:""; position: absolute; width: 80px; border: 6px solid #292a2b; bottom: -3px; left: 50px; z-index: 2; } /* increase header size after 600px */ @media all and (min-width: 600px) { .blockquote h1 { font-size: 3rem; line-height: 1.2; } } /* Blockquote subheader */ .blockquote h4 { position: relative; color: #ffffff; font-size: 1.3rem; font-weight: 400; line-height: 1.2; margin: 0; padding-top: 15px; z-index: 1; margin-left:150px; padding-left:12px; } .blockquote h4:first-letter { margin-left:-12px; } /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/ /*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:none;} body.mobil #cookiehinweis{bottom:0; width:100%; left:0; right:0; height:auto; -webkit-text-size-adjust:none; z-index:10050;} 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%; 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:none;} 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;} /*Listen*/ body.mobil .inhalt-baustein ol{padding-left:0.5em;} body.mobil .inhalt-baustein ol ol{padding-left:1.25em;} /*Galerie*/ body.mobil .inhalt-baustein .inhalt-galerie ol{padding:0;} 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-bilder ol li{margin-right:1em;} body.mobil .inhalt-galerie-bilder ol li:nth-child(3n+4){clear:none;} 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;}