/* domboom · ein Stil für alles, was Kunden sehen: Website-Check, Kundenbereich, Datenschutz.
   Nacht wie auf domboom.ch: tiefes Schwarzblau, ein Limettengrün, fette ruhige Schrift, Kakbo als Begleiter. Wird nach einstieg.css geladen. */
:root{
  /* Tag: Creme und Waldgrün aus dem domboom-Zeichen, Limette als Knall */
  --e-bg:#fcfaf5;--e-bg-rgb:252,250,245;--e-ink:#13241c;--e-ink-rgb:19,36,28;--e-muted:#5c6a62;--e-line:rgba(19,36,28,.12);--e-card:#ffffff;
  --e-accent:#d8ff6a;--e-accent-ink:#13241c;--e-gruen:#204a39;--e-gruen-hell:#2f6b52;--e-good:#2f7a4f;--e-weak:#c2512a;
  --e-hauch-rgb:32,74,57;--e-schatten:rgba(32,74,57,.28);
  --e-shadow:0 1px 0 #ffffffe6 inset,0 24px 50px -28px rgba(32,74,57,.35);
  --e-serif:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--e-sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --d-glas:rgba(255,255,255,.82);--d-weich:cubic-bezier(.2,.8,.2,1)
}
/* Dominiks Anfragen-Brett bleibt nachts: sein Arbeitswerkzeug */
body.anfragen{--e-bg:#07080c;--e-bg-rgb:7,8,12;--e-ink:#f4efe6;--e-ink-rgb:244,239,230;--e-muted:#9b968e;--e-line:rgba(var(--e-ink-rgb),.12);--e-card:rgba(var(--e-hauch-rgb),.045);
  --e-accent-ink:#0b1400;--e-gruen:#d8ff6a;--e-good:#9be38e;--e-weak:#ff9c6b;--e-hauch-rgb:255,255,255;--e-schatten:#000;
  --e-shadow:0 1px 0 rgba(var(--e-hauch-rgb),.04) inset,0 30px 60px -30px rgba(0,0,0,.8);--d-glas:rgba(18,20,26,.62);color-scheme:dark}
html{color-scheme:light}
body{background:var(--e-bg);color:var(--e-ink);position:relative;overflow-x:clip}
/* Himmel: grosse weiche Farbfelder in Limette und Grün, wie Sonne auf Papier */
body::before{content:"";position:fixed;inset:-20%;z-index:-2;pointer-events:none;
  background:radial-gradient(38% 34% at 14% 10%,rgba(216,255,106,.55),transparent 70%),radial-gradient(42% 40% at 92% 88%,rgba(47,107,82,.20),transparent 70%),radial-gradient(34% 30% at 78% 18%,rgba(190,240,120,.30),transparent 70%),radial-gradient(50% 40% at 30% 95%,rgba(255,214,150,.22),transparent 70%);
  animation:d-ziehen 40s ease-in-out infinite alternate}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@keyframes d-ziehen{to{transform:translate(4%,-3%) scale(1.06)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none}}

