:root{--wald:#16301f;--tanne:#1f3d2b;--moos:#3f6b4a;--laub:#8ab977;--rinde:#5a4632;--sand:#f6f2e9;--creme:#fffdf8;--tinte:#18211b;--warn:#d1691a;--warn-dunkel:#b55511;--schatten:0 10px 30px rgba(22,48,31,.14);--serif:Georgia,"Iowan Old Style","Palatino Linotype",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--tinte);background:var(--sand);-webkit-font-smoothing:antialiased}
a{color:var(--moos)}
:focus-visible{outline:3px solid var(--warn);outline-offset:3px;border-radius:4px}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header.top{background:rgba(22,48,31,.94);backdrop-filter:blur(8px);color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.08)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:13px;padding-bottom:13px}
header.top strong{font-family:var(--serif);font-size:1.08rem;letter-spacing:.2px}
header.top nav a{color:#dfeadb;text-decoration:none;margin-left:22px;font-size:.95rem;padding:4px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
header.top nav a:hover{color:#fff;border-color:var(--laub)}
.btn{display:inline-block;background:var(--warn);color:#fff;padding:14px 28px;border-radius:999px;font-weight:700;text-decoration:none;border:0;font-size:1rem;cursor:pointer;box-shadow:0 6px 18px rgba(209,105,26,.35);transition:transform .15s,background .2s,box-shadow .2s}
.btn:hover{background:var(--warn-dunkel);transform:translateY(-2px);box-shadow:0 10px 22px rgba(209,105,26,.4)}
.btn.zweit{background:transparent;border:2px solid rgba(255,255,255,.7);box-shadow:none}
.btn.zweit:hover{background:rgba(255,255,255,.12)}
.hero{position:relative;overflow:hidden;background:radial-gradient(1200px 500px at 85% -10%,rgba(138,185,119,.28),transparent 60%),linear-gradient(160deg,var(--wald),var(--moos));color:#fff;padding:92px 0 96px}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:54px;background:var(--sand);clip-path:ellipse(70% 100% at 50% 100%)}
.hero h1,.hero .hero-h{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12;margin:0 0 18px;letter-spacing:-.5px}
.hero p{font-size:1.2rem;max-width:620px;color:#e6f0e2}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-grid{display:grid;gap:44px;align-items:center;grid-template-columns:1.1fr .9fr}
.hero-foto{width:100%;height:auto;border-radius:22px;box-shadow:0 22px 50px rgba(0,0,0,.4);border:4px solid rgba(255,255,255,.16);transform:rotate(1.4deg)}
.vertrauen{position:relative;z-index:2;margin-top:-34px}
.vertrauen ul{list-style:none;margin:0;padding:18px 22px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));background:var(--creme);border-radius:18px;box-shadow:var(--schatten)}
.vertrauen li{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--tanne);font-size:.97rem}
.vertrauen li span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e4efdc;font-size:1.1rem;flex:none}
section{padding:68px 0}
section h2{font-family:var(--serif);font-size:clamp(1.6rem,3.2vw,2.2rem);color:var(--tanne);margin:0 0 8px;line-height:1.2}
.lead{color:#46534b;max-width:680px;margin:0 0 30px;font-size:1.08rem}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.card{background:var(--creme);border-radius:18px;padding:26px 24px;box-shadow:0 2px 8px rgba(22,48,31,.07);border:1px solid rgba(22,48,31,.06);transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--schatten)}
.card h3{margin:0 0 8px;color:var(--tanne);font-size:1.15rem;font-family:var(--serif)}
.card p{margin:0;color:#46534b;font-size:.98rem}
.dunkel{background:linear-gradient(180deg,var(--wald),#1b3626);color:#e6f0e2}
.dunkel h2{color:#fff}.dunkel .lead{color:#c9dcc5}
.schritte{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.schritte li{counter-increment:s;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px}
.schritte li::before{content:counter(s);display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--laub);color:var(--wald);font-weight:800;margin-bottom:10px;font-family:var(--serif)}
form{background:var(--creme);border-radius:20px;padding:30px;box-shadow:var(--schatten);display:grid;gap:15px;max-width:660px;border:1px solid rgba(22,48,31,.06)}
label{font-weight:600;font-size:.95rem;display:grid;gap:6px}
input,select,textarea{font:inherit;padding:12px 13px;border:1px solid #cdd5c9;border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--moos);box-shadow:0 0 0 3px rgba(63,107,74,.2)}
textarea{min-height:130px}
.hp{position:absolute;left:-9999px}
.hinweis{font-size:.85rem;color:#5d6a62}
.meldung{padding:14px 18px;border-radius:12px;background:#e6f2e0;color:var(--tanne);font-weight:600;max-width:660px}
footer{background:#10211a;color:#b9cdb4;padding:36px 0;font-size:.92rem}
footer a{color:#dfeadb}
.galerie{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}
.galerie figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#dfe6da;aspect-ratio:3/4;box-shadow:0 2px 8px rgba(22,48,31,.1)}
.galerie figure.breit{grid-column:span 2;aspect-ratio:auto}
.galerie img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.galerie figure:hover img{transform:scale(1.05)}
.galerie figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;font-size:.92rem;background:linear-gradient(transparent,rgba(10,25,15,.88))}
.galerie-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 28px;border-radius:18px;background:linear-gradient(135deg,var(--tanne),var(--moos));color:#fff;text-decoration:none;grid-column:1/-1;font-size:1.35rem;font-family:var(--serif);box-shadow:var(--schatten);transition:transform .2s}
.galerie-cta:hover{transform:translateY(-3px)}
.galerie-cta span{color:#d6efc9;font-size:1rem;font-weight:700;font-family:system-ui,sans-serif}
.text{max-width:760px}.text h1{font-family:var(--serif);color:var(--tanne);font-size:2.2rem;line-height:1.2}.text h2{font-size:1.35rem;margin-top:30px}.text ul{padding-left:20px}.text li{margin:7px 0}
.mobil-cta{display:none}
@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.sichtbar{opacity:1;transform:none}}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-foto{transform:none}.galerie{grid-template-columns:repeat(2,1fr)}.galerie figure.breit{grid-column:span 2;aspect-ratio:3/2}section{padding:52px 0}}
@media(max-width:640px){header.top nav{display:none}.hero{padding:60px 0 70px}.mobil-cta{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:30;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.35)}body{padding-bottom:78px}}

.rueckruf{background:linear-gradient(135deg,var(--tanne),var(--moos));color:#fff;border-radius:20px;padding:26px 30px;max-width:660px;margin-bottom:30px;box-shadow:var(--schatten)}
.rueckruf h3{font-family:var(--serif);margin:0 0 4px;font-size:1.4rem}.rueckruf p{margin:0 0 14px;color:#dcebd5}
.rueckruf form.klein{background:transparent;box-shadow:none;border:0;padding:0;max-width:none;grid-template-columns:1fr 1fr;align-items:end}
.rueckruf label{color:#fff}.rueckruf a{color:#d6efc9}
.rueckruf form.klein label:nth-of-type(3),.rueckruf form.klein button{grid-column:1/-1}
h3.oder{font-family:var(--serif);color:var(--tanne);margin:8px 0 14px}
@media(max-width:640px){.rueckruf form.klein{grid-template-columns:1fr}}

label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.92rem}label.check input{width:20px;height:20px;flex:none;margin-top:3px;padding:0}

/* ===== Wappen-Konsole (Startseite) ===== */
.wappen-sektion{background:radial-gradient(900px 520px at 78% 20%,rgba(138,185,119,.22),transparent 62%),linear-gradient(165deg,#0a1a11,#16301f 70%,#1b3626);color:#e6f0e2;padding:44px 0 64px;position:relative;overflow:hidden}
.wappen-sektion::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(138,185,119,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(138,185,119,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(70% 80% at 60% 40%,#000,transparent);pointer-events:none}
.wappen-grid{position:relative;display:grid;gap:26px 42px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"text bild" "konsole bild";align-items:start}
.wappen-text{grid-area:text}.wappen-buehne{grid-area:bild;display:grid;place-items:center}.konsole{grid-area:konsole}
.wappen-sektion h1{font-family:var(--serif);font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.14;margin:6px 0 14px;color:#fff;letter-spacing:-.4px}
.wappen-lead{font-size:1.1rem;color:#cfe3c9;margin:0 0 20px;max-width:560px}
.wappen-sektion .cta{display:flex;gap:12px;flex-wrap:wrap}
.konsole-kopf{font:600 .9rem ui-monospace,Menlo,Consolas,monospace;color:var(--laub);margin:0;letter-spacing:.5px}
.blink{animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}
.wappen-rahmen{position:relative;width:min(100%,440px);filter:drop-shadow(0 18px 40px rgba(0,0,0,.55))}
#wappen-svg{display:block;width:100%;height:auto;overflow:visible;-webkit-tap-highlight-color:transparent}
#wappen-svg .teil{cursor:pointer;outline:none}
#wappen-svg .teil:focus-visible{filter:drop-shadow(0 0 6px #fff)}
#wappen-svg .teil .bd{transition:transform .25s}
#wappen-svg .teil:hover .bd,#wappen-svg .teil.aktiv .bd{transform:scale(1.12)}
#wappen-svg .teil:hover,#wappen-svg .teil.aktiv{filter:drop-shadow(0 0 7px rgba(183,227,160,.9))}
#wappen-svg .hit{pointer-events:all}
#wappen-svg .n,#wappen-svg .e,#wappen-svg .wurzel{transition:opacity .35s,stroke .3s,fill .3s}
#wappen-svg .n{transform-box:fill-box;transform-origin:center}
.funken{position:absolute;inset:0;pointer-events:none}
.funken b{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--laub);box-shadow:0 0 8px var(--laub);opacity:0}
.konsole{background:rgba(6,16,10,.78);border:1px solid rgba(138,185,119,.35);border-radius:14px;box-shadow:0 0 0 1px rgba(0,0,0,.4),0 14px 40px rgba(0,0,0,.45),inset 0 0 40px rgba(138,185,119,.06);font-family:ui-monospace,Menlo,Consolas,monospace;overflow:hidden}
.konsole-leiste{display:flex;align-items:center;gap:7px;padding:8px 12px;background:rgba(138,185,119,.1);border-bottom:1px solid rgba(138,185,119,.25);font-size:.78rem;color:#a9c9a0}
.konsole-leiste i{width:10px;height:10px;border-radius:50%;background:#e07a2a;opacity:.9}.konsole-leiste i:nth-child(2){background:#d9c24a}.konsole-leiste i:nth-child(3){background:#8ab977}.konsole-leiste span{margin-left:8px}
.konsole-schirm{padding:16px 18px;min-height:210px;position:relative;font-size:.92rem;line-height:1.55;color:#c8e6bd}
.konsole-schirm::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 2px,rgba(0,0,0,.12) 2px 3px);pointer-events:none}
.konsole .zeile{margin:0 0 8px;color:#8ab977}
.konsole .k-titel{font:700 1.15rem ui-monospace,Menlo,Consolas,monospace;color:#fff;margin:2px 0 8px;text-shadow:0 0 12px rgba(183,227,160,.55)}
.konsole .k-text{margin:0 0 8px;color:#dcefd3}.konsole .k-wissen{margin:0 0 10px;color:#b7e3a0}
.konsole .k-links a,.lg-links a{display:inline-block;margin:0 8px 6px 0;padding:5px 11px;border:1px solid var(--warn);border-radius:999px;color:#ffd9b8;text-decoration:none;font-size:.85rem;background:rgba(224,122,42,.12);transition:background .2s,transform .15s}
.konsole .k-links a:hover,.lg-links a:hover{background:rgba(224,122,42,.35);transform:translateY(-1px)}
.cursor::after{content:"▌";animation:blink 1s steps(2) infinite;color:var(--laub)}
.legende{list-style:none;margin:0;padding:10px;display:grid;gap:6px;border-top:1px solid rgba(138,185,119,.25)}
.lg-knopf{width:100%;display:flex;gap:12px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:8px 10px;color:#dcefd3;font:inherit;cursor:pointer;transition:background .2s,border-color .2s}
.lg-knopf:hover,.legende li.aktiv .lg-knopf{background:rgba(138,185,119,.13);border-color:rgba(138,185,119,.45)}
.lg-nr{color:var(--warn);font-weight:700}.lg-knopf b{display:block;color:#fff;font-size:.95rem}.lg-knopf small{color:#8ab977;font-size:.78rem}
/* Legendentext bleibt im HTML (Suchmaschinen, ohne JS sichtbar); mit JS ersetzt ihn die Konsole */
.js .lg-info{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lg-info{padding:0 12px 10px 44px;font-size:.88rem;color:#c8e6bd}.lg-info p{margin:4px 0}
@media(max-width:900px){.wappen-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "bild" "konsole"}.wappen-rahmen{width:min(96%,430px)}}
@media(max-width:640px){.wappen-sektion{padding:30px 0 56px}.konsole-schirm{min-height:240px}}
/* Effekte pro Teil */
@keyframes ring-dreh{to{transform:rotate(360deg)}}
@keyframes puls{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes fluss{to{stroke-dashoffset:-60}}
@keyframes wackeln{0%,100%{transform:rotate(0)}20%{transform:rotate(-1.6deg)}45%{transform:rotate(1.4deg)}70%{transform:rotate(-.8deg)}}
@keyframes fall{0%{transform:rotate(0)}35%{transform:rotate(-2deg)}100%{transform:rotate(11deg) translateY(10px);opacity:.15}}
@keyframes kehr{from{transform:rotate(11deg) translateY(10px);opacity:.15}to{transform:none;opacity:1}}
@keyframes scan{from{transform:translateY(-6px);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translateY(120px);opacity:0}}
@media(prefers-reduced-motion:no-preference){
 #wappen-svg .ringdreh{transform-origin:220px 302px;animation:ring-dreh 38s linear infinite}
 #wappen-svg .n{animation:puls 3.2s ease-in-out infinite;animation-delay:var(--d,0s)}
 #wappen-svg[data-aktiv="ring"] .ringdreh{animation-duration:2.4s}
 #wappen-svg[data-aktiv="wurzeln"] .wurzel{stroke-dasharray:6 8;animation:fluss 1s linear infinite}
 #wappen-svg[data-aktiv="saege"] #w-krone{transform-origin:220px 256px;animation:wackeln .5s ease-in-out 2,fall 1.5s .9s ease-in forwards}
 #wappen-svg[data-aktiv="saege"].zurueck #w-krone{animation:kehr 1s ease-out forwards}
 #wappen-svg[data-aktiv="krone"] .n{animation-duration:.9s}
 #wappen-svg[data-aktiv="lupe"] .scan{animation:scan 1.6s ease-in-out infinite}
}
#wappen-svg .scan{opacity:0}
#wappen-svg .gekappt{opacity:0}
#wappen-svg .n.hell{fill:#fff}
@media(prefers-reduced-motion:reduce){#wappen-svg .teil.aktiv{filter:drop-shadow(0 0 8px #fff)}}
.wappen-buehne{position:sticky;top:84px;align-self:start}
.lg-knopf b,.lg-knopf small{display:inline}.lg-knopf small{margin-left:8px}.lg-knopf{padding:7px 10px}
@media(max-width:900px){.wappen-buehne{position:static}}
.krumen{font-size:.88rem;color:#5d6a62;margin:0 0 10px}.krumen a{color:var(--moos)}
.rat-liste{list-style:none;padding:0}.rat-liste li{background:var(--creme);border-radius:14px;padding:16px 20px;margin:12px 0;box-shadow:0 2px 8px rgba(22,48,31,.07)}

/* ===== Äste, Tafeln, Tiefer lesen, Baum-Check ===== */
#wappen-svg .ast .hit{cursor:pointer}
#wappen-svg .ast:hover .e,#wappen-svg .ast.aktiv .e{stroke:#fff;stroke-opacity:1}
#wappen-svg .ast:hover .n,#wappen-svg .ast.aktiv .n{fill:#fff}
#wappen-svg .ast:hover,#wappen-svg .ast.aktiv{filter:drop-shadow(0 0 6px rgba(255,255,255,.7))}
.wappen-tipp{margin:10px 0 0;text-align:center;font:600 .82rem ui-monospace,Menlo,Consolas,monospace;color:#8ab977;letter-spacing:.4px}
@keyframes tafel-auf{from{clip-path:inset(0 0 100% 0);opacity:.15;transform:translateY(-6px)}to{clip-path:inset(0);opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.konsole-schirm.auf>*{animation:tafel-auf .55s cubic-bezier(.2,.8,.2,1) both}.konsole-schirm.auf>*:nth-child(2){animation-delay:.05s}.konsole-schirm.auf>*:nth-child(3){animation-delay:.1s}}
.tief-knopf{background:transparent;border:1px solid var(--laub);color:#dcefd3;border-radius:999px;padding:6px 14px;font:600 .85rem ui-monospace,Menlo,Consolas,monospace;cursor:pointer;margin:2px 0 6px;position:relative;z-index:1}
.tief-knopf:hover{background:rgba(138,185,119,.18)}
.k-tief{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s ease;position:relative;z-index:1}
.k-tief.offen{grid-template-rows:1fr}
.k-tief-innen{overflow:hidden;min-height:0;color:#c8e6bd;border-left:2px solid var(--warn);padding-left:0;margin-top:0;transition:padding .4s,margin .4s}
.k-tief.offen .k-tief-innen{padding-left:12px;margin-top:6px}
.k-tief p{margin:6px 0}
a[href^="http"].ext::after,.k-links a[href^="http"]::after,.lg-links a[href^="http"]::after{content:" ↗";font-size:.8em}
.lg-tief{display:none}
.baumcheck{background:var(--sand);padding:58px 0}
.bc{display:grid;gap:18px;max-width:760px;background:transparent;box-shadow:none;border:0;padding:0}
.bc fieldset{border:1px solid rgba(22,48,31,.14);border-radius:16px;background:var(--creme);padding:14px 18px 16px;margin:0}
.bc legend{font-family:var(--serif);color:var(--tanne);font-weight:700;padding:0 8px}
.bc-opt{display:flex;gap:10px;align-items:center;font-weight:500;padding:7px 4px;cursor:pointer;border-radius:8px}
.bc-opt:hover{background:#eef3e8}.bc-opt input{width:18px;height:18px;padding:0;accent-color:var(--moos)}
.bc-ergebnis{background:linear-gradient(135deg,var(--tanne),var(--moos));color:#fff;border-radius:18px;padding:22px 26px}
.bc-ergebnis h3{font-family:var(--serif);margin:0 0 8px}.bc-ergebnis a:not(.btn){color:#d6efc9}.bc-ergebnis .hinweis{color:#cfe3c9}

/* ===== Ton, Journey, Siegel ===== */
.ton-knopf{position:absolute;top:0;right:0;background:rgba(6,16,10,.6);border:1px solid rgba(138,185,119,.45);color:#dcefd3;border-radius:999px;padding:6px 12px;font:600 .8rem ui-monospace,Menlo,Consolas,monospace;cursor:pointer;z-index:3}
.ton-knopf:hover{background:rgba(138,185,119,.2)}.wappen-text{position:relative;padding-right:0}
.journey{list-style:none;display:flex;gap:6px;padding:0;margin:8px 0 10px;position:relative;z-index:1;font:600 .75rem ui-monospace,Menlo,Consolas,monospace}
.journey li{flex:1;text-align:center;padding:5px 4px;border:1px solid rgba(138,185,119,.3);border-radius:999px;color:#8ab977;transition:background .3s,color .3s,border-color .3s}
.journey li.jetzt{background:rgba(224,122,42,.22);color:#fff;border-color:var(--warn)}
.weiter-knopf{display:inline-block;margin:4px 0 8px;position:relative;z-index:1;padding:10px 20px;font-size:.92rem}
#wappen-svg #w-jj{cursor:pointer;outline:none}#wappen-svg #w-jj:hover,#wappen-svg #w-jj.aktiv{filter:drop-shadow(0 0 7px rgba(224,178,122,.95))}
@media(max-width:900px){.ton-knopf{position:static;margin-bottom:8px}}

#wappen-svg #w-familie{cursor:pointer;outline:none}#wappen-svg #w-familie:hover,#wappen-svg #w-familie.aktiv{filter:drop-shadow(0 0 6px rgba(224,122,42,.95))}
@keyframes atmen{0%,100%{opacity:.78}50%{opacity:1}}
@media(prefers-reduced-motion:no-preference){#wappen-svg .mensch{animation:atmen 3.6s ease-in-out infinite}#wappen-svg .mensch.r0{animation-delay:.9s}#wappen-svg .mensch.r1{animation-delay:.6s}#wappen-svg .mensch.r2{animation-delay:.3s}}
#wappen-svg .mensch{transform-box:fill-box;transform-origin:50% 100%}

/* ===== Tag/Nacht ===== */
.theme-knopf{background:transparent;border:1px solid rgba(255,255,255,.35);color:#dfeadb;border-radius:999px;padding:5px 12px;font:600 .8rem system-ui,sans-serif;cursor:pointer;margin-left:14px;white-space:nowrap}
.theme-knopf:hover{background:rgba(255,255,255,.12)}
header.top .wrap{flex-wrap:wrap}
html[data-theme="dark"]{color-scheme:dark;--sand:#0e1812;--creme:#15231b;--tinte:#e8f0e5;--moos:#6fa05f}
html[data-theme="dark"] body{background:var(--sand);color:var(--tinte)}
html[data-theme="dark"] a{color:#9fd08a}
html[data-theme="dark"] section h2,html[data-theme="dark"] .text h1,html[data-theme="dark"] .text h2,html[data-theme="dark"] .card h3,html[data-theme="dark"] h3.oder,html[data-theme="dark"] .bc legend,html[data-theme="dark"] .vertrauen li{color:#c6e8b4}
html[data-theme="dark"] .lead,html[data-theme="dark"] .card p,html[data-theme="dark"] .hinweis,html[data-theme="dark"] .krumen{color:#b4c6b0}
html[data-theme="dark"] .card,html[data-theme="dark"] form,html[data-theme="dark"] .bc fieldset,html[data-theme="dark"] .rat-liste li,html[data-theme="dark"] .vertrauen ul{background:var(--creme);border-color:rgba(138,185,119,.18)}
html[data-theme="dark"] .vertrauen li span{background:#22382a}
html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0f1a14;color:var(--tinte);border-color:#38503f}
html[data-theme="dark"] .bc-opt:hover{background:#1c2f23}
html[data-theme="dark"] .btn.zweit{color:#e8f0e5!important;border-color:#8ab977!important}
html[data-theme="dark"] .hero::after{background:var(--sand)}
html[data-theme="dark"] .galerie figure{background:#1c2f23}
html[data-theme="dark"] .meldung{background:#1c2f23;color:#c6e8b4}
html[data-theme="dark"] .btn{color:#fff}
.tagline{margin:2px 0 6px;font:700 clamp(.95rem,2vw,1.15rem) var(--serif);color:#e0b27a;letter-spacing:.6px}
@media(min-width:901px){.wappen-text .tagline{max-width:calc(100% - 120px)}}

@media(prefers-reduced-motion:no-preference){#wappen-svg .o2>*{transform-box:fill-box;transform-origin:center;animation:o2auf 7s ease-in infinite;animation-delay:var(--d,0s)}}@keyframes o2auf{0%{transform:translateY(8px) scale(.6);opacity:0}25%{opacity:1}100%{transform:translateY(-16px) scale(1.15);opacity:0}}