*{box-sizing:border-box}
@font-face{font-family:'icons';src:url('../iconfonts/icons.ttf') format('truetype'),url('../iconfonts/icons.woff') format('woff'),url('../iconfonts/icons.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:block}
.i-cart:before{content:"\e93a"}
.i-tel:before{content:"\e942"}
.i-user:before{content:"\e971"}
.i-such:before{content:"\e986"}
.i-fb:before{content:"\ea90"}
.i-inst:before{content:"\ea92"}
.i-star-empty:before{content:"\e9d7"}
.i-star-half:before{content:"\e9d8"}
.i-star-full:before{content:"\e9d9"}
.stars{display:inline-block;white-space:nowrap;font-family:'icons' !important;line-height:1}
.stars i{margin-right:.1em}
.stars_on{color:#e5b700}

[class^="i-"],[class*=" i-"]{font-family:'icons' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1}
.i-txt{position:absolute;width:1px;height:1px;overflow:hidden}
header{position:sticky;background-color:#fff}
header.active{top:var(--_top)}
#leiste{display:flow-root;margin-top:.5em;height:2.25em}
#leistentxt{margin-left:.5em;font-size:.85em}
#kdn{font-size:1.25em;margin-right:1em}
#spr{position:relative;padding-right:2em}
#kdn,#spr,.vor,.xvor{float:right}

.br900{display:none}
.ohne a{color:#000}
#k{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;max-width:1200px;margin:-1.5em auto .5em}
#mk{grid-column:2;position:relative;width:300px;height:140px;transform:translateX(-25px)}
#adr{position:absolute;top:75px;left:75px;color:#555;line-height:1.25;text-align:center;white-space:nowrap;font-style:italic}
.toptxt{padding-top:.5em;max-width:1200px;margin:0 auto}
#su{grid-column:3;position:relative;display:flex;align-items:center;justify-content:flex-end;justify-self:end;width:24em}
#su-sw{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.su-auf,.su-go{display:flex;align-items:center;justify-content:center;height:2.5em;color:#000;cursor:pointer}
.su-auf{position:absolute;right:0;width:2.5em;font-size:1.25em}
#search{display:flex;align-items:center;overflow:hidden;opacity:0;visibility:hidden;white-space:nowrap;transition:opacity .3s}
#su-sw:checked~#search{opacity:1;visibility:visible}
#su-sw:checked+.su-auf{display:none}
#suchbegriff{width:19em;min-width:0;height:2.5em;padding:.4em .6em;border:1px solid #999;font-size:100%}
.su-go{width:2.5em;border:0;background:transparent;font-size:1.15em}
#langnav select{position:relative;top:-2px}

body{font-family:Arial,Helvetica,sans-serif,Verdana;margin:0;padding:0}
img{border:0;max-width:100%;height:auto}

.fgruppe{display:contents}
#f{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:3em;row-gap:2em;max-width:1200px;margin:3em auto 0;padding:2em 0 5em;border-top:3px solid #ccc;clear:both}
.ff{min-width:0}
#f ul{padding:0;margin:0}
#f ul li{list-style:none}
#f li{margin:0 0 .25em}
#f .fsocial{margin-top:1.25em}

#b{margin:2em auto;max-width:55em}
a,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover,.rck a,.vor a,.xrck a,.xvor a{text-decoration:none}
a{text-decoration:none;color:#039}
a:hover{text-decoration:underline;color:#03C}

.rck,.vor,.xrck,.xvor{text-align:center}
.rck,.xrck,.xvor,.fl{float:left}
.fl{padding:0 1em 1em 0}

.t80{font-size:80%}
.linie{color:#ccc;margin:2em 0;clear:both}
.grew-ue{margin-top:2em;font-size:125%;font-weight:bold;background-color:#fff}
#grew{display:flex;min-width:100%;height:340px;overflow-x:auto;clear:both}
.card-content-grew{min-width:270px;padding:.5em 1.5em;margin:2em 1.5em 0 0;border:1px solid #093;background-color:#fff;line-height:1.25em;overflow-y:scroll}
.kn{-webkit-appearance:none;display:block;padding:.5em 1em;border:1px outset #fc3;border-radius:.25em;background-color:#fc0;color:#000;font-size:90%;font-weight:bold}
.kn a,.kn a:hover{color:#000}
.kn:hover{border:1px outset #f93;background-color:#ff6}
.w15{width:15em}
.a2{margin-top:2em}
#sterne{max-width:1000px;margin:1em auto 0;text-align:right}
#sterne,.t80{font-size:80%}
h2,h3{margin-top:2em}

.rck,.vor,.xrck,.xvor{padding:0.5em 2em}
h2{font-size:130%}
h3{font-size:110%}
.rck,.vor,.xrck,.xvor,INPUT,SELECT,TEXTAREA{font-size:90%}
SELECT{background-color:#fff}
,input,TEXTAREA,SELECT{border:1px solid #999}
input[type=submit]{height:2em;padding:0.25em}
input{height:2em}
SELECT{width:12em;height:2em}
.rck,.vor,.xrck,.xvor,.rck a,.vor a,.xrck a,.xvor a,.rck:hover,.vor:hover,.xrck:hover,.xvor:hover{color:#000}
.rck,.vor,.xrck,.xvor{background-color:#CCC;border:1px outset #aaa;}
.rck a,.vor a,.xrck a,.xvor a{display:block}
.rck:hover,.vor:hover,.xrck:hover,.xvor:hover{background-color:#FF6;border:1px outset #F93;cursor:pointer}
#gal{width:600px}
.rck,.vor,.xrck,.xvor{font-weight:bold}
.rck,.vor,.xrck,.xvor{border-radius:0.25em;}
.xvor{margin-left:2em}
.rck::before,.xrck::before{content:"zurück"}
.vor::after,.xvor::after{content:"weiter";}

/* =========================================================
   NAVIGATION (NEU) – Desktop first
========================================================= */
#navi{width:100%;background:#ccc;position:relative;z-index:1000;clear:both}
#navi .navbar{max-width:1200px;margin:0 auto;position:relative}
#navi ul{list-style:none;margin:0;padding:0}
#navi a,#navi a:link,#navi a:visited{color:#000;text-decoration:none}
#navi a:hover,#navi a:active{color:#00f;text-decoration:underline}
#navi ul.menu{display:flex;justify-content:center;align-items:center}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{display:block;padding:.9em 1em;white-space:nowrap;color:#444}
#navi ul.menu>li:hover>a,#navi ul.menu>li>a:hover{background:#fff;color:#00f;text-decoration:underline}
#navi ul.menu>li:hover>.menu-label{background:#fff;color:#000;text-decoration:none}
#navi input[type=checkbox],#navi .toggle-main,#navi .toggle-close{display:none}
#navi .menu-label{cursor:pointer}
#navi li.has-mega>ul{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:2px solid #ccc;box-sizing:border-box}
#navi li.has-mega:hover>ul{display:block}
#navi .mega-inner{display:flex;flex-wrap:wrap;gap:1.25em;padding:1.4em 1em 5em 2em;align-items:flex-start}
#navi .mega-inner-4 .mega-col{flex:0 0 calc(25% - .95em)}
#navi .mega-toplink{flex:0 0 100%;margin-top:1.5em;font-weight:700}
#navi .mega-toplink a{display:inline-block}
#navi .mega-col{flex:1 1 0;min-width:0;text-align:left}
#navi .mega-head,#navi .mega-subhead{font-weight:700}
#navi .mega-head{margin-bottom:.45em}
#navi .mega-subhead{margin:1.5em 0 .45em}
#navi .mega-list{margin:0;padding:0;list-style:none;text-align:left}
#navi .mega-list li a{display:block;padding:.32em 0;white-space:normal;line-height:1.25;font-size:.95em}
#navi .mega-columns{columns:2;column-gap:1em}
#navi .mega-columns li{break-inside:avoid}
#navi .mega-columns-4{columns:4}
#navi .mega-sep{border:0;border-top:1px solid #d7d7d7;margin:.9em 0 .7em}

/****** bis 900 Pixel Breite *******/
@media all and (max-width:900px) {
body{margin:0.5em;}
#b{margin:2em 0.5em;max-width:900px}
#k{grid-template-columns:1fr auto 1fr;align-items:start;max-width:none;margin:-2em 0 .5em}
#leiste{margin-top:0}
.br900{display:inline}
.hide{display:none}
#mk{grid-column:2;position:relative;justify-self:center;align-self:start;width:200px;height:100px;transform:translateX(-10px)}
#lg img{width:180px}
#adr{top:58px;left:54px;font-size:75%;line-height:1.15}
#su{grid-column:3;position:relative;top:1em;width:2.5em;justify-self:end;align-self:center}
#search{position:absolute;top:50%;right:0;transform:translateY(-50%);display:none;margin:0}
#su-sw:checked~#search{display:flex}
#suchbegriff{width:17em}
#langnav select,.lnav{width:4.5em}
#langnav select{top:-3px;border:0;background:transparent;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}
#leistentxt,#kdn,#kdn a,#spr,#spr a,#langnav select{color:#555}
#f{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4em;row-gap:2.5em;margin-top:3em;padding-right:1em;padding-left:1em;line-height:1.75em}
#f li{margin:0}
#f .fsocial{margin-top:0}

input.textarea{font-size:100%}
input.select{font-size:125%}
input.select{-webkit-appearance:none}
#f,.liste{line-height:1.75em}

/* =========================================================
   NAVIGATION (NEU)  mobil
========================================================= */
#navi .navbar{width:100%}
#navi #drop ~ ul.menu,#navi #drop:checked ~ .toggle-main,#navi li.has-mega:hover > ul {display:none}
#navi #drop:checked ~ .toggle-close{display:block}
#navi #drop:checked~ul.menu{display:block;position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:1002;background:#FFF;padding:4.2em 0 2em 0;margin:0;border:0}
#navi ul.menu > li{display:block}
#navi ul.menu{display:block;margin:0}
#navi ul.menu>li>a,#navi ul.menu>li>.menu-label{white-space:normal}
#navi li.has-mega>ul{position:static;top:auto;left:auto;width:100%;min-width:0;border:0}
#navi li.has-mega>input[type=checkbox]:checked~ul,#navi .mega-inner,#navi .mega-inner-4{display:block}
#navi .mega-col,#navi .mega-inner-4 .mega-col{flex:none;width:100%;min-width:0}
#navi .mega-columns,#navi .mega-columns-4{columns:1}
#navi .toggle-main{display:block;padding:.9em 1em;line-height:1.2}
#navi .toggle-close{display:none;position:fixed;top:0;right:0;padding:.9em 1em;font-size:1.4rem;line-height:1;cursor:pointer;z-index:1003}
#navi .mega-inner,#navi .mega-inner-4{padding:.4em 1em 1em 1em;align-items:flex-start}
#navi .mega-toplink{margin-top:.5em}
}

/*********** nur für Tablet ***********/
@media(max-width:900px) and (min-width:601px){
#f .fgruppe{display:block;min-width:0}
#f .fgruppe:first-child .ff+.ff{margin-top:2em}
#f .fgruppe:nth-child(2) .ff+.ff{margin-top:0}
}

/*********** bis 600 Pixel Breite ***********/
@media all and (max-width:600px) {
#leiste{position:relative;display:flow-root}
.toptxt{display:flex;align-items:center;justify-content:space-between;padding:0}
#leistentxt{display:none}
#k{margin-bottom:0}
#spr{position:static;float:none;order:1;padding:0}
#kdn{position:static;float:none;order:2;margin:0}
#langnav,.lnav{float:none}
#lg img{width:165px}
#adr{top:52px;left:48px;font-size:72%}
#su,.su-auf,.su-go{width:1.5em}
.su-auf,.su-go{justify-content:flex-end}
#search{right:0}
#f{grid-template-columns:1fr;row-gap:0;padding-right:.5em;padding-left:.5em}
#f .fgruppe{display:contents}
#f .fgruppe:first-child .ff+.ff{margin-top:1.5em}
#f .fgruppe:nth-child(2) .ff+.ff{margin-top:0}

.liste,.li-eng{padding-left:1em}
#gal{width:100%}
h2{font-size:140%;margin-top:1em}
h3{font-size:120%;margin-top:0em}
#gal{text-align:left}
.rck{float:left}
}