/* automatisch erzeugt aus design.css durch werkzeug/gestaltung.mjs (Stand design-1), nicht von Hand ändern */

body{background:var(--f0);color:var(--t2)}
strong{color:var(--t1)}
nav{background:linear-gradient(180deg,var(--f1),var(--f1));border-bottom:1px solid var(--l1)}
.nav-wordmark{color:var(--t1)}
.nav-claim{color:var(--tg)}
.nav-link,.nav-ddbtn{color:var(--t3)}
.nav-link:hover,.nav-link.active,.nav-ddbtn:hover,.nav-ddbtn.active,.nav-dd.dd-open .nav-ddbtn{color:var(--tg)}
.nav-dditem.active{color:var(--tg)}
.nav-ddmenu{background:var(--f1);border:1px solid var(--l1)}
.nav-dditem{color:var(--t3)}
.nav-dditem:hover{color:var(--tg)}
.nav-dditem-lead{color:var(--tg);border-bottom:1px solid var(--l1)}
.nav-back{color:var(--t3)}
.nav-mobilemenu{background:var(--f0)}
.nav-mobilemenu a{color:var(--t2);border-bottom:1px solid var(--l1)}
.nav-mobilemenu a.active{color:var(--tg)}
.mm-gruppe{color:var(--tg)}
h1,h2,h3{color:var(--t1)}
h1 em,h2 em,h3 em,.quote em{color:var(--tg)}
.eyebrow{color:var(--tg)}
.lead{color:var(--t2)}
.sub{color:var(--t3)}
.btn-line{color:var(--tg)}
.more{color:var(--tg)}
.hero-bg:after{background:linear-gradient(90deg,var(--f1) 0%,var(--f1) 38%,var(--f1) 68%,var(--f1) 100%),linear-gradient(180deg,var(--f1),var(--f1) 70%,var(--f1) 100%)}
.hero-bg.rechts:after{background:linear-gradient(270deg,var(--f1) 0%,var(--f1) 38%,var(--f1) 68%,var(--f1) 100%),linear-gradient(180deg,var(--f1),var(--f1) 70%,var(--f1) 100%)}
.hero-bg.mitte:after{background:linear-gradient(180deg,var(--f1),var(--f1) 55%,var(--f0) 100%)}
.hero .lead strong{color:var(--t1)}
.stats{background:linear-gradient(180deg,var(--f1),var(--f1))}
.stat{border-right:1px solid var(--l1)}
.stat b{color:var(--tg)}
.stat span{color:var(--t4)}
.scroll-hint{color:var(--t4)}
.hero.klein:before{background:radial-gradient(ellipse at 70% 30%,rgba(201,168,76,.16),transparent 55%),radial-gradient(ellipse at 20% 80%,var(--f1),transparent 60%)}
a.karte:hover{background:var(--f1)}
a.karte h3{color:var(--t1)}
a.karte .min{color:var(--tg)}
.wz-mehr a{border:1px solid var(--l1);color:var(--t3)}
.wz-mehr a:hover{color:var(--tg)}
.bildtext{color:var(--t4)}
.note{border:1px solid var(--l1);color:var(--t3);background:var(--f1)}
.tabelle-wrap{border:1px solid var(--l1);background:var(--f1)}
.tabelle th,.tabelle td{border-bottom:1px solid var(--l1)}
.tabelle th{color:var(--tg)}
.tabelle td:first-child{color:var(--t1)}
.tabelle td{color:var(--t3)}
.abzeichen{color:var(--tg)}
.field{border:1px solid var(--l1);background:radial-gradient(ellipse at 30% 20%,rgba(201,168,76,.10),transparent 55%),var(--f1)}
.field-h{color:var(--tg)}
.field-h small{color:var(--t4)}
.chip.alt{background:rgba(15,30,48,.06);color:var(--t1)}
.chip.alt{background:var(--f1)}
.field-legende .lg{color:var(--t4)}
.field-legende .lg-navy:before{background:rgba(15,30,48,.06)}
.trust{border-top:1px solid var(--l1);border-bottom:1px solid var(--l1);background:var(--f1)}
.trust .t{color:var(--t4)}
.bild{border:1px solid var(--l1)}
.bild .marke{background:var(--f1);border:1px solid var(--l1)}
.bild .marke b{color:var(--tg)}
.bild .marke span{color:var(--t3)}
.merkmale .ic{border:1px solid var(--l1)}
.merkmale b{color:var(--t1)}
.merkmale p{color:var(--t3)}
.aussage blockquote{color:var(--t1)}
.aussage .von{color:var(--tg)}
.weg{border:1px solid var(--l1);background:linear-gradient(160deg,var(--f1),var(--f1))}
.weg .tag{color:var(--tg)}
.weg li{border-bottom:1px solid var(--l1)}
.weg li:before{color:var(--tg)}
.weg.plus{background:linear-gradient(160deg,rgba(201,168,76,.14),var(--f1))}
.weg.minus li:before{color:var(--t4)}
.preisblock li{border-bottom:1px solid var(--l1)}
.preisblock li:before{color:var(--tg)}
.preisblock .klein{color:var(--t4)}
.karte{border:1px solid var(--l1);background:var(--f1)}
.karte:hover{background:var(--f1)}
.karte .n{color:var(--tg)}
.karte p{color:var(--t3)}
.karte .min{color:var(--tg);border-top:1px solid var(--l1)}
.karte p a{color:var(--tg)}
.karte.foto .ov{background:linear-gradient(180deg,var(--f1) 40%,var(--f1) 100%)}
.karte.foto .k{color:var(--tg)}
.hinweis{border:1px solid var(--l1)}
.hinweis b{color:var(--tg)}
.schritt{border:1px solid var(--l1);background:var(--f1)}
.schritt:hover{background:var(--f1)}
.schritt b.n{color:var(--tg)}
.schritt .zeit{color:var(--tg)}
.schritt p{color:var(--t3)}
.schritt ul{color:var(--t2)}
.fragen details{border:1px solid var(--l1);background:var(--f1)}
.fragen details[open]{background:var(--f1)}
.fragen summary{color:var(--t1)}
.fragen summary:after{color:var(--tg)}
.fragen p{color:var(--t3)}
.fragen p a{color:var(--tg)}
.zahlen{border:1px solid var(--l1)}
.z{border-right:1px solid var(--l1);background:var(--f1)}
.z b{color:var(--tg)}
.z span{color:var(--t3)}
.quote{color:var(--t1)}
.rolle{color:var(--tg)}
.kontakt .wege-kurz a{color:var(--t1);border:1px solid var(--l1)}
.kontakt .klein{color:var(--t4)}
.kontakt .klein a{color:var(--tg)}
.formular{background:var(--f1);border:1px solid var(--l1)}
.formular input,.formular select,.formular textarea{background:var(--f1);border:1px solid var(--l1);color:var(--t1)}
.formular input::placeholder,.formular textarea::placeholder{color:var(--t4)}
.formular label{color:var(--t3)}
.formular label a{color:var(--tg)}
.formular .note{color:var(--t4)}
.formular .feld>label{color:var(--tg)}
.formular .req{color:var(--tg)}
.formular .kopfzeile p{color:var(--t4)}
.infozeilen li{color:var(--t2)}
.hero-karte{border:1px solid var(--l1);background:var(--f1)}
.hero-karte .t{color:var(--t1)}
.hero-karte li{color:var(--t3)}
.hero-karte li strong{color:var(--t1)}
.pdf-deckel .e{color:var(--tg)}
.pdf-deckel .t{color:var(--t1)}
.punkte li:before{color:var(--tg)}
.checkliste{border:1px solid var(--l1);background:var(--f1)}
.fortschritt span{color:var(--tg)}
.gruppe b{color:var(--t1)}
.pruef{color:var(--t2)}
.pruef input:checked+span{color:var(--t4)}
.begriffe a{border:1px solid var(--l1);color:var(--t2)}
.begriffe a:before{color:var(--tg)}
.rp-counters>div{border:1px solid var(--l1);background:var(--f1)}
.rp-counters .l{color:var(--tg)}
.rp-counters .z-fest{color:var(--t1)}
.rp-counters .u{color:var(--t3)}
.diagramm{border:1px solid var(--l1);background:var(--f1)}
.diagramm .kopf b{color:var(--tg)}
.legende{color:var(--t3)}
.legende i{background:rgba(15,30,48,.12)}
.saeulen{border-bottom:1px solid var(--l1)}
.chart-val{color:var(--t1)}
.chart-bar{background:rgba(15,30,48,.12)}
.diagramm .titel{color:var(--t3)}
.chart-badge{color:var(--tg)}
.diagramm .quelle{color:var(--t4)}
.msf{background:var(--f1);border:1px solid var(--l1)}
.msf-header{border-bottom:1px solid var(--l1)}
.msf-title{color:var(--tg)}
.msf-dot{background:rgba(15,30,48,.12)}
.msf-question{color:var(--t1)}
.msf-hint{color:var(--t4)}
.msf-option{border:1px solid var(--l1);color:var(--t2)}
.msf-input,.msf-select{background:var(--f1);border:1px solid var(--l1);color:var(--t1)}
.msf-input::placeholder{color:var(--t4)}
.msf-select option{background:var(--f1);color:var(--t1)}
.msf .frage{color:var(--t3)}
.msf .haekchen label{color:var(--t2)}
.msf-footer{border-top:1px solid var(--l1)}
.msf-btn-back{border:1px solid var(--l1);color:var(--t3)}
.msf-btn-back:hover{color:var(--tg)}
.msf-disclaimer{color:var(--t4);border-top:1px solid var(--l1)}
.msf-disclaimer a{color:var(--tg)}
#msf-error a{color:var(--tg)}
.msf-erfolg .t{color:var(--t1)}
.msf-erfolg p{color:var(--t3)}
.msf-erfolg a{color:var(--tg)}
.suche{background:var(--f1);border:1px solid var(--l1)}
.such-status{color:var(--tg)}
.such-status.leer{color:var(--t4)}
.suche input{color:var(--t1)}
.suche input::placeholder{color:var(--t4)}
.suche svg{color:var(--tg)}
.k-kat{color:var(--tg)}
.k-a:hover{color:var(--tg)}
.k-arrow{color:var(--tg)}
.overlay{background:var(--f1)}
.p-back:hover{color:var(--tg)}
.p-eyebrow{color:var(--tg)}
.p-box{border:1px solid var(--l1)}
.kapitel{border-top:1px solid var(--l1)}
.kapitel .tag{color:var(--tg)}
.zug{color:var(--t1)}
.zug em{color:var(--tg)}
.aussagen .a{border:1px solid var(--l1);background:var(--f1)}
.aussagen .a:hover{background:var(--f1)}
.aussagen .a.gross{background:linear-gradient(160deg,rgba(201,168,76,.14),var(--f1))}
.aussagen .q{color:var(--t1)}
.aussagen .q em{color:var(--tg)}
.aussagen p{color:var(--t3)}
.preisblock{border:1px solid var(--l1);background:linear-gradient(160deg,var(--f1),var(--f1))}
.preisblock .satz{color:var(--t1)}
.final:after{background:linear-gradient(180deg,var(--f0) 0%,var(--f1) 45%,var(--f1) 70%,var(--f0) 100%)}
.final .haken{color:var(--t3)}
.final .haken span:before{color:var(--tg)}
.final.ohne{background:radial-gradient(ellipse at 50% 0%,rgba(201,168,76,.14),transparent 60%),linear-gradient(180deg,var(--f0),var(--f1))}
.vertiefung{border-top:1px solid var(--l1);background:var(--f1)}
.vertiefung a{color:var(--t3)}
.vertiefung a:hover{color:var(--tg)}
.vertiefung .zahl{color:var(--t4)}
footer a:hover{color:var(--tg)!important}
@media (max-width:960px){.hero-bg.rechts:after,.hero-bg:after{background:linear-gradient(180deg,var(--f1),var(--f1) 60%,var(--f0) 100%)}}
@media (max-width:960px){.z:nth-child(-n+2){border-bottom:1px solid var(--l1)}}
@media (max-width:600px){.stat{border-bottom:1px solid var(--l1)}}
@media (max-width:840px){
 .tabelle-wrap tbody tr{border:1px solid var(--l1);background:var(--f1)}
}
@media (max-width:840px){
 .tabelle-wrap tbody th{color:var(--t1);border-bottom:1px solid var(--l1)}
}
@media (max-width:840px){
 .tabelle-wrap tbody td{color:var(--t2)}
}
@media (max-width:840px){
 .tabelle-wrap tbody td:first-child{color:var(--t1);border-bottom:1px solid var(--l1)}
}
@media (max-width:840px){
 .tabelle-wrap tbody td[data-spalte]:before{color:var(--tg)}
}
@media (max-width:840px){
 .tabelle-wrap caption,.tabelle-wrap>caption{color:var(--t4)}
}
.wz-h{color:var(--tg)}
.wz-ic{color:var(--tg)}
.wz-arr{color:var(--tg)}
.leitsatz span{color:var(--t2)}
.leitsatz a{color:var(--tg)}
.leitsatz a:hover{color:var(--tg)}
.quellen li{color:var(--t3)}
.quellen a{color:var(--tg)}
.leitsatz-kurz{color:var(--t3)}
.leitsatz-kurz b{color:var(--tg)}
.leitsatz-kurz a{color:var(--tg)}
.paket{border:1px solid var(--l1);background:var(--f1)}
.paket .k,.weg-karte .k{color:var(--tg)}
.paket .preis{color:var(--tg);border-bottom:1px solid var(--l1)}
.paket .preis small{color:var(--t4)}
.paket li{color:var(--t2)}
.paket li:before{color:var(--tg)}
.paket .fuer{color:var(--t1)}
.paket .dauer{color:var(--t4)}
.paket .dauer a{color:var(--tg)}
.pakete-fuss{color:var(--t3)}
.pakete-fuss a{color:var(--tg)}
.offen p{color:var(--t2)}
.offen b,.offen strong{color:var(--t1)}
.offen a{color:var(--tg)}
.fall{border:1px solid var(--l1);background:var(--f1)}
.fall .betrag{color:var(--tg)}
.fall dt{color:var(--tg)}
.fall dd{color:var(--t2)}
.weg-karte{background:var(--f1)}
.weg-karte p{color:var(--t2)}
.weg-karte .nummer{color:var(--tg)}
.kontakt-mail{color:var(--t3)}
.kontakt-mail a{color:var(--tg)}
.fuss-dunkel{background:var(--f1);border-top:1px solid var(--l1);color:var(--t3)}
.fuss-link{color:var(--t3)}
.farbe-gold{color:var(--tg)}
.fuss-dunkel .fuss-kontakt{color:var(--t3)}
.fuss-dunkel .fuss-recht{color:var(--t3)}
.nav-mb{color:var(--t3)}
.nav-mb:hover,.nav-mb:focus-visible{color:var(--tg)}
.pf-form{background:var(--f1);border:1px solid var(--l1)}
.pf-feld{color:var(--t3)}
.pf-feld input,.pf-feld select,.pf-feld textarea{background:var(--f1);border:1px solid var(--l1);color:var(--t1)}
.pf-gruppe legend{color:var(--t1)}
.pf-wahl{border:1px solid var(--l1);color:var(--t2)}
.pf-wahl a{color:var(--tg)}
.pf-frage{color:var(--t2)}
.pf-radios{color:var(--t2)}
.pf-hinweis{color:var(--t4)}
.pf-pflicht{color:var(--t4)}
.pf-meldung{color:var(--t1)}
.stand-klein{color:var(--t4)}
.hero-bg:after{background:linear-gradient(90deg,var(--f1) 0%,var(--f1) 40%,var(--f1) 70%,var(--f1) 100%),linear-gradient(180deg,var(--f1),var(--f1) 70%,var(--f1) 100%)}
.hero-bg.rechts:after{background:linear-gradient(270deg,var(--f1) 0%,var(--f1) 40%,var(--f1) 70%,var(--f1) 100%),linear-gradient(180deg,var(--f1),var(--f1) 70%,var(--f1) 100%)}
.hero-bg.mitte:after{background:linear-gradient(180deg,var(--f1),var(--f1) 55%,var(--f0) 100%)}
@media (max-width:960px){.hero-bg.rechts:after,.hero-bg:after{background:linear-gradient(180deg,var(--f1),var(--f1) 60%,var(--f0) 100%)}}
.field-h{background:var(--f1)}
.quellen-klein{border-top:1px solid var(--l1);color:var(--t3)}
.quellen-klein b{color:var(--t2)}
.quellen-klein a{color:var(--tg)}
.paket-preis{color:var(--tg)}
.paket-preis span{color:var(--t3)}
.nav-mb.active{color:var(--tg)}
.eb-intro{color:var(--t3)}
.eb-pflicht{color:var(--t1)}
.eb-pflicht b,.eb-pflicht a{color:var(--tg)}
.sec.hell.glossar{background:var(--f0);color:var(--t2)}
.sec.hell.glossar h2,.sec.hell.glossar h3,.sec.hell.glossar strong{color:var(--t1)}
.sec.hell.glossar p,.sec.hell.glossar .sub{color:var(--t3)}
.sec.hell.glossar .filter-label,.sec.hell.glossar .count-label{color:var(--t4)}
.sec.hell.glossar .fchip{border-color:var(--l1);color:var(--t3)}
.sec.hell.glossar .fchip:hover{color:var(--tg)}
.sec.hell.glossar .fchip.on{color:var(--tg)}
.sec.hell.glossar .wz-h,.sec.hell.glossar .k-kat,.sec.hell.glossar .k-arrow,.sec.hell.glossar .wz-arr{color:var(--tg)}
.sec.hell.glossar .wz-karte{background:var(--f1);border-color:var(--l1)}
.sec.hell.glossar .wz-ic{color:var(--tg)}
.sec.hell.glossar .wz-text b,.sec.hell.glossar .k-title{color:var(--t1)}
.sec.hell.glossar .wz-text span,.sec.hell.glossar .k-desc,.sec.hell.glossar .empty-state{color:var(--t3)}
.sec.hell.glossar .kachel{background:var(--f1);border-color:var(--l1)}
.sec.hell.glossar .kachel:hover{background:var(--f1)}
.sec.hell.glossar .k-a:hover{color:var(--tg)}
.panel,.panel-nav{background:var(--f1);border-color:var(--l1)}
.p-back,.p-close,.p-cta-text{color:var(--t3)}
.p-close{background:var(--f1);border-color:var(--l1)}
.p-back:hover,.p-close:hover{color:var(--tg)}
.p-eyebrow{color:var(--tg)}
.panel .p-title,.p-h2{color:var(--t1)}
.p-lead,.p-p,.p-ul li,.p-box p{color:var(--t2)}
.p-lead,.p-cta{border-color:var(--l1)}
.sec.hell.glossar .werkzeuge .wz-karte{border-left-color:var(--l1)}