/* Kopf: das Wort wie auf domboom.ch */
.kopf,.k-kopf{position:sticky;top:0;z-index:20;background:linear-gradient(var(--e-bg),rgba(var(--e-bg-rgb),.6) 70%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.marke{font:italic 600 22px/1 "New York",ui-serif,Georgia,serif;letter-spacing:-.01em;text-transform:none;color:var(--e-ink)}
.marke span{font:600 11px/1 var(--e-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--e-muted);margin-left:12px;font-style:normal}
.fortschritt{height:3px;background:rgba(var(--e-hauch-rgb),.08)}
.fortschritt i{background:var(--e-accent);box-shadow:0 0 18px rgba(216,255,106,.7)}
.zaehler{font:600 12px/1 var(--e-sans);letter-spacing:.14em;color:var(--e-muted);text-transform:uppercase}

/* Schrift */
.vorzeile{color:var(--e-gruen);font:700 12px/1 var(--e-sans);letter-spacing:.24em}
h1{font:900 clamp(40px,6.4vw,92px)/.92 var(--e-sans);letter-spacing:-.045em}
h2,h3{font-family:var(--e-sans);font-weight:850;letter-spacing:-.03em}
.hilfe{color:var(--e-muted)}
.regel,.klein{color:var(--e-muted)}

/* Eingaben: gross, ruhig, leuchtende Linie */
.feld{font:700 clamp(24px,3vw,34px)/1.25 var(--e-sans);letter-spacing:-.02em;border-bottom:2px solid var(--e-line);color:var(--e-ink)}
.feld:focus{border-color:var(--e-gruen);box-shadow:0 14px 30px -24px rgba(216,255,106,.9)}
.feld::placeholder{color:rgba(var(--e-ink-rgb),.28)}

/* Knöpfe */
.knopf{background:var(--e-accent);color:var(--e-accent-ink);font:800 16px/1 var(--e-sans);padding:18px 30px;box-shadow:0 0 40px -10px rgba(216,255,106,.75);transition:transform .25s var(--d-weich),box-shadow .25s}
.knopf:hover{transform:translateY(-2px);box-shadow:0 0 60px -8px rgba(216,255,106,.95)}
.knopf.akzent{background:var(--e-accent);color:var(--e-accent-ink)}
.knopf.zweit{background:rgba(var(--e-hauch-rgb),.04);color:var(--e-ink);box-shadow:inset 0 0 0 1.5px var(--e-line)}
.knopf.zweit:hover{box-shadow:inset 0 0 0 1.5px rgba(216,255,106,.6)}
.leise{color:var(--e-muted)}

/* Karten aus Glas */
.karte,.rg-begleiter,.rg-bild,.k-karte,.naechstes,.richtung,.wunsch-karte,.stufe{background:var(--d-glas)!important;border:1px solid var(--e-line)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--e-shadow)}
.karte b{font:800 22px/1.15 var(--e-sans);letter-spacing:-.02em}
.karte:hover{border-color:rgba(216,255,106,.45)!important}
.karte[aria-pressed=true]{border-color:var(--e-gruen)!important;box-shadow:0 0 0 1px var(--e-gruen),0 0 40px -12px rgba(216,255,106,.6)}
.chip{background:rgba(var(--e-hauch-rgb),.05);border-color:var(--e-line);color:var(--e-ink)}
.chip[aria-pressed=true]{background:var(--e-accent);color:var(--e-accent-ink);border-color:var(--e-gruen)}

/* Kakbo statt der Farbkugel: sein echtes Gesicht, das leise atmet */
.orb{width:38px!important;height:38px!important;flex:none;border-radius:50%;background:url(/kakbo-kopf.png) center/cover,#1a1d14!important;animation:d-atmen 4.6s ease-in-out infinite!important;box-shadow:0 0 0 2px rgba(216,255,106,.5),0 0 22px -4px rgba(216,255,106,.7)!important}
@keyframes d-atmen{50%{transform:scale(1.05)}}
.begleiter-kopf b{font:800 15px/1.2 var(--e-sans)}
/* Kakbo als Gast auf grossen Bildschirmen */
.kakbo-gast{position:fixed;z-index:1;right:clamp(10px,4vw,70px);bottom:-6px;width:min(26vw,300px);pointer-events:none;filter:drop-shadow(0 20px 30px rgba(0,0,0,.6)) brightness(.92);animation:d-gast 1.4s var(--d-weich) both}
.kakbo-gast.blinzelt{animation:d-gast 1.4s var(--d-weich) both}
@keyframes d-gast{from{opacity:0;transform:translateY(40px)}}
@media(max-width:900px){.kakbo-gast{display:none}}
.k-sprechen{position:fixed;z-index:2;right:calc(clamp(10px,4vw,70px) + min(20vw,230px));bottom:min(24vw,280px);max-width:260px;padding:14px 18px;border-radius:20px 20px 4px 20px;background:var(--e-gruen);color:#fcfaf5;font:800 15px/1.3 var(--e-sans);box-shadow:0 20px 40px -20px rgba(0,0,0,.8);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--d-weich)}
.k-sprechen.da{opacity:1;transform:none}
@media(max-width:900px){.k-sprechen{display:none}}

/* Rundgang-Bild und Markierungen */
.rg-bild{border-radius:18px!important}
.pin{background:var(--e-accent);color:var(--e-accent-ink);box-shadow:0 0 0 5px rgba(216,255,106,.25),0 0 24px rgba(216,255,106,.8)}
.hinweis.gut .zeichen{background:#3f7d4c}.hinweis.hinweis .zeichen{background:#b8582f}.hinweis.frage .zeichen{background:#3a3d48}
.laden-liste li::before{content:"● ";color:var(--e-gruen)}
.handy-rahmen{border-color:#000;background:#000}
.fehler{color:var(--e-weak)}

/* Rechtsseiten */
.rechtstext h1{font-size:clamp(40px,6vw,76px)}
.rechtstext a,.k-fuss a{color:var(--e-gruen)}
.rechtstext p,.rechtstext li{color:#3c4a42}

/* Fortschritt des Kundenbereichs, Hinweise */
.k-privat{color:var(--e-gruen)!important}
::selection{background:var(--e-accent);color:var(--e-accent-ink)}
body.breit .kakbo-gast,body.breit .k-sprechen{display:none}
/* Feinschliff */
.feld.klein,textarea.feld.klein,.rg-begleiter .feld{font:500 17px/1.4 var(--e-sans)!important;letter-spacing:0}
.rg-begleiter .feld::placeholder{color:rgba(var(--e-ink-rgb),.35)}
.chip{font:700 15px/1 var(--e-sans)}
.k-sprechen{right:clamp(10px,2.2vw,34px);bottom:calc(min(26vw,300px) + 18px);max-width:220px}
.himmel i{opacity:.55!important;filter:blur(60px)}
.himmel i:nth-child(1){background:radial-gradient(closest-side,rgba(216,255,106,.16),transparent)!important}
.himmel i:nth-child(2){background:radial-gradient(closest-side,rgba(120,140,255,.14),transparent)!important}
.himmel i:nth-child(3){background:radial-gradient(closest-side,rgba(255,160,110,.10),transparent)!important}
.knopf.chip{background:rgba(var(--e-hauch-rgb),.05);color:var(--e-ink);box-shadow:inset 0 0 0 1px var(--e-line);padding:14px 22px}
.knopf.chip:hover{box-shadow:inset 0 0 0 1px rgba(216,255,106,.6)}
.knopf.chip[aria-pressed=true]{background:var(--e-accent);color:var(--e-accent-ink);box-shadow:0 0 30px -10px rgba(216,255,106,.8)}
.hinweis .zeichen{background:#b8582f}
.hinweis.gut .zeichen{background:#3f7d4c}
.hinweis.frage .zeichen{background:#3a3d48}
/* Kundenbereich: kräftige Überschriften wie überall */
.abschnitt h2,.dialog h2{font:850 clamp(30px,4vw,46px)/1.02 var(--e-sans)!important;letter-spacing:-.035em!important}
.k-richtung h3,.seitenkarte h3{font:800 22px/1.15 var(--e-sans)!important;letter-spacing:-.02em!important}
.k-stufe-name,.stufe h3,.stufe b{font-weight:850;letter-spacing:-.02em}
.seitenkarte h3{font:900 40px/1 var(--e-sans)!important;letter-spacing:-.04em!important;color:var(--e-gruen);margin:4px 0 8px!important}
.seitenkarte li::marker{color:var(--e-gruen)}

/* Tag: Feinschliff fürs Helle */
h1{color:#163b2c}
.knopf{box-shadow:0 0 0 1.5px rgba(32,74,57,.18),0 16px 34px -14px rgba(130,180,30,.75)}
.knopf:hover{box-shadow:0 0 0 1.5px rgba(32,74,57,.3),0 22px 44px -14px rgba(130,180,30,.95)}
.knopf.zweit{background:#fff;color:var(--e-ink);box-shadow:inset 0 0 0 1.5px rgba(19,36,28,.16),0 10px 24px -16px rgba(32,74,57,.4)}
.k-sprechen{box-shadow:0 24px 50px -20px rgba(32,74,57,.6)}
.vorzeile{color:var(--e-gruen-hell)}
.hilfe{color:#4a5850}
::selection{background:var(--e-accent);color:var(--e-accent-ink)}