@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local(),url(../fonts/open-sans-v29-latin-regular.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-regular.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local(),url(../fonts/open-sans-v29-latin-600.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-600.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local(),url(../fonts/open-sans-v29-latin-700.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-700.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:400;src:local(),url(../fonts/open-sans-v29-latin-italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:600;src:local(),url(../fonts/open-sans-v29-latin-600italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-600italic.woff) format("woff")}
@font-face{font-family:'Open Sans';font-style:italic;font-weight:700;src:local(),url(../fonts/open-sans-v29-latin-700italic.woff2) format("woff2"),url(../fonts/open-sans-v29-latin-700italic.woff) format("woff")}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/* Formatierung Tags und Klassen*/
p,div,img,main,header,article,section,aside,nav,footer,a,input,select,textarea,label{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html{font-size:100%;scroll-behavior:smooth}
body{font:1em/1.5 'Open Sans',Arial,Verdana,Helvetica,sans-serif;color:#333;}
h1{font-size:1.25em;font-weight:600;line-height:1.1;margin:0 0 .75em;}
h2{font-size:1.25em;margin:0 0 .875em;font-weight:600;line-height:1.1;}
h3{font-size:1.125em;font-weight:600;margin:0 0 .875em;}
h3,h4,h5,h6{font-size:1em;font-weight:600;margin:0 0 .875em;}
p + h3{margin-top:1em}
strong,b{font-weight:600}
p{margin:0 0 .875em}
img{border:none;max-width:100%;height:auto}
td,th{padding:.125em 2px;vertical-align:top}
a{color:#164194}
a:hover{color:#000}
table{border-collapse:collapse}
table td{padding:2px 6px}
.table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1em; padding-bottom: 1em}
.table-740 {min-width:740px}
hr{box-sizing:content-box;height:1px;overflow:visible;background:#164194;border:0;margin:12px auto; width: 80%}
.textbox,.sidebar h2 {background: #fff; padding: 0.5em 12px; border: 1px solid #eee}
.textbox {overflow: hidden;}
h1{padding: 0.5em 12px; border-bottom: 2px solid #164194}
.links{text-align:left}
.zentriert{text-align:center}
.rechts{text-align:right}
.blocksatz{text-align:justify}
.bildlinks,.bildzentriert,.bildrechts{display:block;margin:.75em auto}
.bildabstand{margin:.5em 12px}
.icon {width: 42px; height: auto; margin: 12px}
.clearfloat{font-size:1px;line-height:1px;clear:both;height:1px}
.rand{border:1px solid #8a8c89}
.rand-u{border-bottom:1px solid #77b92a}
.txt-gross{font-size:1.5rem}
.txt-klein{font-size:.875rem}
.invers{background:#164194;color:#fff}
.invers a{color:#fff}
.invers:hover{background:#335caa;color:#fff}
.invers a:hover{color:#000}
.fl-links,.fl-rechts{display:block;text-align:center}
.hg-hell{background:#4c97c4}
.hg-weiss{background:#fff}
.hg-grau{background:#eee}
.zebra > tbody > tr:nth-of-type(odd) > * {background:#f1f1f1}
.zebra {border: 1px solid #eee}
.seite{width:100%;}
.kopf{overflow:hidden;padding:.75em 0;}
.logo{ width: 50px; position:absolute; left: 12px; top: 130px; z-index:1}
.titel{font-size:1.25em;font-weight:600;text-align:center;padding:4px 0;margin-top:0; color:#164194}
.titel a{color:#164194;text-decoration:none;}
.titel a:hover{color:#333;text-decoration:underline}
.slider img{}
.banner img{vertical-align: middle; border-top: 4px solid #164194;}
.inhalt{padding-top:1em;padding-bottom:1em;}
.fuss{background:#164194;color:#fff;}
.fusszeile{background:#164194;background-image: linear-gradient(#194baa 50%, #164194 50%);color:#fff; padding: 12px 6px; border-top: 1px solid #fff; position:relative}
.fuss a, .fusszeile a{color:#fff; text-decoration: none}
.fusszeile > a{display: inline-block; margin: 0 12px; font-size: 0.875em}
.fuss a:hover, .fusszeile > a:hover{text-decoration:underline}
.container{width:100%;max-width:1400px;margin:0 auto;padding-left:6px;padding-right:6px}
.container700{width:100%;max-width:700px;margin:1em auto;overflow:hidden}
.zeile{display:flex;flex-wrap:wrap}
.zeile img{margin: 6px;}
.spalte{display:flex;flex-direction:column}
.box4,.box2,.box2-6,.box2-4,.box3,.hauptinhalt,.sidebar {flex:0 0 auto;width:100%;padding:1em 12px}
.box-sp {flex:0 0 auto;width:280px;padding:1em 12px}
.box-sp .box-innen {width: 248px; margin: 0 auto;}
.box-sp .box-innen img{display:block; border: 1px solid #aaa; border-radius:5px;}
.box-sp .box-innen p{margin: 6px 8px 0 8px; font-size: 0.875rem}
.box2 h3 {background: #eee; padding: 0.5em 12px}
.sidebar {background:#fcfcfc}
.card{margin:0 auto;max-width:326px;height:100%}
.cardkopf{padding:4px;margin:0}
.cardinhalt{flex:1 1 auto;padding-bottom:1em}
.cardinhalt p{padding-left:12px;padding-right:12px}
.cardinhalt li{padding-right:12px}
.cardfuss{display:block;padding:4px 32px}
.box-innen{height:100%; padding: 6px;}
.box-innen h3{border-bottom: 1px solid #164194}
.box-innen ul li::marker{color:#164194}
.sponsoren {padding-bottom: 1em}
/*.boxfuss{display:block;padding:4px}*/

.bild-box,.icon-box{flex:0 0 auto;width:240px; height:100px;margin: 12px; display: flex;justify-content: center;align-items: center; background: #194baa; border-radius:5px;}
.btn-box{flex:0 0 auto;width:240px; height:100px;margin: 12px; display: flex;justify-content: center;align-items: center;}
.bild-box a,.icon-box a{display: block}
.bild-box a img,.icon-box a img{vertical-align: middle}
.btn{display:inline-block;margin-bottom:2em;font-weight:600}
.bildwrapper{position:relative;display:inline-block;margin:4px 12px}
.bildwrapper .swipebox::after{content:url(../bilder/lupe.png);position:absolute;bottom:0;right:0}
 /*.top{width:100%;position:absolute;left:0;bottom:6px;padding-right: 12px} */
.top{width:40px;height:40px;position:absolute;right:6px;bottom:12px;}
.top a{text-align:center;display:inline-block;width:40px;height:40px;overflow:hidden;text-indent:-999px;background:#164194 url(../img/pfeil-o.png) no-repeat center center;border-radius:20px;border:2px solid #fff;transition:all .8s ease-out}
.top a:hover{background:#335caa url(../img/pfeil-o.png) no-repeat center center;transition:all .8s ease-out}
form{margin:0;padding:0}
.formzeile label{display:block;background:#fff;width:100%;font-size:.875em;padding:.25em}
.formzeile input,.formzeile select,.formzeile textarea{display:block;background:#fff;width:100%;padding:.375em;border:1px solid #1a72b6;margin-bottom:.125em}
.formzeile input:focus,.formzeile select:focus,.formzeile textarea:focus,.formzeile input:hover, .formzeile select:hover,.formzeile textarea:hover{border:1px solid #164194;outline:0}
.formzeile{padding:.375em 0}
.formtext{padding:2em 0 0}
.form-anmeldung {max-width: 400px; margin: 1em auto;padding: 1em}
.smtbtn{display:block;text-align:center;margin:1em auto 2em;cursor:pointer;font-weight:600;width:100%;max-width:336px; padding:.375em;border:1px solid #164194;}
.ohne-marker{list-style:none}
.menue ul li{list-style:none}
.menue{color:#fff;background:#164194;padding:4px}
.menue > ul{margin:0;padding:0;overflow:hidden}
.menue > ul > li{font-size:1em;margin:0;padding:0;border-top:1px solid #4c97c4;max-width:480px}
.menue > ul > li:hover,.maktiv{background:#335caa;color:#000}
.menue > ul > li:hover > a{color:#fff}
.menue > ul > li:last-child{margin-bottom:1em;border-bottom:1px solid #335caa}
.menue a{color:#fff;text-decoration:none;display:block; padding: 8px 12px}
.menue a:hover,.maktiv > a,.subaktiv > a{color:#fff}
.submenue, .submenue2 {background:#164194;padding:0;margin:0;display:none;width:100%}
.submenue > li, .submenue2 > li{text-align:left;margin:0;padding:0;border-bottom:1px solid #335caa}
.submenue > li:hover, .submenue2 > li:hover, .subaktiv{background:#335caa}
.submenue li:first-child{border-top:1px solid #335caa}
.submenue li:last-child{border-bottom:0}
.submenue > li > a {padding-left: 18px;}
.submenue2 > li > a {padding-left: 24px;}
li.sub, li.sub2{position:relative;}
li.sub > a, li.sub2 > a{padding-right:28px;}
/* li.sub > a, li.sub2 > a{padding-right:28px; background:url(../img/pfeile.png) no-repeat 100% 5px;transition:background 500ms ease-out} */
li.sub > a::after, li.sub2 > a::after{content:'';display:block; width: 40px; height:40px; position:absolute; top: 0.125em; right: 0;background:url(../img/pfeile.png) no-repeat 50% 0;transition:background 500ms ease-out}
li.sub-offen, li.sub2-offen {background:#335caa}
/* li.sub-offen > a{padding-right:28px;background:url(../img/pfeile.png) no-repeat 100% -40px;transition:background 500ms ease-out;color:#000} */
li.sub-offen > a::after, li.sub2-offen > a::after{content:'';display:block; width: 40px; height:40px; position:absolute; top: 0.125em; right: 0;background:url(../img/pfeile.png) no-repeat 50% -40px;transition:background 500ms ease-out}
.hmenue{width:40px;height:24px;display:block;position:relative;margin:6px auto;cursor:pointer}
.linie-o,.linie-m,.linie-u{position:absolute;left:0;height:4px;width:40px;background:#fff;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)}
.menue-auf .linie-m{opacity:0}
.menue-auf .linie-u{-webkit-transform:translateY(-10px) rotate(45deg);transform:translateY(-10px) rotate(45deg)}
.menue > ul{display:none}
.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:#164194;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:#194baa}
.datum {margin-bottom: 0; color: #164194}
.newsblock {margin-bottom: 0.875em;}
.newsblock p {margin-bottom: 0;}
div[style*="!important"]{background:#164194}

@media only screen and (min-width: 580px) {
.container{padding-left:12px;padding-right:12px}
.kopf{padding-top:12px;padding-bottom:12px}
.logo{ width: 60px; top: 30px;}
.box4,.box3{width:50%}
.zelle-35{width:35%;padding:.5em .375em 0 0;float:left}
.zelle-65{width:65%;padding:0 0 0 .375em;float:left}
.container700 .zelle-35{padding-top:0}
}
@media only screen and (min-width: 768px) {
.eingerueckt60{padding-left:60px}
.bildlinks{float:left;margin:0 16px .125em 0;max-width:46%}
.bildrechts{float:right;margin:0 0 .125em 16px;max-width:46%}
.box2 .bildrechts, .box2 .bildlinks {max-width:40%}
.fl-links{float:left;width:auto}
.fl-rechts{float:right;width:auto}
.formzeile{overflow:hidden}
.zelle-20{width:20%;padding:0 .375em 0 0;float:left}
.zelle-80{width:80%;padding:0 0 0 .375em;float:left}
.zelle-50l{width:50%;padding:0 .375em 0 0;float:left}
.zelle-50r{width:50%;padding:0 0 0 .375em;float:left}
}
@media only screen and (min-width: 980px) {
html,body{height:100%}
html{overflow-y:scroll}
h1{font-size:1.75em}
.seite{display:flex;flex-direction:column;min-height:100%;padding:0}
.kopf{padding-bottom:0;}
.titel{font-size:2em;padding-top:28px;padding-left:180px;text-align:left; position:relative}
.logo{ width: 90px; left: 12px; top: 20px;}
.inhalt{flex:1 1 auto;padding-top:2em; padding-bottom:2em}
.box4{width:25%;padding:32px 12px}
.box3{width:33.3333333333%;padding:32px 12px}
.box2{width:50%;padding:32px 12px}
.box2 .textbox {height:100%;}
.eintrag1 {order: 1}
.eintrag2 {order: 2}
.box2:nth-child(odd) {padding-right: 12px;}
.box2:nth-child(even) {padding-left: 12px;}
.box2-6{width:67%;}
.box2-4{width:33%;}
.box2-links{padding:24px 12px 24px 0}
.box2-rechts{padding:24px 0 24px 12px}
.box-innen {padding: 12px}
.hauptinhalt{width:70%;padding:0}
.sidebar{width:30%;padding:0 0 0 30px}
.hmenue{display:none;margin:0}
.menue{display:flex;flex-wrap:wrap;justify-content:center}
.menue > ul{display:block}
.menue > ul{display:flex;justify-content:space-between;overflow:visible;width:100%}
.menue > ul > li{flex:1 1 auto;border-top:0;padding:8px;margin:0;border-left:1px solid #335caa;text-align:center;max-width:none}
.menue > ul > li:hover{border-left:1px solid #164194}
.menue > ul > li:last-child{margin-bottom:0;border-bottom:0;border-right:1px solid #335caa}
.submenue{position:absolute;z-index:99;min-width:250px;margin-top:8px;left:0}
/* .submenue > li {position: relative} */
.submenue > li > a{font-size:.875em;padding-left:24px;white-space:nowrap}
.submenue2{position:absolute;z-index:100;min-width:250px;top:0;left:100%; margin-top: -1px; border-left: 1px solid #335caa }
.submenue2 > li > a{font-size:.875em;padding-left:24px;white-space:nowrap}
li.sub > a::after, li.sub-offen > a::after {top: 0.5em;}
li.sub2 > a::after{background:url(../img/pfeile2.png) no-repeat 0 50%; top: 0}
li.sub2-offen > a::after{background:url(../img/pfeile2.png) no-repeat -40px 50%; top: 0}
.menue > ul > li:last-child .submenue{left: auto; right: 0}
.menue > ul > li:last-child .submenue > li > a{padding-left:32px}
.menue > ul > li:last-child li.sub2 > a::after{right: auto; left: 0;background:url(../img/pfeile3.png) no-repeat -40px 50%; top: 0}
.menue > ul > li:last-child li.sub2-offen > a::after{right: auto; left: 0;background:url(../img/pfeile3.png) no-repeat 0 50%; top: 0}
.menue > ul > li:last-child .submenue2{left: -250px;border-left: 0; border-right: 1px solid #4c97c4;}
}
@media only screen and (min-width: 1424px) {
/*body{font-size:1.125em}*/
h1{font-size:1.75em}
.titel{font-size:2.5em;padding-top:12px;padding-left:240px;padding-bottom: 16px;text-align:left;}
.logo{ width:  auto; left: 12px; top: 20px;}
/*.inhalt{font-size:1.125em} */
.fuss{padding:0 24px}
.container{padding-left:0;padding-right:0}
.box4{width:25%;padding:1em 0}
.box4:nth-child(4n+1) .card{margin:0 auto 0 0}
.box4:nth-child(4n+3) .card{margin:0 8px 0 auto}
.box4:nth-child(4n) .card{margin:0 0 0 auto}
.box4:nth-child(4n+2) .card{margin:0 auto 0 8px}
.box2{padding:32px 0}
.box2:nth-child(2n+1) .box-innen, .box2:nth-child(2n+1) .datum {margin:0 16px 0 0}
.box2:nth-child(2n) .box-innen {margin:0 0 0 16px}
.flex-abstand {justify-content:space-between}
.top{width:48px;height:48px;position:absolute;right:320px;bottom:-6px;}
}