/* Farbthemen: Nussbaum-Nacht (Standard) und Papier und Stille */
html:not([data-theme=day]){--bg:#1c1612;--bg2:#2a2019;--surface:#2d231b;--text:#f1e2cf;--muted:#cdb89f;--line:rgba(241,226,207,.2);--walnut:#d9a566;--olive:#c9b27a;--dark:#120e0b;--hc:217,165,102;color-scheme:dark}
html:not([data-theme=day]) .site-header{background:rgba(28,22,18,.78);border-bottom:1px solid rgba(241,226,207,.12)}
html:not([data-theme=day]) .site-header.menu-open{background:#231c18;border-bottom-color:transparent}
html:not([data-theme=day]) .brand .lg-d{display:none}
html:not([data-theme=day]) .brand .lg-l{display:block}
html:not([data-theme=day]) .nav a:not(.btn)::after{background:#d9a566}
html:not([data-theme=day]) .btn{--frame:rgba(217,165,102,.75)}
html:not([data-theme=day]) .hero h1 em,html:not([data-theme=day]) .eyebrow{color:#d9a566}
html:not([data-theme=day]) .rule,html:not([data-theme=day]) .sep::before,html:not([data-theme=day]) .sep::after{background:#d9a566}
html:not([data-theme=day]) .hero-ring,html:not([data-theme=day]) .ring-hw{opacity:.4}
html:not([data-theme=day]) .ring-js path{stroke:#d9a566}
html:not([data-theme=day]) .split .media{filter:brightness(.78) saturate(1.1)}
html:not([data-theme=day]) .logo-m svg{stroke:#ead9c2}
html:not([data-theme=day]) .quote p{color:#f1e2cf}
html:not([data-theme=day]) .slide{box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
html:not([data-theme=day]) .c-btn{background:rgba(28,22,18,.85);color:#f1e2cf}
html:not([data-theme=day]) .dots button::before{border-color:#d9a566}
html:not([data-theme=day]) .dots button[aria-current=true]::before{background:#d9a566}
html:not([data-theme=day]) .cform{--ln:rgba(241,226,207,.4)}
html:not([data-theme=day]) .cform input,html:not([data-theme=day]) .cform textarea,html:not([data-theme=day]) .sel-btn{color:#f1e2cf}
html:not([data-theme=day]) .sel-chev{color:#d9a566}
html:not([data-theme=day]) .cform .btn{--frame:rgba(217,165,102,.8)}
html:not([data-theme=day]) .field-error{color:#ff9aa8}
html:not([data-theme=day]) .field-error::before{background:#ff9aa8;color:#1c1612}
html:not([data-theme=day]) .is-invalid{border-color:#ff9aa8!important;background-color:transparent!important}
html:not([data-theme=day]) .site-footer{background:#100c09}
html:not([data-theme=day]) .theme-pill{color:#f1e2cf;background:rgba(28,22,18,.6);border-color:rgba(241,226,207,.3)}
@media(min-width:821px){
html:not([data-theme=day]) .quote .bg::after{background:linear-gradient(90deg,rgba(28,22,18,.05) 0%,rgba(28,22,18,.72) 40%,rgba(28,22,18,.94) 65%,rgba(28,22,18,.97) 100%)}
}
html[data-theme=day]:root{--bg:#f8f0e4;--bg2:#f1e4d1;--surface:#fffaf1;--text:#2b1e15;--muted:#5a4638;--line:#dccdb8;--walnut:#a2692a;--olive:#a2692a;--dark:#2b1e15;--hc:162,105,42;color-scheme:light}
html[data-theme=day] .site-header{background:rgba(248,240,228,.82);border-bottom:1px solid rgba(220,205,184,.75)}
html[data-theme=day] .site-header.menu-open{background:#231c18;border-bottom-color:transparent}
html[data-theme=day] .ring-js path{stroke:#b07a3a}
html[data-theme=day] .c-btn{background:rgba(248,240,228,.9);color:#2b1e15}
html[data-theme=day] .site-footer{background:#2b1e15}
html[data-theme=day] .theme-pill{color:#2b1e15;background:rgba(255,250,241,.72);border-color:rgba(43,30,21,.3)}
@media(min-width:821px){
html[data-theme=day] .quote .bg::after{background:linear-gradient(90deg,rgba(248,240,228,0) 0%,rgba(248,240,228,.66) 38%,rgba(248,240,228,.95) 62%,rgba(248,240,228,.97) 100%)}
}
@media(max-width:820px){
html[data-theme=day] .quote .bg::after{background:linear-gradient(180deg,rgba(248,240,228,.1) 0%,rgba(248,240,228,.93) 45%,rgba(248,240,228,.93) 100%)}
}
@media(max-width:820px){
html:not([data-theme=day]) .quote .bg::after{background:linear-gradient(180deg,rgba(28,22,18,.1) 0%,rgba(28,22,18,.9) 45%,rgba(28,22,18,.94) 100%)}
}
.theme-pill{position:fixed;right:14px;min-width:84px;justify-content:center;bottom:16px;z-index:40;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:1px solid;border-radius:999px;font:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.8;transition:opacity .25s}
.theme-pill:hover,.theme-pill:focus-visible{opacity:1}
.theme-pill svg{width:14px;height:14px}
html:not([data-theme=day]) .logo-m svg path,html:not([data-theme=day]) .logo-m svg polygon{stroke:#ead9c2}
html[data-theme=day] .logo-m svg path,html[data-theme=day] .logo-m svg polygon{stroke:#2e1b0e}
