@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local(),url(../fonts/open-sans-v28-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-regular.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local(),url(../fonts/open-sans-v28-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-700.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local(),url(../fonts/open-sans-v28-latin-italic.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local(),url(../fonts/open-sans-v28-latin-700italic.woff2) format("woff2"),url(../fonts/open-sans-v28-latin-700italic.woff) format("woff")}
*,::before,::after{box-sizing:border-box}
body{font:1em/1.4 'Open Sans',Arial,Verdana,Helvetica,sans-serif;background:#fff;margin:0;padding:0;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h6,h5,h4,h3,h2,h1{margin-top:0;margin-bottom:.5em;font-weight:500}
h1{font-size:calc(1.375rem + 1.5vw)}
h2{font-size:calc(1.325rem + 0.9vw)}
h3{font-size:calc(1.3rem + 0.6vw)}
h4{font-size:calc(1.275rem + 0.3vw)}
h5,h6{font-size:1em}
p{margin-top:0;margin-bottom:1em}
ul,ol{font-size:1em;line-height:1.75em}
[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled),button:not(:disabled){cursor:pointer}
#seite{width:100%;min-height:100.01vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;margin:0 auto}
#header{background:#fff;position:fixed;z-index:99;width:100%;overflow:auto;overflow-x:hidden}
.slider,.kopfbild{margin-top:5em;border-top:1px solid #727271}
#inhalt{width:100%;max-width:1240px;margin:0 auto;padding:1em 12px}
#fuss{border-top:1px solid #006cb5}
.fusszeile{background:#006cb5 linear-gradient(#5b5f62 30%,#006cb5 30%)}
#kopf{max-width:1240px;margin:0 auto;overflow:hidden;position:relative;padding:.5em 16px .25em}
#titel{width:100%;overflow:hidden}
#titel a{color:#006cb5;font-size:1em;font-weight:600;display:block;text-decoration:none}
#titel span{color:#727271;font-size:.875em;display:block}
#titel img{float:left;margin-right:8px;width:50%}
.titel-text{display:none}
#suche{position:relative;overflow:hidden}
.seingabe{width:100%;height:42px;font-size:1em;color:#000;background:#fff;border:1px solid #727271;border-radius:12px;outline:none;position:relative;overflow:hidden;padding:4px 48px 4px 4px;margin:0;float:left}
.sbtn{height:40px;width:40px;background:#fff url(../bilder/lupe.png) no-repeat center center;border:0;background-size:90% auto;border-radius:0 12px 12px 0;overflow:hidden;text-indent:-9999px;position:absolute;top:1px;right:1px;cursor:pointer}
.sbtn:hover{background:#fff url(../bilder/lupe-bl.png) no-repeat center center;background-size:90% auto}
#btnsuche{position:absolute;top:12px;right:82px;padding-top:6px}
#icon-box{text-align:right}
#btnmenue{position:absolute;top:12px;right:8px;padding-top:6px}
.hmenue{width:50px;height:32px;display:block;position:relative;margin:0;cursor:pointer}
.linie-o,.linie-m,.linie-u{position:absolute;left:0;height:4px;width:40px;background:#006cb5;border-radius:2px;display:block;transition:.5s;transform-origin:center}
.linie-o{top:0}
.linie-m{top:10px}
.linie-u{top:20px}
.menue-auf .linie-o{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg);background:#9a190b}
.menue-auf .linie-m{opacity:0}
.menue-auf .linie-u{-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg);background:#9a190b}
#btnsuche.menue-zu{background:#fff url(../bilder/lupe.png) no-repeat center center}
.menue-zu .btn-suche .linie-o,.menue-zu .btn-suche .linie-m,.menue-zu .btn-suche .linie-u{opacity:0}
.einblenden{transition:height .8s ease-out;height:3.75em;margin:1em 0;visibility:visible}
.ausblenden{transition:height .8s ease-out;height:0;margin:0;visibility:hidden}
.mm-ein{transition:width,left .8s ease-out;position:absolute;top:4.75em;left:0;width:100%;z-index:98}
.mm-aus{transition:width,left .8s ease-out;position:absolute;top:4.75em;left:-10px;width:0;z-index:98}
.extern::after{display:inline-block;content:"";background:#fff url(../icons/box-arrow-up-right.svg) no-repeat center center;background-size:75% auto;width:1em;height:1em;margin-left:1em}
#breadcrumb{padding:1em 0;color:#2b2a29}
#breadcrumb a{color:#2b2a29;text-decoration:none}
#breadcrumb a:hover{color:#006cb5;text-decoration:underline}
#submenue{padding:0 24px 1em;margin:0;overflow:hidden}
.submenue-group li{margin:0 .5em .5em 0;list-style:none}
.submenue-group li a{display:block;color:#006cb5;padding:.375em 8px}
.submenue-group li a:hover,.submenue-group li a.aktiv{color:#000}
.noscroll{overflow:hidden}
.overlay{height:100%}
.flexbox,.flexbox-inhalt{display:flex;flex-wrap:wrap}
.artikel{padding:0 12px;margin-top:.75em;margin-bottom:.875em}
.sechs .artikel{padding:0 6px;margin-top:.75em;margin-bottom:.875em}
.artikelinnen{padding:1em 16px 2.5em;background:#fff;width:100%;height:100%;position:relative;border:1px solid #ebecec}
.artikelinnen a{text-decoration:none}
.artikelinnen a h3{color:#006cb5;margin-bottom:0;font-size:1.125em}
.artikelinnen a p{color:#2b2a29}
.blau{background:#006cb5;text-align:center;display:flex;align-items:center;justify-content:center}
#inhalt .blau a h3{color:#fff;font-size:1.5em}
#inhalt .sechs .blau a h3{color:#fff;font-size:1.25em}
.zwei .artikel,.vier .artikel,.sechs .artikel{width:100%}
.weiter{width:100%;position:absolute;left:0;bottom:.5em;text-align:right}
.weiter span{display:inline-block;width:32px;height:24px;background:url(../icons/arrow-right.svg) no-repeat center center;background-size:100% auto;margin-right:48px;transition:margin .3s ease-out}
.artikelinnen:hover .weiter span{margin-right:24px;transition:margin .3s ease-out}
.blau .weiter span{background:url(../icons/arrow-right-blau.svg) no-repeat center center;background-size:100% auto}
.box-aktuelles{width:270px;position:relative;border:1px solid #ebecec;margin:.5em 15px}
.datum-aktuelles{background:#006cb5;color:#fff;font-size:.75em;padding:4px}
.box-aktuelles p{font-size:.875em;padding:.5em 12px;margin-bottom:0}
h1.inhalt,.spalte-links,.spalte-rechts{width:100%}
#inhalt video{max-width:100%;height:auto}
#inhalt h1,#inhalt h2,#inhalt h3,#inhalt h4,#inhalt a,.fuss-innen a{color:#006cb5}
#inhalt a:hover{color:#000}
figure{margin:1em 0;background:#fff}
figure img{margin:0 auto;display:block}
figcaption{font-size:.875em;padding:.5em 12px;color:#2b2a29}
#inhalt a:hover{color:#727271}
.inhalt-aktuelles{margin:0 auto;max-width:800px}
.fuss-innen,.fusszeile-innen{max-width:1240px;margin:0 auto}
.fuss-innen{display:flex;flex-wrap:wrap}
.fuss-innen h2{font-size:1.125em;color:#006cb5}
.fuss-innen p{font-size:1em;color:#727271;margin-bottom:0}
.fuss-links,.fuss-mitte,.fuss-rechts{width:100%;padding:1em 15px}
.fusszeile-innen{padding:1em 12px;overflow:hidden;color:#fff}
.fusszeile-innen .impressum > a{color:#fff;text-decoration:none;display:inline-block;margin:0 4px;padding:.5em 0}
.fusszeile-innen .impressum > a:hover{text-decoration:underline}
.social-media{text-align:center;margin-top:.875em}
.social-media img{width:48px;height:auto;margin-left:12px}
.slogan{position:relative}
.wappen{width:40px}
ul.liste-blau li::marker,ol.liste-blau li::marker{color:#006cb5}
.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive td,.table-responsive th{white-space:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;vertical-align:top}
table{caption-side:bottom;border-collapse:collapse;background:#fff;margin-bottom:1em}
caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}
th{text-align:inherit;text-align:-webkit-match-parent}
td,th{padding:.125em 8px}
thead,tbody,tfoot,tr,td,th{border-color:inherit;border-style:solid;border-width:0}
.table-linie{border:1px solid #727271}
.table-linie td{border-bottom:1px solid #727271}
.table-linie th{border-bottom:1px solid #727271}
.table-gitter{border:1px solid #727271}
.table-gitter td{border:1px solid #727271}
.table-gitter th{border:1px solid #727271}
#ac-menue-wrapper{text-align:center}
#ac-menue{list-style:none;padding:0 24px 1em;margin:0;overflow:hidden;display:inline-block;text-align:left}
#ac-menue li{margin:0 .25em .5em;display:inline-block}
#ac-menue li a{display:block;font-size:.875em;width:30px;height:30px;text-align:center;background:#006cb5;color:#fff;padding:0;text-decoration:none}
#ac-menue li span{display:block;font-size:.875em;width:30px;height:30px;text-align:center;background:#0084de;color:#ebecec;padding:0;text-decoration:none}
#ac-menue li a:hover{background:#05548c;color:#fff}
.ac-eintrag h4{font-size:1em;margin-bottom:0;border-bottom:1px solid #ebecec}
.ac-button{position:relative;width:100%;padding:.5em 16px;font-size:1em;color:#fff;text-align:left;background-color:#006cb5;border:0;border-radius:0;overflow-anchor:none}
.ac-inhalt{padding:.5em 6px;display:none}
.ac-button::after{content:"+";position:absolute;color:fff;font-size:2em;right:1em;top:0;transition:all .3s}
.ac-button.offen::after{transform:translate(0,0) rotate(45deg)}
.ac-button:hover,.ac-button:focus,.ac-button.offen{background:#05548c}
.kalender{display:inline-block;margin:.75em 20px .875em}
.kalender a,.kalender span{display:block;border:solid 1px #0069b3;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;padding:3px 8px;text-decoration:none}
#inhalt .kalender a:hover,#inhalt .kalender span{background:#0069b3;color:#fff}
.kal-datum{display:inline-block;margin-left:12px;margin-right:12px;padding:4px 12px 2px;font-size:.8125em;border:solid 1px #f5d300;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;background:#fae97f}
.kal-eintrag{border:solid 1px #ccc;margin-bottom:16px;margin-top:-4px;padding:12px;overflow:hidden}
.kal-eintrag h2{font-size:1.25em;clear:none}
#monate{text-align:center;margin-top:.875em;margin-bottom:1em;clear:both}
#monate div{display:inline-block;border:solid 1px #0069b3;-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box;margin:2px;font-size:.75em}
.up{display:block;text-decoration:none;padding:2px 6px}
#inhalt a.up:hover{background:#0069b3;color:#fff}
#inhalt .down{display:block;background:#0069b3;color:#fff;text-decoration:none;padding:2px 6px}
#inhalt a.down:hover{color:#fff}
.eingerueckt{padding-left:60px}
.zentriert{text-align:center}
.rund3{-webkit-border-radius:3px;border-radius:3px;background-clip:padding-box}
div[style~="!important;"]{width:1px;height:1px;overflow:hidden}
#kontakt{margin:0 auto;padding:6px;max-width:480px}
fieldset{margin:.75em 0;padding:.75em;border:solid 1px #b7bad5}
legend{font-size:.8125em;line-height:12px;color:#006cb5;margin:0;padding:0 6px}
#kontakt input{width:100%;height:50px;font-size:1em;color:#000;background:#fff;border:1px solid #727271;border-radius:6px;outline:none;padding:4px;margin:.5em 0}
textarea{height:7.5em;width:100%;overflow:auto;border:1px solid #727271;border-radius:6px;padding:4px;margin:.5em 0}
label{display:block;color:#0069b3}
label.schwarz{color:#000}
#kontakt .smbtn{background:#006cb5;color:#fff;border:1px solid #006cb5;cursor:pointer}
#kontakt .smbtn:hover{background:#fff;color:#006cb5;border:1px solid #006cb5}
.if-wrapper{position:relative;padding-bottom:66.6%;height:0;overflow:hidden;max-width:560px; margin-bottom: 6px}
.if-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.cookiebar{color:#fff;background:#006cb5;left:0;bottom:0;position:fixed;width:100%;text-align:center;display:none}
.cookiebar p{margin:0;padding:4px 6px}
.cookiebar p a{color:#fff;padding-left:6px;padding-right:12px}
.cookiebar p span{cursor:pointer}
.bild-li, .bild-mitte, .bild-re {display: block;margin: 6px auto;}
.rand {border: solid 1px #006cb5;}
@media (min-width: 456px) {
#titel a{font-size:1.25em}
#titel span{font-size:1em}
#titel img{width:230px}
.titel-text{display:block}
.mm-ein{top:5.5em}
.mit-az p{padding-left:3em;text-indent:-3em}
.eingerueckt p{padding-left:3em}
.aufzaehlung{display:inline-block;width:3em;text-indent:0;text-align:right;padding-right:6px}
}
@media (min-width: 576px) {
.zwei .artikel,.vier .artikel,.sechs .artikel{width:50%}
.fusszeile > a{padding-top:1em}
.impressum,.slogan{float:left}
.social-media{float:right;margin-top:0}
.slogan{clear:both}
}
@media (min-width: 768px) {
h1.inhalt,.spalte-rechts,.spalte-links,.accordion{padding:0 12px}
#submenue li a{font-size:1.25em}
.fuss-links,.fuss-mitte{width:50%}
.impressum,.social-media,.slogan{float:none}
.fusszeile-innen .impressum > a{margin:0 8px}
.fusszeile-innen{display:flex;justify-content:space-between;align-items:center;overflow:visible;padding-top:2.5em}
.wappen{position:absolute;top:-90px;right:20px;width:60px}
.bild-li {float: left;margin: 0.375em 0.75em 0.375em 0;}
.bild-re {float: right;margin: 0.375em 0 0.375em 0.75em;}
.bild-mitte {display: block;margin: 6px auto;}
.rand {border: solid 1px #0069b3;}
}
@media (min-width: 992px) {
#btnsuche,#btnmenue{display:none}
.ausblenden{height:auto;visibility:visible}
.mm-ein{position:static;margin-top:0}
.mm-aus{position:static;max-height:100px;visibility:visible;width:100%}
#header{position:static;overflow:visible}
#kopf{display:flex;justify-content:space-between;padding:1em 20px}
#titel a{font-size:1.75em}
#titel span{font-size:1.5em}
#titel{width:300px}
.k-wrapper{width:480px;overflow:hidden}
#suche{float:left;width:360px;margin-left:36px;margin-top:0}
#icon-box{margin-left:24px}
#icon-box a{color:#0069b3;text-decoration:none;font-size:1.125em}
.slider,.kopfbild{margin-top:0}
.kopfbild{background: #dbdbdb; text-align: center}
.kopfbild img{max-width: 1920px}
.sliderwrapper{background: #dbdbdb;}
.slider{margin-left:auto; margin-right: auto; max-width: 1920px }
#inhalt{padding:1em 20px}
.vier .artikel{width:25%}
.sechs .artikel{width:16.6666666667%}
h1.inhalt{padding:0}
.spalte-links{width:65%;padding:0 24px 0 0}
.spalte-rechts{width:35%;padding:0}
.spalte-li-50{width:50%;padding:0 12px 0 0}
.spalte-re-50{width:50%;padding:0 0 0 12px}
.fuss-links,.fuss-mitte,.fuss-rechts{width:33.333333%}
.fuss-links{padding-left:24px}
.submenue-group{display:inline-block;vertical-align:top;margin:0;padding:2em 0;width:33%}
.fusszeile-innen .impressum > a{margin:0 12px}
.wappen{width:80px;top:-110px}
}
@media (min-width: 1240px) {
#inhalt{min-height:5em;flex:1}
#titel a{font-size:2em}
#titel span{font-size:1.75em}
#titel{width:350px}
#icon-box img{margin-left:8px;float:left;width:auto;height:auto}
.accordion > section{padding:0 12px}
h1{font-size:2em}
h2{font-size:1.75em}
h3{font-size:1.5em}
h4{font-size:1.25em}
h5,h6{font-size:1em}
}