/* =========================================================
   DOKA'S – Variante B „Nordlicht“ (kompakte Fassung, 22.10.2026)
   Dunkles Premium: Glas, Nordlicht, Gold.
   Baut auf base.css auf (Fonts, Tokens, Reset).
   ========================================================= */

:root{
  /* Flächen */
  --bg:#140F12; --bg-2:#1B1418; --bg-3:#231A1F; --bg-4:#2C2128;
  /* Text */
  --tx:#F4EEF1; --tx-2:#B9AEB3; --tx-3:#9D9197;
  /* Glas */
  --glass:rgba(255,255,255,.045); --glass-2:rgba(255,255,255,.07); --glass-3:rgba(255,255,255,.1);
  --ln:rgba(255,255,255,.09); --ln-2:rgba(255,255,255,.14);
  /* Akzente */
  --pl:#845A68; --pl-2:#B07C8E; --pl-3:#D9AEBD;
  --gd:#C9A45C; --gd-2:#E4CC93; --gd-3:#A07B2E;
  --pt:#2E6B6B; --pt-2:#5FA39C;
  --grad-gold:linear-gradient(100deg,#E4CC93 0%,#C9A45C 48%,#A07B2E 100%);
  --grad-gold-v:linear-gradient(180deg,#E4CC93 0%,#C9A45C 55%,#A07B2E 100%);
  --grad-plum:linear-gradient(135deg,#B07C8E,#845A68);
  /* Maße */
  --r-sm:12px; --r:18px; --r-lg:26px;
  --wrap:1240px; --gut:clamp(16px,4vw,40px);
  --shadow:0 30px 80px -40px rgba(0,0,0,.85);
  --hdr-top:12px;
  /* Text auf Gold-Flächen (Buttons, Marken-Umschalter) */
  --on-gold:#1A1216;

  /* ---- Ergänzte Tokens für Tag/Nacht (29.10.2026). Nacht-Werte = bisherige Farben. ---- */
  --gd-tx:var(--gd-2);                                  /* Gold für Text & Icons (Tag: dunkleres --gd) */
  --btn-gold:var(--grad-gold);                          /* Goldfläche mit Text darauf (Buttons, Nummern) */
  --grad-gold-tx:var(--grad-gold);                      /* Gold-Verlauf für (große) Schrift */
  --marke-on:var(--on-gold);                            /* Textfarbe aktiver Marken-Umschalter (marke.css) */
  --focus-ring:var(--gd-2);
  --sel:rgba(201,164,92,.38); --sel-tx:#fff;
  --surf:rgba(255,255,255,.045); --surf-2:rgba(255,255,255,.07); --surf-3:rgba(255,255,255,.11);
  --hi:rgba(255,255,255,.06);                           /* Lichtkante oben (inset) */
  --ln-3:rgba(255,255,255,.24);
  --card:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.022));
  --card-open:linear-gradient(180deg,rgba(201,164,92,.08),rgba(255,255,255,.02));
  --gd-t0:rgba(201,164,92,.06); --gd-t:rgba(201,164,92,.12); --gd-t2:rgba(201,164,92,.2);
  --gd-ln:rgba(201,164,92,.25); --gd-ln-2:rgba(228,204,147,.45);
  --gd-glow:rgba(201,164,92,.6); --gd-glow-2:rgba(228,204,147,.75); --gd-glow-3:rgba(201,164,92,.35);
  --pl-ln:rgba(217,174,189,.35);
  --spot-1:rgba(228,204,147,.85); --spot-2:rgba(176,124,142,.4); --spot-3:rgba(176,124,142,.12);
  --seg-ind:linear-gradient(180deg,rgba(255,255,255,.15),rgba(255,255,255,.05));
  --checked-bg:linear-gradient(160deg,rgba(201,164,92,.22),rgba(132,90,104,.12));
  --hdr-bg:rgba(27,20,24,.55); --hdr-bg-2:rgba(22,16,19,.82);
  --float-sh:0 18px 50px -24px rgba(0,0,0,.9);
  --mnav-bg:radial-gradient(120% 60% at 80% 0%,rgba(132,90,104,.35),transparent 60%),rgba(16,11,14,.9);
  --band-bg:rgba(27,20,24,.72);
  --tx-lead:#CFC5CA;
  --av-bg:#1A1216;
  --field:rgba(10,7,9,.55); --field-f:rgba(10,7,9,.75); --field-ac:#1E161A; --ph:#7F7479;
  --track:rgba(255,255,255,.08);
  --quote-bg:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(22,16,19,.6);
  --err:#FF9C9C; --err-ln:#E86D7D; --err-tx:#FFD0D0; --err-bg:rgba(232,109,125,.12);
  --spin-ln:rgba(26,18,22,.25);
  --wa-tx:#4BE08A;
  --foot-bg:#0E0A0C;
}

/* ---------- Tag-Modus (hell): gleiche Tokens, helle Werte ----------
   head.js setzt html[data-theme="day"|"night"] nach dem Sonnenstand in Marne.
   Kontraste auf Creme geprüft: --tx-2 ≈ 7:1, --tx-3 ≈ 4,8:1, Gold-Text (--gd) ≈ 4,9:1. */
:root[data-theme="day"]{
  --bg:#FAF6F1; --bg-2:#F4EDE6; --bg-3:#EDE3DA; --bg-4:#E3D6CB;
  --tx:#2B2326; --tx-2:#5B5054; --tx-3:#76696E;
  --glass:rgba(255,255,255,.55); --glass-2:rgba(255,255,255,.72); --glass-3:rgba(255,255,255,.9);
  --ln:rgba(58,37,48,.11); --ln-2:rgba(58,37,48,.18);
  --pl:#845A68; --pl-2:#6E4756; --pl-3:#5A3B47;
  --gd:#8A6420; --gd-2:#A07B2E; --gd-3:#6E4F17;
  --pt:#2E6B6B; --pt-2:#2E6B6B;
  --grad-gold:linear-gradient(100deg,#B8892E 0%,#8A6420 50%,#6E4F17 100%);
  --grad-gold-v:linear-gradient(180deg,#B8892E 0%,#8A6420 55%,#6E4F17 100%);
  --grad-plum:linear-gradient(135deg,#9B6B7C,#5A3B47);
  --shadow:0 30px 70px -40px rgba(60,40,50,.35);
  --on-gold:#FFF8EC;

  /* Ergänzte Tokens (Tag). Kontraste: --on-gold auf --btn-gold ≥ 4,6:1, --gd auf Creme ≈ 5:1, Fokus Pflaume ≈ 5,4:1 */
  --gd-tx:#8A6420;
  --btn-gold:linear-gradient(100deg,#93691F 0%,#7E5A1B 50%,#664813 100%);
  --grad-gold-tx:linear-gradient(100deg,#A47A2A 0%,#8A6420 50%,#6E4F17 100%);
  --focus-ring:#845A68;
  --sel:rgba(138,100,32,.22); --sel-tx:#2B2326;
  --surf:rgba(255,255,255,.62); --surf-2:rgba(255,255,255,.85); --surf-3:rgba(255,255,255,.96);
  --hi:rgba(255,255,255,.95);
  --ln-3:rgba(58,37,48,.3);
  --card:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.6));
  --card-open:linear-gradient(180deg,rgba(255,250,240,.98),rgba(255,255,255,.75));
  --gd-t0:rgba(138,100,32,.05); --gd-t:rgba(138,100,32,.09); --gd-t2:rgba(138,100,32,.15);
  --gd-ln:rgba(138,100,32,.24); --gd-ln-2:rgba(138,100,32,.42);
  --gd-glow:rgba(110,79,23,.32); --gd-glow-2:rgba(110,79,23,.4); --gd-glow-3:rgba(138,100,32,.18);
  --pl-ln:rgba(132,90,104,.35);
  --spot-1:rgba(160,123,46,.7); --spot-2:rgba(132,90,104,.3); --spot-3:rgba(201,164,92,.1);
  --seg-ind:linear-gradient(180deg,#FFFFFF,#FBF6EF);
  --checked-bg:linear-gradient(160deg,rgba(201,164,92,.2),rgba(255,255,255,.7));
  --hdr-bg:rgba(255,252,248,.66); --hdr-bg-2:rgba(255,252,248,.9);
  --float-sh:0 18px 44px -26px rgba(70,45,55,.38);
  --mnav-bg:radial-gradient(120% 60% at 80% 0%,rgba(201,164,92,.16),transparent 60%),rgba(250,246,241,.96);
  --band-bg:rgba(241,232,222,.7);
  --tx-lead:#4A3F43;
  --av-bg:#FFFCF8;
  --field:#FFFFFF; --field-f:#FFFFFF; --field-ac:#FFFFFF; --ph:#76696E;
  --track:rgba(58,37,48,.1);
  --quote-bg:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.78));
  --err:#B3261E; --err-ln:#C2394B; --err-tx:#8C1D2B; --err-bg:#FDECEE;
  --spin-ln:rgba(255,248,236,.35);
  --wa-tx:#128C4A;
  --foot-bg:linear-gradient(180deg,#3E2A34,#2C1D24);
}
html[data-theme="day"]{color-scheme:light}

/* ---------- Basis ---------- */
html{background:var(--bg);color-scheme:dark;overflow-x:clip}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{font-family:var(--font-alt);font-size:16px;line-height:1.6;color:var(--tx);background:var(--bg);overflow-x:clip;font-feature-settings:"ss01","cv11"}
@media (min-width:768px){body{font-size:16.5px}}
html.nav-open{overflow:hidden}
[hidden]{display:none!important}
::selection{background:var(--sel);color:var(--sel-tx)}
main section[id],#einzugsgebiet{scroll-margin-top:84px}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:8px}
.skip-link{background:var(--gd);color:var(--on-gold)}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.i{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:middle}
.i-flip{transform:scaleX(-1)}
.wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto}

h1,h2,h3{font-family:var(--font-serif);font-weight:500;line-height:1.08;letter-spacing:-.015em;color:var(--tx)}
h2{font-size:clamp(1.75rem,1.1rem + 2.4vw,2.9rem)}
p{color:var(--tx-2)}
b,strong{color:var(--tx);font-weight:700}
em{font-style:italic}

/* Gold-Verlaufstext (auch für per data-split zerlegte Wörter) */
.g,.g .split-word>span{background:var(--grad-gold-tx);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.g{padding-right:.06em}

/* Eyebrow */
.eyebrow{display:inline-flex;align-items:center;gap:.8em;font-family:var(--font-alt);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);line-height:1.4}
.eyebrow::before{content:"";width:28px;height:1px;background:var(--grad-gold);flex:none}

/* Platt-Spruch mit Bedeutung */
.platt{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25em .6em;font-size:14px;color:var(--tx-2);line-height:1.45}
.platt q{font-family:var(--font-serif);font-style:italic;font-size:1.28em;color:var(--gd-tx);quotes:"„" "“"}
.platt-tag{align-self:center;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--pl-3);border:1px solid var(--pl-ln);border-radius:999px;padding:3px 9px}
.platt-mean{color:var(--tx-3)}

/* ---------- Buttons ---------- */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.8em 1.45em;border-radius:999px;font-family:var(--font-alt);font-weight:700;font-size:15px;letter-spacing:.01em;line-height:1.2;white-space:nowrap;isolation:isolate;overflow:hidden;transition:box-shadow .35s,background-color .35s,border-color .35s,color .35s,translate .35s var(--ease-out)}
.btn .i{width:18px;height:18px}
.btn-sm{min-height:44px;padding:.6em 1.15em;font-size:14px}
.btn-lg{min-height:54px;padding:.95em 1.7em;font-size:16px}
.btn-gold{color:var(--on-gold);background:var(--btn-gold);box-shadow:0 12px 32px -12px var(--gd-glow),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-gold::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.75) 50%,transparent 75%);transform:translateX(-130%);transition:transform .9s var(--ease-out)}
.btn-gold:hover{box-shadow:0 18px 44px -12px var(--gd-glow-2),inset 0 1px 0 rgba(255,255,255,.5)}
.btn-gold:hover::after,.btn-gold:focus-visible::after{transform:translateX(130%)}
.btn-glass{color:var(--tx);background:var(--surf);border:1px solid var(--ln-2);box-shadow:inset 0 1px 0 var(--hi)}
.btn-glass:hover{background:var(--surf-3);border-color:var(--gd-ln-2)}
.btn-ghost{color:var(--tx-2);background:transparent;border:1px solid var(--ln)}
.btn-ghost:hover{color:var(--tx);border-color:var(--ln-2)}
.btn:active{translate:0 1px}

.link-arrow{display:inline-flex;align-items:center;gap:.55em;min-height:44px;font-weight:700;color:var(--gd-tx);transition:gap .3s var(--ease-out),color .3s}
.link-arrow:hover{gap:.85em;color:var(--tx)}
.link-arrow .i{width:18px;height:18px}

/* ---------- Glas-Karten + Spotlight-Rand ---------- */
.glass{position:relative;background:var(--card);border:1px solid var(--ln);border-radius:var(--r-lg);box-shadow:var(--shadow),inset 0 1px 0 var(--hi)}
.spot{--mx:-600px;--my:-600px}
.spot::before,.spot::after{content:"";position:absolute;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .45s}
/* Rand-Glow: Maskentrick → nur der 1px-Rand leuchtet am Cursor */
.spot::before{inset:-1px;padding:1px;background:radial-gradient(340px circle at var(--mx) var(--my),var(--spot-1),var(--spot-2) 40%,transparent 70%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
/* Innen-Schimmer */
.spot::after{inset:0;background:radial-gradient(520px circle at var(--mx) var(--my),var(--spot-3),transparent 60%)}
.spot:hover::before,.spot:hover::after{opacity:1}

/* Cursor-Licht (b.js) */
.b-glow{position:fixed;left:0;top:0;z-index:60;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(176,124,142,.16) 0%,rgba(201,164,92,.07) 32%,transparent 66%);mix-blend-mode:screen;opacity:0;transition:opacity .6s;will-change:transform}
.b-glow.is-on{opacity:1}

/* ---------- Header: schwebende Glas-Pille ---------- */
.hdr{position:fixed;inset:var(--hdr-top) 0 auto;z-index:100;padding-inline:12px;pointer-events:none;transition:transform .55s var(--ease-out)}
.hdr.is-hidden{transform:translateY(calc(-100% - 24px))}
.hdr-pill{position:relative;pointer-events:auto;display:flex;align-items:center;gap:16px;width:min(1280px,100%);margin-inline:auto;min-height:64px;padding:8px 8px 8px 18px;border-radius:999px;
  background:var(--hdr-bg);border:1px solid var(--ln);box-shadow:var(--float-sh),inset 0 1px 0 var(--hi);
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);transition:background .4s,border-color .4s}
.hdr.is-scrolled .hdr-pill{background:var(--hdr-bg-2);border-color:var(--ln-2)}
.hdr-progress{position:absolute;left:28px;right:28px;bottom:-1px;height:1px;background:var(--grad-gold);transform-origin:left;transform:scaleX(var(--progress,0));box-shadow:0 0 12px var(--gd-glow-2);border-radius:2px}

.logo{display:inline-flex;align-items:center;gap:11px;color:var(--gd);flex:none;min-height:44px}
.logo-mark{width:38px;height:38px;filter:drop-shadow(0 0 10px var(--gd-glow-3))}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-text b{font-family:var(--font-serif);font-weight:600;font-size:20px;letter-spacing:.04em;background:var(--grad-gold-tx);-webkit-background-clip:text;background-clip:text;color:transparent}
.logo-text small{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--tx-2);margin-top:5px}

.nav{margin-left:auto;display:none}
.nav ul{display:flex;gap:4px}
.nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;font-size:14.5px;font-weight:600;color:var(--tx-2);transition:color .3s,background .3s}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:1px;background:var(--grad-gold);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease-out)}
.nav a:hover,.nav a[aria-current]{color:var(--tx)}
.nav a:hover::after,.nav a[aria-current]::after{transform:scaleX(1)}

.hdr-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.hdr-tel{display:none;align-items:center;gap:8px;min-height:44px;padding:0 12px;border-radius:999px;font-weight:700;font-size:14.5px;color:var(--tx);white-space:nowrap;transition:background .3s}
.hdr-tel:hover{background:var(--surf-2)}
.hdr-tel .i{color:var(--gd)}
.hdr-cta{display:none}

.burger{position:relative;width:48px;height:48px;border-radius:50%;background:var(--surf-2);border:1px solid var(--ln);display:grid;place-items:center}
.burger span{position:absolute;left:15px;right:15px;height:1.6px;border-radius:2px;background:var(--tx);transition:transform .45s var(--ease-out),top .45s var(--ease-out)}
.burger span:nth-child(1){top:19px}
.burger span:nth-child(2){top:27px;left:21px}
.burger[aria-expanded="true"] span:nth-child(1){top:23px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){top:23px;left:15px;transform:rotate(-45deg)}

@media (min-width:560px){.hdr-cta{display:inline-flex}}
@media (min-width:1280px){
  .nav{display:block}
  .hdr-actions{margin-left:0}
  .burger{display:none}
  .hdr-tel{display:inline-flex}
  .hdr-tel span{display:none}
}
@media (min-width:1600px){.hdr-tel span{display:inline}}

/* Mobilmenü */
.mnav{position:fixed;inset:0;z-index:90;display:flex;flex-direction:column;overflow-y:auto;padding:110px var(--gut) 40px;
  background:var(--mnav-bg);
  -webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  visibility:hidden;opacity:0;clip-path:circle(0% at calc(100% - 44px) 44px);transition:clip-path .7s var(--ease-in-out),opacity .4s,visibility 0s linear .7s}
.mnav.is-open{visibility:visible;opacity:1;clip-path:circle(150% at calc(100% - 44px) 44px);transition:clip-path .7s var(--ease-in-out),opacity .3s,visibility 0s}
.mnav-inner{width:min(640px,100%);margin:auto 0;display:grid;gap:26px}
.mnav-list{display:grid;gap:2px}
.mnav-list a{display:flex;align-items:baseline;gap:16px;padding:12px 0;border-bottom:1px solid var(--ln);font-family:var(--font-serif);font-size:clamp(1.6rem,6vw,2.3rem);line-height:1.15;color:var(--tx);
  opacity:0;transform:translateY(18px);transition:opacity .5s,transform .6s var(--ease-out),color .3s}
.mnav-list a span{font-family:var(--font-alt);font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gd)}
.mnav-list a:hover{color:var(--gd-tx)}
.mnav.is-open .mnav-list a{opacity:1;transform:none}
.mnav.is-open .mnav-list li:nth-child(1) a{transition-delay:.18s}
.mnav.is-open .mnav-list li:nth-child(2) a{transition-delay:.24s}
.mnav.is-open .mnav-list li:nth-child(3) a{transition-delay:.3s}
.mnav.is-open .mnav-list li:nth-child(4) a{transition-delay:.36s}
.mnav.is-open .mnav-list li:nth-child(5) a{transition-delay:.42s}
.mnav-foot{display:grid;gap:10px}
@media (min-width:480px){.mnav-foot{grid-template-columns:1fr 1fr}.mnav-foot .btn-gold{grid-column:1/-1}}
@media (min-width:1280px){.mnav{display:none}}

/* ---------- Abschnitte (kompakt) ---------- */
.sec{position:relative;padding-block:clamp(44px,5vw,72px)}
.sec-head{display:grid;gap:12px;margin-bottom:clamp(20px,2.6vw,34px)}
.sec-head-main{display:grid;gap:10px;justify-items:start}
.sec-head p:not(.eyebrow):not(.platt){max-width:52ch}
@media (min-width:900px){.sec-head--row{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:end;gap:48px}}

/* ======================= HERO (Nordlicht) ======================= */
.hero{position:relative;isolation:isolate;display:grid;align-items:center;overflow:hidden;
  padding:calc(var(--hdr-top) + 64px + 18px) 0 104px;
  background:
    radial-gradient(80% 50% at 50% 100%,rgba(132,90,104,.55),transparent 70%),
    radial-gradient(50% 30% at 70% 100%,rgba(201,164,92,.22),transparent 70%),
    linear-gradient(180deg,#0C090B 0%,#130D11 45%,#1E141A 100%)}
@media (min-width:768px){.hero{min-height:min(100svh,760px);padding:calc(var(--hdr-top) + 64px + clamp(20px,3vh,36px)) 0 max(clamp(112px,15vh,136px),10.5vw)}}
.hero-sky{position:absolute;inset:0;z-index:-2;pointer-events:none}
.aurora{position:absolute;left:-6%;top:-6%;width:112%;max-width:none;height:80%;filter:blur(6px) saturate(140%);mix-blend-mode:screen}
.stars{position:absolute;inset:0;width:100%;height:100%}
.hero-grain{position:absolute;inset:0;opacity:.13;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.hero-vignette{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 35%,transparent 45%,rgba(8,5,7,.7) 100%)}
/* ohne JS: statisches Nordlicht als Verlauf */
.hero-sky::before{content:"";position:absolute;inset:0;opacity:.75;
  background:radial-gradient(40% 30% at 25% 30%,rgba(176,124,142,.35),transparent 70%),radial-gradient(35% 25% at 70% 22%,rgba(95,163,156,.22),transparent 70%),radial-gradient(45% 25% at 55% 45%,rgba(201,164,92,.16),transparent 70%)}
.hero.has-sky .hero-sky::before{opacity:0;transition:opacity 2s}

/* Horizont: Deich, Windräder, Leuchtturm. Auf dem Handy bewusst niedrig. */
.horizon{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:auto;aspect-ratio:1440/220;min-height:92px;z-index:-1;pointer-events:none}
@media (min-width:768px){.horizon{min-height:120px}}
.hz-far{fill:#1C1319}
.hz-dike{fill:var(--bg)}
.hz-houses path{fill:#110C0F}
.hz-win{fill:#E4CC93;opacity:.85}
.hz-mills{fill:#0E0A0C}
.hz-lighthouse{fill:#0E0A0C}
.hz-stripe{fill:#3A2530}
.hz-lantern{fill:#F6E3AE}
.rotor{animation:spin 9s linear infinite}
.blink{fill:#FF5A5A;animation:blink 2.4s steps(1) infinite}
.hz-beam{transform-origin:1012px 86px;animation:beam 7s linear infinite}
.hz-flash{animation:flash 7s linear infinite;mix-blend-mode:screen}
.js .hero:not(.in-view) .rotor,.js .hero:not(.in-view) .blink,.js .hero:not(.in-view) .hz-beam,.js .hero:not(.in-view) .hz-flash,
.js .tp-wrap:not(.in-view) .lit,.js .tp-wrap:not(.in-view) .stat-ring{animation-play-state:paused}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{0%,100%{opacity:.15}50%{opacity:1}}
@keyframes beam{0%{transform:scaleX(1);opacity:.5}25%{transform:scaleX(0);opacity:.95}50%{transform:scaleX(-1);opacity:.5}75%{transform:scaleX(0);opacity:.05}100%{transform:scaleX(1);opacity:.5}}
@keyframes flash{0%,15%,35%,100%{opacity:.25}25%{opacity:1}}

.hero-inner{position:relative;display:grid;justify-items:center;text-align:center}
.hero-inner::before{content:"";position:absolute;inset:-8% -4%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side,rgba(14,10,12,.42),transparent)}
.eyebrow--live{display:inline-block;text-align:center;letter-spacing:.16em;font-size:11.5px;padding:7px 16px;border-radius:999px;border:1px solid rgba(201,164,92,.25);background:rgba(20,15,18,.45)}
.eyebrow--live::before{display:none}
@media (max-width:600px){.eb-more{display:none}}
.live-dot{display:inline-block;vertical-align:middle;margin:-2px 10px 0 0;width:7px;height:7px;border-radius:50%;background:var(--gd-2);box-shadow:0 0 0 0 rgba(228,204,147,.6);animation:live 2.4s infinite}
@keyframes live{0%{box-shadow:0 0 0 0 rgba(228,204,147,.55)}80%,100%{box-shadow:0 0 0 10px rgba(228,204,147,0)}}
.hero-title{margin-top:18px;max-width:26ch;font-size:clamp(2.05rem,1.2rem + 3.6vw,4rem);line-height:1.04;letter-spacing:-.02em;font-weight:500;text-shadow:0 2px 40px rgba(10,6,8,.6)}
.hero-title em{font-weight:400;color:var(--pl-3)}
.hero-title .split-word{overflow:visible}
.hero-claim{margin-top:12px;font-family:var(--font-serif);font-style:italic;font-size:clamp(1.3rem,1rem + 1.2vw,2rem);line-height:1.2;color:var(--gd-tx)}
.hero-lead{margin-top:14px;max-width:60ch;font-size:clamp(.97rem,.93rem + .25vw,1.1rem);line-height:1.55;color:var(--tx-lead)}
.hero-cta{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.hero-trust{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:7px 16px 7px 8px;border-radius:999px;font-size:14px;line-height:1.4;color:var(--tx-2);background:var(--surf);border:1px solid var(--ln)}
.hero-trust .i{width:30px;height:30px;padding:6px;border-radius:50%;color:var(--gd-tx);background:var(--gd-t)}
.hero-trust b{font-weight:700}
@media (max-width:520px){
  .hero-cta{width:100%}
  .hero-cta .btn{width:100%;white-space:normal;min-height:50px;padding-block:.8em}
  .hero-trust{border-radius:18px;text-align:left;font-size:13.5px}
}

.scroll-hint{position:absolute;left:50%;bottom:clamp(12px,2.5vh,24px);transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:8px;min-height:44px;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--tx-2)}
@media (min-width:768px) and (min-height:720px){.scroll-hint{display:flex}}
.mouse{width:22px;height:34px;border-radius:12px;border:1.5px solid rgba(244,238,241,.5);display:flex;justify-content:center;padding-top:6px}
.mouse i{width:3px;height:7px;border-radius:2px;background:var(--gd-tx);animation:wheel 1.8s var(--ease-out) infinite}
@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}

/* Vor JS-Start: Hero-Elemente nicht aufblitzen lassen */
.js .hero [data-hero]{opacity:0}
.js .hero-title{visibility:hidden}
.js.reduced .hero [data-hero]{opacity:1}
.js.reduced .hero-title{visibility:visible}

/* ======================= BAND: Vertrauenszeile / Laufband ======================= */
.band{position:relative;z-index:2;padding-block:12px;overflow:hidden}
.band-wrap{-webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.band-track{display:flex;width:max-content;animation:band 44s linear infinite}
.band:hover .band-track{animation-play-state:paused}
.js .band:not(.in-view) .band-track{animation-play-state:paused}
@keyframes band{to{transform:translate3d(-50%,0,0)}}
.band-list{display:flex;gap:10px;padding-right:10px}
.band-list li{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;min-height:44px;padding:5px 16px 5px 6px;border-radius:999px;font-size:14px;font-weight:700;color:var(--tx);background:var(--surf);border:1px solid var(--ln)}
.band-ico{width:32px;height:32px;flex:none;border-radius:50%;display:grid;place-items:center;color:var(--gd-tx);background:linear-gradient(160deg,var(--gd-t2),var(--gd-t0));border:1px solid var(--gd-ln)}
.band-ico .i{width:17px;height:17px}
@media (min-width:1100px){
  .band{padding-block:14px;overflow:visible}
  .band-wrap{width:min(var(--wrap),100% - 2*var(--gut));margin-inline:auto;-webkit-mask:none;mask:none}
  .band-track{width:auto;animation:none}
  .band-copy{display:none}
  .band-list{flex:1;justify-content:space-between;gap:6px;padding:8px 14px 8px 8px;border-radius:999px;
    background:var(--card);border:1px solid var(--ln);box-shadow:var(--shadow),inset 0 1px 0 var(--hi)}
  .band-list li{background:none;border:0;padding:2px 6px 2px 2px;font-size:14.5px}
}

/* ======================= LEISTUNGEN (Reiter) ======================= */
.services::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 50% 10%,rgba(132,90,104,.22),transparent 70%)}
.tabs{display:grid;justify-items:center;gap:16px}
.seg{display:none}
.js .seg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:5px;border-radius:18px;background:var(--surf);border:1px solid var(--ln)}
.seg-ind{position:absolute;left:0;top:0;width:0;height:0;border-radius:13px;pointer-events:none;
  background:var(--seg-ind);border:1px solid var(--gd-ln-2);box-shadow:0 10px 30px -10px var(--gd-glow),inset 0 1px 0 var(--hi)}
.seg-btn{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:64px;padding:8px 6px;border-radius:13px;color:var(--tx-2);font-weight:700;font-size:12.5px;line-height:1.25;text-align:center;-webkit-hyphens:manual;hyphens:manual;transition:color .3s}
.seg-btn .i{color:var(--gd);width:20px;height:20px}
.seg-btn:hover,.seg-btn[aria-selected="true"]{color:var(--tx)}
@media (min-width:860px){
  .js .seg{width:auto;grid-template-columns:repeat(3,auto);border-radius:999px;padding:6px}
  .seg-ind{border-radius:999px}
  .seg-btn{flex-direction:row;gap:10px;min-height:50px;padding:10px 22px;border-radius:999px;font-size:15px;white-space:nowrap}
}

.tp-wrap{display:grid;gap:16px;width:100%}
.js .tp{grid-area:1/1}
.js .tp:not(.is-active):not(.is-leaving){visibility:hidden;opacity:0;pointer-events:none}
.tp{display:grid;grid-template-areas:"text" "side" "act";gap:18px;padding:clamp(20px,3vw,38px);align-content:start;overflow:hidden;scroll-margin-top:96px}
.tp:focus-visible{outline-offset:4px;border-radius:var(--r-lg)}
.tp-text{grid-area:text;min-width:0}
.tp-kicker{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gd)}
.tp h3{font-size:clamp(1.55rem,1.15rem + 1.4vw,2.3rem);margin:6px 0 10px}
.tp-text>p:not(.tp-kicker){max-width:58ch;font-size:.97em}
.tp-act{grid-area:act;display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
@media (max-width:899px){.tp-act .btn{width:100%}}
@media (min-width:900px){
  .tp{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-areas:"text side" "act side";column-gap:44px;row-gap:22px}
  .tp-act{align-self:end}
}

.checks{display:grid;gap:8px;margin-top:16px}
.checks li{display:flex;gap:10px;align-items:flex-start;color:var(--tx);font-size:.95em;line-height:1.42}
.checks .i{width:20px;height:20px;padding:4px;border-radius:50%;color:var(--on-gold);background:var(--grad-gold);margin-top:1px}
@media (min-width:1100px){.tp .checks{grid-template-columns:1fr 1fr;gap:10px 22px}}

/* Hervorhebungs-Kasten */
.tp-hl{grid-area:side;position:relative;isolation:isolate;display:grid;gap:8px;align-content:start;min-width:0;padding:clamp(18px,2.2vw,26px);border-radius:20px;border:1px solid rgba(201,164,92,.3);overflow:hidden;
  background:radial-gradient(90% 70% at 100% 0%,rgba(201,164,92,.16),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(132,90,104,.32),transparent 62%),rgba(20,14,17,.78)}
.tp-hl-title{font-family:var(--font-serif);font-size:1.3rem;line-height:1.2;color:var(--tx)}
.tp-hl:not(.care-stat)>p:not(.tp-hl-title){font-size:.93em;line-height:1.55}
.tp-art{display:none}
@media (min-width:900px){
  .tp-art{display:block;position:relative;height:clamp(120px,11vw,150px);margin-bottom:6px;border-radius:14px;border:1px solid var(--ln);overflow:hidden;
    background:radial-gradient(70% 70% at 60% 40%,rgba(132,90,104,.28),transparent 70%),
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/22px 22px,#170F14}
  .tp-art svg{position:absolute;inset:8px;width:calc(100% - 16px);height:calc(100% - 16px)}
}

/* Linien-Illustrationen (pathLength=1 → einfaches Zeichnen per dashoffset) */
.d{stroke:var(--gd);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0}
.d-thin{stroke:rgba(228,204,147,.55);stroke-width:1.1}
.d-plum{stroke:var(--pl-2);stroke-width:1.4}
.d-fill{fill:rgba(201,164,92,.12)}
.lit{fill:var(--gd-2);opacity:.22;animation:lit 4.5s ease-in-out infinite}
.lit-2{animation-delay:-2s}
@keyframes lit{0%,100%{opacity:.12}50%{opacity:.5}}

/* Hauswirtschaft: 131-€-Kasten mit umlaufendem Licht */
.care-stat{justify-items:center;text-align:center;gap:4px;border:0;background:rgba(201,164,92,.24)}
.care-stat::after{content:"";position:absolute;inset:1px;z-index:-1;border-radius:19px;background:radial-gradient(circle at 50% 40%,rgba(201,164,92,.17),transparent 65%),#151013}
.stat-ring{position:absolute;left:50%;top:50%;z-index:-2;width:170%;aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(228,204,147,.25) 76%,#F3DFA8 88%,transparent 92%);animation:orbit 6s linear infinite}
@keyframes orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
.stat-label{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--pl-3)}
.stat-num{font-family:var(--font-serif);font-weight:500;font-size:clamp(3.4rem,2.4rem + 3.6vw,5.4rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums}
.stat-num .g{padding:0 .04em .06em}
.care-stat .stat-sub{max-width:26ch;color:var(--tx);font-weight:600;font-size:.95em}
.stat-year{margin-top:6px;padding:6px 14px;border-radius:999px;font-size:13.5px;background:var(--gd-t);border:1px solid var(--gd-ln);color:var(--tx-2)}
.stat-year b{color:var(--gd-tx)}
.care-stat .stat-note{margin-top:6px;max-width:34ch;font-size:13px;color:var(--tx-3)}

.svc-extra{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:14px;line-height:1.5;color:var(--tx-2)}
.svc-extra .i{color:var(--gd);margin-top:1px}
@media (min-width:900px){.svc-extra{justify-content:center}}

/* ======================= ABLAUF (vier Schritte, läuft normal mit) ======================= */
.flow::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 60% at 85% 50%,rgba(201,164,92,.08),transparent 70%),radial-gradient(40% 60% at 10% 60%,rgba(132,90,104,.16),transparent 70%)}
.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.flow-step{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;align-content:start;gap:8px 10px;padding:14px;border-radius:var(--r);background:var(--card);border:1px solid var(--ln)}
.flow-num{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-serif);font-size:14px;font-weight:600;color:var(--on-gold);background:var(--btn-gold);box-shadow:0 0 20px var(--gd-glow-3)}
.flow-step h3{font-family:var(--font-alt);font-size:14.5px;font-weight:700;line-height:1.25;letter-spacing:0}
.flow-step p{grid-column:1/-1;font-size:13.5px;line-height:1.45}
@media (min-width:1024px){
  .flow-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .flow-step{grid-template-columns:1fr;gap:12px;padding:22px}
  .flow-num{width:46px;height:46px;font-size:17px}
  .flow-step h3{font-family:var(--font-serif);font-weight:500;font-size:1.35rem;letter-spacing:-.01em}
  .flow-step p{font-size:14.5px}
  /* goldene Verbindung zum nächsten Schritt */
  .flow-step:not(:last-child)::after{content:"";position:absolute;left:calc(100% + 1px);top:45px;width:16px;height:1px;background:var(--grad-gold);box-shadow:0 0 8px rgba(228,204,147,.6)}
}

/* ======================= ÜBER UNS + EINZUGSGEBIET ======================= */
.about{background:linear-gradient(180deg,transparent,var(--band-bg) 20%,var(--band-bg) 80%,transparent)}
.about-grid{display:grid;gap:24px;align-items:center}
.about-text{display:grid;gap:14px;justify-items:start}
.about-text>p:not(.eyebrow){max-width:56ch}
.duo{display:grid;gap:10px;width:100%}
.person{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;border-radius:18px;box-shadow:none}
.person-av{flex:none;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-serif);font-size:22px;color:var(--gd-tx);
  border:1px solid transparent;background:linear-gradient(var(--av-bg),var(--av-bg)) padding-box,var(--grad-gold) border-box;box-shadow:0 0 24px -6px var(--gd-glow)}
.person:nth-child(2) .person-av{color:var(--pl-3);background:linear-gradient(var(--av-bg),var(--av-bg)) padding-box,var(--grad-plum) border-box}
.person b{display:block;font-size:15.5px;line-height:1.3}
.person small{display:block;font-size:13px;line-height:1.35;color:var(--tx-2)}
@media (min-width:560px){.duo{grid-template-columns:1fr 1fr}}
.moin{display:flex;align-items:center;gap:14px;padding:10px 16px 10px 10px;border-radius:18px;background:var(--surf);border:1px solid var(--ln);color:var(--tx-2);font-size:14.5px;line-height:1.45;transition:border-color .3s,background .3s}
.moin:hover{border-color:var(--gd-ln-2);background:var(--surf-2)}
.moin-bubble{position:relative;flex:none;padding:8px 14px;border-radius:16px 16px 16px 4px;font-family:var(--font-serif);font-style:italic;font-size:18px;color:var(--on-gold);background:var(--btn-gold);box-shadow:0 10px 24px -10px var(--gd-glow)}
.moin b{white-space:nowrap}

.area{display:grid;gap:14px;padding:clamp(18px,2.4vw,26px);border-radius:var(--r-lg);container-type:inline-size}
.area-head h3{font-size:clamp(1.3rem,1.05rem + 1vw,1.7rem);line-height:1.15}
.area-head p{margin-top:6px;font-size:14.5px;line-height:1.5}
.area-body{display:grid;gap:14px;align-items:center}
.town-list{display:flex;flex-wrap:wrap;gap:6px}
.town-list li{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:4px 12px 4px 9px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--tx);background:var(--surf);border:1px solid var(--ln);cursor:default;transition:border-color .3s,background .3s}
.town-list li .i{width:15px;height:15px;color:var(--pl-2);transition:color .3s}
.town-list li small{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gd)}
.town-list li.is-home{border-color:var(--gd-ln-2)}
.town-list li.is-home .i{color:var(--gd)}
.town-list li.is-active{border-color:var(--gd-tx);background:var(--gd-t)}
.town-list li.is-active .i{color:var(--gd-tx)}
/* kleine Karte nur, wenn der Kasten breit genug für Chips + Karte nebeneinander ist (Handy: nur Chips) */
.map-figure,.map-tip{display:none}
@container (min-width:500px){
  .map-tip{display:block}
  .area-body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .map-figure{display:block;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--ln-2);box-shadow:0 0 60px -30px rgba(201,164,92,.4)}
  .map-figure svg{width:100%;height:auto}
}
@media (min-width:1024px){.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}}

/* Karte (kleine Fassung, Ortsnamen als Chips daneben) */
.map-waves path{stroke:rgba(95,163,156,.35);stroke-width:1.2}
.map-land{fill:#1F161B}
.map-radar circle{fill:none;stroke:rgba(228,204,147,.1);stroke-width:1.4;stroke-dasharray:3 6}
.map-wave{fill:none!important;stroke:rgba(228,204,147,.55)!important;stroke-width:2!important;stroke-dasharray:none!important;transform-origin:157.8px 358.8px;transform:scale(0);opacity:0;animation:wave 7.2s cubic-bezier(.2,.6,.3,1) infinite}
@keyframes wave{0%{transform:scale(.03);opacity:.9}100%{transform:scale(1);opacity:0}}
.js .area:not(.in-view) .map-wave,.js .area:not(.in-view) .town-pulse{animation-play-state:paused}
.map-coast{stroke:url(#map-coast-grad);stroke-width:3;filter:url(#map-glow)}
.map-coast[pathLength]{stroke-dasharray:1}
.map-canal{stroke:rgba(176,124,142,.55);stroke-width:2;stroke-dasharray:6 7}
.map-sea{fill:rgba(95,163,156,.75);font-family:var(--font-serif);font-style:italic;font-size:24px;letter-spacing:.04em}
.map-region{fill:rgba(244,238,241,.25);font-family:var(--font-alt);font-weight:700;font-size:20px;letter-spacing:.24em;text-transform:uppercase}
.map-link{fill:none;stroke:rgba(228,204,147,.45);stroke-width:1.6;stroke-dasharray:1;stroke-dashoffset:0;transition:stroke .3s,stroke-width .3s}
.map-link.is-hot{stroke:var(--gd-2);stroke-width:2.6}
.town{cursor:pointer;outline:none}
.town circle:not(.town-pulse){fill:var(--pl-2);stroke:var(--bg);stroke-width:2.5;transform-box:fill-box;transform-origin:center;transition:transform .35s var(--ease-out),fill .3s}
.town.is-home circle:not(.town-pulse){fill:var(--gd-2)}
.town.is-active circle:not(.town-pulse),.town:hover circle:not(.town-pulse){fill:var(--gd-2);transform:scale(1.55)}
.town:focus-visible circle:not(.town-pulse){stroke:#fff;stroke-width:3;transform:scale(1.55)}
.town-pulse{fill:none;stroke:var(--pl-2);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:pulse 3s ease-out infinite;opacity:0}
.town.is-home .town-pulse{stroke:var(--gd-2);stroke-width:2.5;animation-duration:2.2s}
@keyframes pulse{0%{transform:scale(1);opacity:.85}100%{transform:scale(3.4);opacity:0}}
.map-tip{position:absolute;left:0;top:0;z-index:5;padding:6px 12px;border-radius:999px;white-space:nowrap;pointer-events:none;font-size:13px;font-weight:700;color:#fff;
  background:rgba(20,15,18,.94);border:1px solid rgba(228,204,147,.55);box-shadow:0 10px 30px -10px rgba(0,0,0,.9),0 0 20px -6px rgba(201,164,92,.5);
  opacity:0;transform:translate(-50%,-110%) scale(.92);transition:opacity .25s,transform .3s var(--ease-out)}
.map-tip.is-visible{opacity:1;transform:translate(-50%,-120%) scale(1)}

/* ======================= FAQ ======================= */
.faq{background:linear-gradient(180deg,transparent,var(--band-bg) 30%,var(--band-bg) 70%,transparent)}
.faq-grid{display:grid;gap:20px;align-items:start}
.faq-head{display:grid;gap:12px;justify-items:start}
.faq-head h2{font-style:italic}
.faq-more{font-size:14.5px}
.faq-more a{display:inline-flex;align-items:center;min-height:32px;font-weight:700;color:var(--gd-tx);white-space:nowrap}
.faq-more a:hover{color:var(--tx)}
.faq-list{display:grid;gap:8px}
.faq-item{border-radius:16px;background:var(--card);border:1px solid var(--ln);transition:border-color .35s,background .35s}
.faq-item[open]{border-color:var(--gd-ln-2);background:var(--card-open)}
.faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 16px 12px 18px;cursor:pointer;font-weight:700;font-size:.98em;line-height:1.35;color:var(--tx);border-radius:16px}
.faq-item summary::-webkit-details-marker{display:none}
.pm{position:relative;flex:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--ln-2);transition:transform .45s var(--ease-out),background .35s,border-color .35s}
.pm::before,.pm::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;border-radius:2px;background:var(--gd-tx);transition:transform .45s var(--ease-out)}
.pm::after{transform:rotate(90deg)}
.faq-item[open] .pm{transform:rotate(180deg);background:var(--gd);border-color:var(--gd)}
.faq-item[open] .pm::before,.faq-item[open] .pm::after{background:var(--on-gold)}
.faq-item[open] .pm::after{transform:rotate(0deg)}
.faq-body{overflow:hidden}
.faq-body p{padding:0 18px 16px;max-width:64ch;font-size:.96em}
@media (min-width:1024px){.faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px}}

/* ======================= KONTAKT & FORMULAR ======================= */
.contact{overflow:hidden}
.contact-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(45% 50% at 85% 40%,rgba(132,90,104,.35),transparent 70%),radial-gradient(35% 40% at 70% 90%,rgba(201,164,92,.16),transparent 70%),radial-gradient(40% 40% at 5% 20%,rgba(46,107,107,.18),transparent 70%)}
.contact-grid{display:grid;gap:24px;align-items:start}
.contact-text{display:grid;gap:14px;justify-items:start}
.direct{display:grid;gap:8px;width:100%;margin-top:4px}
.direct-item{position:relative;display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 14px 8px 8px;border-radius:16px;background:var(--surf);border:1px solid var(--ln);transition:border-color .3s,background .3s}
a.direct-item:hover{border-color:var(--gd-ln-2);background:var(--surf-2)}
.direct-item .ico{width:38px;height:38px;flex:none;border-radius:11px;display:grid;place-items:center;color:var(--gd-tx);background:var(--gd-t);border:1px solid var(--gd-ln)}
.direct-item .ico .i{width:20px;height:20px}
.direct-item .ico-wa{color:var(--wa-tx);background:rgba(37,211,102,.1);border-color:rgba(37,211,102,.3)}
.direct-item small{display:block;font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--tx-3);line-height:1.3}
.direct-item b{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}
@media (min-width:600px) and (max-width:1023px){.direct{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.contact-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px}}

.quote-wrap{display:grid;gap:12px;min-width:0}
.quote{position:relative;padding:clamp(18px,2.6vw,32px);border-radius:26px;border-color:var(--ln-2);overflow:hidden;
  background:var(--quote-bg)}
.quote::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(228,204,147,.6),transparent);pointer-events:none}
.quote-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.quote-head{display:grid;gap:10px;margin-bottom:18px}
.quote-headrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.quote-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--tx)}
.quote-count{font-size:13px;font-weight:700;color:var(--tx-2);font-variant-numeric:tabular-nums}
.quote-bar{position:relative;height:6px;border-radius:6px;background:var(--track);overflow:visible}
.quote-bar span{position:absolute;left:0;top:0;bottom:0;width:calc(var(--step-progress,.333)*100%);border-radius:inherit;background:var(--grad-gold);box-shadow:0 0 16px rgba(228,204,147,.75),0 0 4px rgba(228,204,147,.9);transition:width .7s var(--ease-out)}
.quote-bar span::after{content:"";position:absolute;right:-3px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:#FFF4D6;box-shadow:0 0 14px 4px rgba(228,204,147,.8)}
.quote-labels{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);font-size:12px;font-weight:700;color:var(--tx-3)}
.quote-labels li:nth-child(2){text-align:center}
.quote-labels li:nth-child(3){text-align:right}
.quote[data-current-step="1"] .quote-labels li:nth-child(1),
.quote[data-current-step="2"] .quote-labels li:nth-child(-n+2),
.quote[data-current-step="3"] .quote-labels li{color:var(--gd-tx)}
.quote.is-sent .quote-labels li{color:var(--gd-tx)}
.quote.is-sent .quote-count{visibility:hidden}

.quote fieldset{border:0;min-width:0;display:grid;gap:14px}
.quote legend{float:left;width:100%;margin-bottom:2px;font-family:var(--font-serif);font-size:clamp(1.35rem,1.15rem + .8vw,1.7rem);line-height:1.2;color:var(--tx)}
.quote legend+*{clear:both}
.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
@media (min-width:600px){.choices:not(.choices--pills){grid-template-columns:repeat(3,minmax(0,1fr))}}
.choice{position:relative;display:block;cursor:pointer}
.choice input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.choice span{display:flex;align-items:center;gap:10px;height:100%;min-height:54px;padding:8px 10px;border-radius:14px;font-size:14px;font-weight:700;line-height:1.25;color:var(--tx);-webkit-hyphens:manual;hyphens:manual;
  background:var(--surf);border:1px solid var(--ln-2);transition:border-color .3s,background .3s,box-shadow .3s,transform .3s var(--ease-out)}
.choice span .i{width:28px;height:28px;padding:5px;border-radius:9px;color:var(--gd-tx);background:var(--gd-t);transition:background .3s,color .3s}
.choice:hover span{border-color:var(--gd-ln-2);background:var(--surf-2);transform:translateY(-2px)}
.choice input:checked+span{border-color:var(--gd-tx);background:var(--checked-bg);box-shadow:0 0 0 1px var(--gd-tx),0 14px 30px -14px var(--gd-glow)}
.choice input:checked+span .i{color:var(--on-gold);background:var(--grad-gold)}
.choice input:focus-visible+span{outline:2px solid var(--focus-ring);outline-offset:3px}
.choices--pills{display:flex;flex-wrap:wrap;gap:8px}
.choices--pills .choice span{min-height:44px;padding:10px 16px;border-radius:999px}
.choices-label{font-size:13.5px;font-weight:700;color:var(--tx-2);margin-bottom:-6px}

.field-row{display:grid;gap:14px}
@media (min-width:600px){.field-row{grid-template-columns:1fr 1fr}}
.field{display:grid;gap:6px;min-width:0}
.field label{font-size:13.5px;font-weight:700;color:var(--tx-2)}
.field input,.field textarea{width:100%;min-height:48px;padding:11px 14px;border-radius:13px;font-size:16px;color:var(--tx);background:var(--field);border:1px solid var(--ln-2);transition:border-color .3s,box-shadow .3s,background .3s}
.field textarea{min-height:88px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:var(--ph)}
.field input:hover,.field textarea:hover{border-color:var(--ln-3)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--gd-tx);background:var(--field-f);box-shadow:0 0 0 4px var(--gd-t2)}
/* Autofill auf dunklem Grund abfangen */
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--tx);caret-color:var(--tx);-webkit-box-shadow:0 0 0 1000px var(--field-ac) inset;box-shadow:0 0 0 1000px var(--field-ac) inset;transition:background-color 9999s ease-out}
.field input:autofill{background:var(--field-ac);color:var(--tx)}
.field--check{grid-template-columns:auto 1fr;align-items:start;gap:12px}
.field--check input{appearance:none;-webkit-appearance:none;width:24px;height:24px;min-height:0;margin-top:2px;padding:0;border-radius:7px;cursor:pointer;display:grid;place-items:center;background:var(--field)}
.field--check input::after{content:"";width:12px;height:7px;border-left:2px solid var(--on-gold);border-bottom:2px solid var(--on-gold);transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .25s var(--ease-out)}
.field--check input:checked{background:var(--btn-gold);border-color:var(--gd-tx)}
.field--check input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.field--check label{font-weight:500;font-size:13.5px;line-height:1.5;color:var(--tx-2)}
.field--check label a{color:var(--gd-tx);text-decoration:underline;text-underline-offset:3px}
.field--check .field-error{grid-column:2}

.field-error{display:none;font-size:13px;font-weight:700;color:var(--err)}
.field-error::before{content:"! ";}
.field.is-invalid .field-error{display:block}
.field.is-invalid input,.field.is-invalid textarea{border-color:var(--err-ln);box-shadow:0 0 0 3px rgba(232,109,125,.18)}
[data-choice-group].is-invalid+.field-error,fieldset:has(>[data-choice-group].is-invalid)>.field-error{display:block}
[data-choice-group].is-invalid .choice span{border-color:rgba(232,109,125,.6)}

.quote-summary{display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:14px;background:var(--gd-t0);border:1px dashed var(--gd-ln)}
.sum-chip{display:inline-flex;flex-direction:column;padding:5px 11px;border-radius:11px;font-size:14px;font-weight:700;line-height:1.3;color:var(--tx);background:var(--surf);border:1px solid var(--ln-2)}
.sum-chip small{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--gd)}

.quote-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;justify-content:flex-end}
.quote-nav [data-quote-prev]{margin-right:auto}
.quote-nav .btn{min-height:50px}
.quote-nav [type="submit"]{min-width:200px}
.spinner{display:none;width:20px;height:20px;border-radius:50%;border:2px solid var(--spin-ln);border-top-color:var(--on-gold);animation:spin .8s linear infinite}
button.is-loading .spinner{display:block}
button.is-loading .btn-label{opacity:.6}
button.is-loading{cursor:progress}
.quote-error{margin-top:14px;padding:12px 16px;border-radius:14px;font-size:14px;font-weight:600;color:var(--err-tx);background:var(--err-bg);border:1px solid rgba(232,109,125,.35)}
.quote-success{display:grid;justify-items:center;text-align:center;gap:10px;padding:24px 10px 12px}
.quote-success:focus{outline:none}
.qs-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;color:var(--on-gold);background:var(--btn-gold);box-shadow:0 0 0 10px var(--gd-t),0 0 60px var(--gd-glow)}
.qs-icon .i{width:36px;height:36px}
.qs-title{font-family:var(--font-serif);font-size:clamp(1.7rem,1.3rem + 1.2vw,2.2rem);color:var(--tx)}
.quote-success p:last-child{max-width:40ch}
.privacy{display:flex;gap:10px;align-items:center;justify-content:center;font-size:13px;line-height:1.4;color:var(--tx-3);text-align:center}
.privacy .i{color:var(--pt-2)}
@media (max-width:480px){
  .quote-nav .btn{flex:1 1 auto}
  .quote-nav [type="submit"]{min-width:0;width:100%}
}

/* ======================= FOOTER (kompakt) ======================= */
.foot{position:relative;padding:clamp(34px,4vw,52px) 0 22px;background:var(--foot-bg);border-top:1px solid var(--ln)}
.foot::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(228,204,147,.55),transparent)}
.foot-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 18px}
.foot-brand{grid-column:1/-1;display:grid;gap:8px;justify-items:start}
.foot-brand p:not(.foot-bye){max-width:40ch;font-size:14.5px}
.foot-bye{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.7rem,1.2rem + 1.8vw,2.5rem);line-height:1.1;letter-spacing:-.01em;
  background:linear-gradient(180deg,#E4CC93 10%,#C9A45C 45%,#9C6E80 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.foot-h{font-size:11.5px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gd);margin-bottom:4px}
.foot-col ul{display:grid;gap:2px}
.foot-col li{display:flex;align-items:center;min-height:32px;padding-block:3px;font-size:14px;line-height:1.3;color:var(--tx-2)}
.foot-col a{display:inline-flex;align-items:center;min-height:28px;color:var(--tx-2);transition:color .3s}
.foot-col a:hover{color:var(--gd-2)}
.foot-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 22px;margin-top:20px;padding-top:14px;border-top:1px solid var(--ln);font-size:13px}
.foot-bottom p{color:var(--tx-3)}
.foot-legal{display:flex;gap:18px}
.foot-legal a{display:inline-flex;align-items:center;min-height:36px;color:var(--tx-2);transition:color .3s}
.foot-legal a:hover{color:var(--gd-2)}
@media (min-width:900px){
  .foot-top{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
  .foot-brand{grid-column:auto}
}

/* ======================= Mobile Sticky-Leiste ======================= */
.mbar{position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:80;display:grid;grid-template-columns:1fr 1.5fr;gap:8px;padding:6px;border-radius:22px;
  background:var(--hdr-bg-2);border:1px solid var(--ln-2);box-shadow:var(--float-sh);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .45s var(--ease-out),opacity .3s}
.mbar .btn{min-height:48px;font-size:15px;padding-inline:12px}
.nav-open .mbar{opacity:0;pointer-events:none;transform:translateY(20px)}
body{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
@media (min-width:861px){.mbar{display:none}body{padding-bottom:0}.foot{padding-bottom:76px}}

/* ======================= Reduzierte Bewegung ======================= */
@media (prefers-reduced-motion:reduce){
  .rotor,.blink,.hz-beam,.hz-flash,.lit,.stat-ring,.map-wave,.town-pulse,.live-dot,.mouse i,.band-track{animation:none!important}
  .town-pulse,.map-wave{display:none}
  .hz-beam{opacity:.4}
  .spot::before,.spot::after{transition:none}
  .band-wrap{overflow-x:auto;-webkit-mask:none;mask:none}
  .band-copy{display:none}
}

/* Ehemalige Inline-Styles der SVG-Landschaft (Startseite) – so kommt die CSP ohne 'unsafe-inline' aus */
.rotor.is1{transform-origin:170px 112px;animation-duration:10s;animation-delay:-3s}
.rotor.is2{transform-origin:360px 56px;animation-duration:9s;animation-delay:-1s}
.blink.is3{animation-delay:-.6s}
.rotor.is4{transform-origin:452px 84px;animation-duration:7.5s;animation-delay:-5s}
.blink.is5{animation-delay:-1.2s}
.rotor.is6{transform-origin:536px 108px;animation-duration:8.5s;animation-delay:-2s}
.rotor.is7{transform-origin:1188px 60px;animation-duration:9.5s;animation-delay:-6s}
.blink.is8{animation-delay:-.3s}
.rotor.is9{transform-origin:1296px 92px;animation-duration:8s;animation-delay:-4s}
.map-wave.is10{animation-delay:-2.4s}
.map-wave.is11{animation-delay:-4.8s}

/* =====================================================================
   ERGÄNZUNGEN 29.10.2026 – Tag/Nacht, Marken-Umschalter, Spielereien
   (Wisch mal!, Platt-Kartenspiel, Zertifikat, Seifenblasen, Glitzerspur)
   Nacht = Standard. Tag-Werte über die Tokens oben bzw. html[data-theme="day"].
   ===================================================================== */

/* ---------- Header: Marken-Umschalter + Tag/Nacht-Knopf ---------- */
.hdr-pill{gap:14px}
.nav a{padding:0 11px}
.theme-toggle{flex:none}
.hdr-pill .marke--hdr{display:none;flex:none}
.marke--hero{margin:0 auto 14px}
.marke--mnav{justify-self:start}
/* nur EIN Umschalter darf den View-Transition-Namen tragen (sonst bricht die Blende) */
.mnav .marke-thumb{view-transition-name:none}
html[data-theme="day"] .marke-thumb{background:var(--btn-gold)}
.mnav.is-open .mnav-list li:nth-child(6) a{transition-delay:.48s}
@media (min-width:900px){
  .hdr-pill .marke--hdr{display:inline-grid}
  .hero-inner .marke--hero{display:none}
}
/* Abschnitte als eigene Ebene: Hintergrund-Glows (z-index:-1) lagen sonst unter dem body-Hintergrund */
main .sec{isolation:isolate}
@media (min-width:1280px) and (max-width:1439px){.hdr .logo-text{display:none}}
@media (min-width:1440px){.hdr-pill{width:min(1376px,100%)}}

/* ---------- Hero: Himmel-Ebenen (Nacht ⇄ Tag weich überblenden) ---------- */
.sky-night,.sky-day{position:absolute;inset:0;transition:opacity 1.4s ease}
.sky-day{opacity:0;background:
  radial-gradient(30% 38% at 80% 22%,rgba(255,236,196,.9),rgba(255,236,196,0) 70%),
  linear-gradient(180deg,#9CC0D2 0%,#BBD4DF 22%,#DCE5E3 44%,#F1E6D9 64%,#F5DBC8 82%,#F2CFB9 100%)}
.daysky{position:absolute;inset:0;width:100%;height:100%}
html[data-theme="day"] .sky-night{opacity:0}
html[data-theme="day"] .sky-day{opacity:1}
html[data-theme="day"] .hero-sky::before{opacity:0}
/* automatischer Wechsel (marke.css setzt Übergänge mit !important) → Himmel darf trotzdem überblenden */
html.theme-anim .sky-night,html.theme-anim .sky-day,html.theme-anim .hz-sea{transition:opacity 1.6s ease!important}
/* Wechsel per Knopf: runde Blende (View Transition) zeigt sofort den fertigen Zustand */
html.theme-vt .sky-night,html.theme-vt .sky-day,html.theme-vt .hz-sea{transition:none!important}

html[data-theme="day"] .hero{background:#EFE5DA}
html[data-theme="day"] .hero-grain{opacity:.06}
html[data-theme="day"] .hero-vignette{background:radial-gradient(120% 90% at 50% 35%,transparent 58%,rgba(150,110,90,.12) 100%)}
html[data-theme="day"] .hero-inner::before{background:radial-gradient(closest-side,rgba(255,250,244,.62),transparent)}
html[data-theme="day"] .hero-title{text-shadow:0 1px 26px rgba(255,250,244,.75)}
html[data-theme="day"] .eyebrow--live{border-color:rgba(138,100,32,.28);background:rgba(255,255,255,.66)}
html[data-theme="day"] .live-dot{background:var(--gd);animation-name:live-day}
@keyframes live-day{0%{box-shadow:0 0 0 0 rgba(138,100,32,.45)}80%,100%{box-shadow:0 0 0 10px rgba(138,100,32,0)}}
html[data-theme="day"] .hero-trust{background:rgba(255,255,255,.66)}
html[data-theme="day"] .mouse{border-color:rgba(43,35,38,.4)}
html[data-theme="day"] .b-glow{background:radial-gradient(circle,rgba(255,206,130,.42) 0%,rgba(255,206,130,.12) 34%,transparent 64%);mix-blend-mode:soft-light}

/* Horizont am Tag: Nordsee mit Glitzern, helle Windräder, rot-weißer Leuchtturm (aus), keine Warnlichter */
.hz-sea{opacity:0;transition:opacity 1.4s ease}
html[data-theme="day"] .hz-sea{opacity:1}
.sea-s1{stop-color:#8DB5C4}.sea-s2{stop-color:#A8C8CF}.sea-s3{stop-color:#CADCD5}
.hz-sea-line{stroke:rgba(255,255,255,.75);stroke-width:1}
.hz-glint rect{fill:#fff;opacity:0;animation:none 3.2s ease-in-out infinite}
html[data-theme="day"] .hz-glint rect{animation-name:glint}
.hz-glint rect:nth-child(3n+1){animation-delay:-1.1s}
.hz-glint rect:nth-child(3n+2){animation-delay:-2.2s;animation-duration:2.6s}
.hz-glint rect:nth-child(4n){animation-duration:3.9s;animation-delay:-.5s}
@keyframes glint{0%,100%{opacity:0}45%{opacity:.95}60%{opacity:.25}}
.js .hero:not(.in-view) .hz-glint rect{animation-play-state:paused}
html[data-theme="day"] .hz-far{fill:#D6C8BA}
html[data-theme="day"] .hz-houses path{fill:#8E776B}
html[data-theme="day"] .hz-win{fill:#5E4A44;opacity:.45}
html[data-theme="day"] .hz-mills{fill:#9E9398}
html[data-theme="day"] .hz-lighthouse{fill:#FBF8F4;stroke:rgba(90,59,71,.5);stroke-width:.8}
html[data-theme="day"] .hz-stripe{fill:#8E4A5A}
html[data-theme="day"] .hz-lantern{fill:#CFDFE3}
html[data-theme="day"] .hz-beam,html[data-theme="day"] .hz-flash,html[data-theme="day"] .blink{animation:none;opacity:0}

/* ---------- Tag-Modus: Komponenten mit eigenen Farben ---------- */
html[data-theme="day"] .services::before{background:radial-gradient(60% 40% at 50% 10%,rgba(201,164,92,.12),transparent 70%)}
html[data-theme="day"] .tp-hl{border-color:var(--gd-ln);background:radial-gradient(90% 70% at 100% 0%,rgba(201,164,92,.16),transparent 60%),radial-gradient(80% 70% at 0% 100%,rgba(132,90,104,.09),transparent 62%),#FFFCF7}
html[data-theme="day"] .tp-art{background:radial-gradient(70% 70% at 60% 40%,rgba(201,164,92,.12),transparent 70%),linear-gradient(rgba(58,37,48,.05) 1px,transparent 1px) 0 0/22px 22px,linear-gradient(90deg,rgba(58,37,48,.05) 1px,transparent 1px) 0 0/22px 22px,#FBF7F1}
html[data-theme="day"] .d{stroke:var(--gd)}
html[data-theme="day"] .d-thin{stroke:rgba(138,100,32,.45)}
html[data-theme="day"] .d-fill{fill:rgba(138,100,32,.1)}
html[data-theme="day"] .lit{fill:var(--gd-2)}
html[data-theme="day"] .care-stat{background:rgba(138,100,32,.24)}
html[data-theme="day"] .care-stat::after{background:radial-gradient(circle at 50% 40%,rgba(201,164,92,.16),transparent 65%),#FFFCF7}
html[data-theme="day"] .stat-ring{background:conic-gradient(from 0deg,transparent 0 62%,rgba(160,123,46,.25) 76%,#B8892E 88%,transparent 92%)}
html[data-theme="day"] .flow::before{background:radial-gradient(50% 60% at 85% 50%,rgba(201,164,92,.1),transparent 70%),radial-gradient(40% 60% at 10% 60%,rgba(132,90,104,.07),transparent 70%)}
html[data-theme="day"] .flow-step:not(:last-child)::after{box-shadow:none}
html[data-theme="day"] .person{box-shadow:0 10px 30px -22px rgba(60,40,50,.4)}
/* Karte */
html[data-theme="day"] .ms-1{stop-color:#D3E5E6}
html[data-theme="day"] .ms-2{stop-color:#E9F0EC}
html[data-theme="day"] .map-dot{fill:#3A2530;fill-opacity:.07}
html[data-theme="day"] .map-waves path{stroke:rgba(46,107,107,.35)}
html[data-theme="day"] .map-land{fill:#F5EDE3}
html[data-theme="day"] .map-radar circle{stroke:rgba(138,100,32,.18)}
html[data-theme="day"] .map-wave{stroke:rgba(138,100,32,.5)!important}
html[data-theme="day"] .map-canal{stroke:rgba(132,90,104,.5)}
html[data-theme="day"] .map-sea{fill:#2E6B6B}
html[data-theme="day"] .map-region{fill:rgba(58,37,48,.3)}
html[data-theme="day"] .map-link{stroke:rgba(138,100,32,.45)}
html[data-theme="day"] .map-link.is-hot{stroke:var(--gd)}
html[data-theme="day"] .town:focus-visible circle:not(.town-pulse){stroke:var(--tx)}
html[data-theme="day"] .map-figure{box-shadow:0 0 60px -30px rgba(138,100,32,.35)}
html[data-theme="day"] .map-tip{color:var(--tx);background:rgba(255,255,255,.97);border-color:rgba(138,100,32,.45);box-shadow:0 10px 30px -12px rgba(60,40,50,.35)}
/* Kontakt & Formular */
html[data-theme="day"] .contact-glow{background:radial-gradient(45% 50% at 85% 40%,rgba(132,90,104,.12),transparent 70%),radial-gradient(35% 40% at 70% 90%,rgba(201,164,92,.14),transparent 70%),radial-gradient(40% 40% at 5% 20%,rgba(46,107,107,.08),transparent 70%)}
html[data-theme="day"] .direct-item .ico-wa{background:rgba(18,140,74,.08);border-color:rgba(18,140,74,.25)}
html[data-theme="day"] .quote::after{background:linear-gradient(90deg,transparent,rgba(138,100,32,.45),transparent)}
html[data-theme="day"] .quote-bar span{background:var(--btn-gold);box-shadow:0 0 12px rgba(138,100,32,.3)}
html[data-theme="day"] .quote-bar span::after{background:#fff;box-shadow:0 0 0 2px var(--gd),0 0 12px rgba(138,100,32,.4)}
html[data-theme="day"] .field input:-webkit-autofill{-webkit-text-fill-color:var(--tx)}
/* Footer: am Tag dunkle Pflaume (Nacht-Tokens lokal) – verankert die helle Seite */
html[data-theme="day"] .foot{color-scheme:dark;--tx:#F4EEF1;--tx-2:#CFC4C9;--tx-3:#B3A7AD;--ln:rgba(255,255,255,.1);--ln-2:rgba(255,255,255,.16);
  --gd:#C9A45C;--gd-2:#E4CC93;--gd-tx:#E4CC93;--focus-ring:#E4CC93;--logo-gold:#D4B06A;--grad-gold:linear-gradient(100deg,#E4CC93 0%,#C9A45C 48%,#A07B2E 100%);--grad-gold-tx:var(--grad-gold);border-top-color:transparent}

/* ---------- Abschnitts-Wisch: Abzieher-Glanz über der Überschrift (b.js) ---------- */
:root{--sweep-c:rgba(255,255,255,.08)}
:root[data-theme="day"]{--sweep-c:rgba(201,164,92,.16)}
.has-sweep{position:relative}
.sweep{position:absolute;inset:-10px -10px;z-index:3;overflow:hidden;pointer-events:none;border-radius:18px}
.sweep i{position:absolute;top:0;bottom:0;left:0;width:32%;opacity:0;transform:translateX(-140%) skewX(-14deg);
  background:linear-gradient(90deg,transparent 0%,var(--sweep-c) 70%,transparent 71%)}
.sweep i::after{content:"";position:absolute;top:4%;bottom:4%;left:calc(70% - 1px);width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,var(--gd-2) 30%,var(--gd-2) 70%,transparent);box-shadow:0 0 14px var(--gd-glow-2);opacity:.75}
.is-swept>.sweep i{animation:sweep 1.3s var(--ease-in-out) .2s 1 both}
@keyframes sweep{0%{transform:translateX(-140%) skewX(-14deg);opacity:0}12%,85%{opacity:1}100%{transform:translateX(420%) skewX(-14deg);opacity:0}}

/* ---------- Glitzerspur am Cursor + Seifenblasen (Canvas, b.js) ---------- */
.b-trail{position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:61;pointer-events:none}
.bubbles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.contact.on-bubble{cursor:pointer}

/* ======================= WISCH MAL! ======================= */
.wipe-sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 60% at 78% 50%,rgba(95,163,156,.1),transparent 70%),radial-gradient(40% 50% at 10% 40%,rgba(132,90,104,.12),transparent 70%)}
html[data-theme="day"] .wipe-sec::before{background:radial-gradient(45% 60% at 78% 50%,rgba(95,163,156,.12),transparent 70%),radial-gradient(40% 50% at 10% 40%,rgba(201,164,92,.1),transparent 70%)}
.wipe-grid{display:grid;gap:24px;align-items:center}
@media (min-width:960px){.wipe-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:56px}}
.wipe-text{display:grid;gap:14px;justify-items:start}
.wipe-text>p:not(.eyebrow):not(.platt):not(.wipe-status){max-width:46ch}
.wipe-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.wipe-status{min-height:1.5em;font-size:14.5px;font-weight:700;color:var(--gd-tx)}
html:not(.js) .wipe-actions,html:not(.js) .wipe-meter{display:none}

.wipe{position:relative;isolation:isolate;aspect-ratio:16/10;padding:10px;border-radius:30px;
  background:linear-gradient(145deg,#3C2B34,#1A1216);border:1px solid var(--ln-2);box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.1);
  touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Ccircle cx='22' cy='22' r='16' fill='rgba(255,255,255,.16)' stroke='%23E4CC93' stroke-width='2'/%3E%3Ccircle cx='22' cy='22' r='2' fill='%23E4CC93'/%3E%3C/svg%3E") 22 22,crosshair}
html[data-theme="day"] .wipe{background:linear-gradient(145deg,#FFFFFF,#E9DED2);
  cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44'%3E%3Ccircle cx='22' cy='22' r='16' fill='rgba(255,255,255,.3)' stroke='%238A6420' stroke-width='2'/%3E%3Ccircle cx='22' cy='22' r='2' fill='%238A6420'/%3E%3C/svg%3E") 22 22,crosshair}
@media (max-width:599px){.wipe{aspect-ratio:4/3.4;padding:8px;border-radius:24px}}
.wipe-scene,.wipe-fog{position:absolute;inset:10px;border-radius:21px;overflow:hidden}
@media (max-width:599px){.wipe-scene,.wipe-fog{inset:8px;border-radius:17px}}
.wipe-fog{width:calc(100% - 20px);height:calc(100% - 20px);z-index:2}
@media (max-width:599px){.wipe-fog{width:calc(100% - 16px);height:calc(100% - 16px)}}
.wipe::after{content:"";position:absolute;inset:10px;z-index:4;border-radius:21px;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),inset 0 14px 30px -14px rgba(0,0,0,.5)}
html[data-theme="day"] .wipe::after{box-shadow:inset 0 0 0 1px rgba(58,37,48,.08),inset 0 10px 24px -14px rgba(60,40,50,.3)}
@media (max-width:599px){.wipe::after{inset:8px;border-radius:17px}}
.wipe-scene svg{position:absolute;inset:0;width:100%;height:100%}
.wipe-say{position:absolute;left:6%;top:9%;display:grid;gap:6px;max-width:62%;padding:10px 18px 14px;border-radius:18px;background:rgba(20,15,18,.32)}
html[data-theme="day"] .wipe-say{background:rgba(255,252,248,.74)}
.wipe-say .g{font-family:var(--font-serif);font-style:italic;font-weight:600;font-size:clamp(1.9rem,1.1rem + 3vw,3.5rem);line-height:1.05;padding-bottom:.06em}
.wipe-say small{font-size:13.5px;font-weight:700;line-height:1.3;color:var(--tx)}
.wipe-meter{position:absolute;right:22px;bottom:22px;z-index:5;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:700;color:var(--tx);
  background:var(--hdr-bg-2);border:1px solid var(--ln-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-variant-numeric:tabular-nums;pointer-events:none;transition:opacity .4s}
.wipe-meter b{color:var(--gd-tx)}
.wipe.is-clean .wipe-meter{opacity:0}
.wipe-squeegee{position:absolute;left:0;top:0;z-index:6;width:30px;pointer-events:none;opacity:0;will-change:transform;filter:drop-shadow(0 0 8px rgba(228,204,147,.55)) drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.wipe-squeegee svg{display:block;width:100%;height:100%;overflow:visible}
.sq-blade{fill:#2B2326;stroke:rgba(255,255,255,.35);stroke-width:1;vector-effect:non-scaling-stroke}
.sq-bar{fill:#C9A45C}
.sq-handle{stroke:#C9A45C;stroke-width:6;vector-effect:non-scaling-stroke}

/* Szene unter dem Beschlag: Nacht (Standard) */
.ws-s1{stop-color:#0E0A0D}.ws-s2{stop-color:#2A1A24}.ws-s3{stop-color:#5A3549}
.ws-g1{stop-color:#F6E3AE;stop-opacity:.5}.ws-g2{stop-color:#F6E3AE;stop-opacity:0}
.ws-sun{fill:#F3E6C4}
.ws-stars circle{fill:#fff;opacity:.85}
.ws-clouds{fill:#fff;opacity:0}
.ws-w1{stop-color:#1F2C30}.ws-w2{stop-color:#0E1416}
.ws-glint rect{fill:#F6E3AE;opacity:.4}
.ws-far{fill:#1C1319}
.ws-mill{fill:#0E0A0C}
.ws-lh{fill:#0E0A0C}.ws-stripe{fill:#3A2530}.ws-roof{fill:#0E0A0C}.ws-lantern{fill:#F6E3AE}
.ws-beam{transform-origin:470px 212px;animation:beam 7s linear infinite}
.ws-dike{fill:#140F12}
.ws-sheep ellipse{fill:#4A3D44}.ws-head{fill:#231B20}.ws-legs{stroke:#231B20;stroke-width:1.6;stroke-linecap:round;fill:none}
.ws-r1{transform-origin:120px 205px;animation:spin 8s linear infinite}
.ws-r2{transform-origin:205px 226px;animation:spin 6.5s linear infinite;animation-delay:-2s}
.js .wipe-sec:not(.in-view) .ws-rotor,.js .wipe-sec:not(.in-view) .ws-beam{animation-play-state:paused}
/* … und am Tag */
html[data-theme="day"] .ws-s1{stop-color:#8EBAD0}
html[data-theme="day"] .ws-s2{stop-color:#CEE0E6}
html[data-theme="day"] .ws-s3{stop-color:#F4E1D0}
html[data-theme="day"] .ws-g1{stop-color:#FFE7B0;stop-opacity:.75}
html[data-theme="day"] .ws-g2{stop-color:#FFE7B0}
html[data-theme="day"] .ws-sun{fill:#FFF4D6}
html[data-theme="day"] .ws-stars{opacity:0}
html[data-theme="day"] .ws-clouds{opacity:.9}
html[data-theme="day"] .ws-w1{stop-color:#84B1C1}
html[data-theme="day"] .ws-w2{stop-color:#B8D3D2}
html[data-theme="day"] .ws-glint rect{fill:#fff;opacity:.9}
html[data-theme="day"] .ws-far{fill:#CDBDAE}
html[data-theme="day"] .ws-mill{fill:#F5F1EE;stroke:rgba(90,70,80,.35);stroke-width:.6}
html[data-theme="day"] .ws-lh{fill:#FBF8F4;stroke:rgba(90,59,71,.5);stroke-width:.8}
html[data-theme="day"] .ws-stripe{fill:#8E4A5A}
html[data-theme="day"] .ws-roof{fill:#5A3B47}
html[data-theme="day"] .ws-lantern{fill:#CFDFE3}
html[data-theme="day"] .ws-beam{opacity:0;animation:none}
html[data-theme="day"] .ws-dike{fill:#A6B983}
html[data-theme="day"] .ws-sheep ellipse{fill:#FFFFFF;stroke:rgba(60,50,40,.25);stroke-width:.8}
html[data-theme="day"] .ws-head{fill:#3A2E30}

/* ======================= PLATT-KARTENSPIEL ======================= */
.platt-sec::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(50% 45% at 12% 35%,rgba(132,90,104,.18),transparent 70%),radial-gradient(40% 40% at 92% 55%,rgba(201,164,92,.08),transparent 70%)}
html[data-theme="day"] .platt-sec::before{background:radial-gradient(50% 45% at 12% 35%,rgba(132,90,104,.07),transparent 70%),radial-gradient(40% 40% at 92% 55%,rgba(201,164,92,.1),transparent 70%)}
.pk-game{position:relative;display:grid;gap:18px}
.pk-bar{display:grid;gap:12px;align-items:center}
@media (min-width:900px){.pk-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:28px}}
.pk-modes{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--surf);border:1px solid var(--ln);justify-self:start;isolation:isolate}
.pk-mode{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;font-size:14px;color:var(--tx-2);transition:color .35s}
.pk-mode .i{width:18px;height:18px}
.pk-mode:hover{color:var(--tx)}
.pk-mode[aria-pressed="true"]{color:var(--on-gold)}
.pk-mode-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--btn-gold);box-shadow:0 6px 18px -8px var(--gd-glow);transition:transform .5s var(--ease-out)}
.pk-game[data-mode="memory"] .pk-mode-ind{transform:translateX(100%)}
html:not(.js) .pk-bar{display:none}
.pk-stat{display:grid;gap:7px;min-width:0}
.pk-count{font-size:14px;font-weight:700;color:var(--tx-2);font-variant-numeric:tabular-nums}
.pk-count b{color:var(--tx);font-size:1.2em}
.pk-prog{position:relative;height:6px;border-radius:6px;background:var(--track);overflow:hidden}
.pk-prog span{position:absolute;left:0;top:0;bottom:0;width:calc(var(--pk-p,0)*100%);border-radius:inherit;background:var(--btn-gold);box-shadow:0 0 12px var(--gd-glow-2);transition:width .6s var(--ease-out)}
.pk-actions{display:flex;flex-wrap:wrap;gap:8px}

.pk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.pk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:860px){.pk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
@media (min-width:1024px){.pk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media (min-width:1280px){.pk-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}
.pk-grid>li,.pk-mem>li{display:grid;perspective:1100px}
.pk-game[data-mode="memory"] .pk-grid{display:none}

.pk,.mc{position:relative;display:block;width:100%;min-height:150px;padding:0;border-radius:18px;text-align:center;color:var(--tx);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
@media (min-width:860px){.pk{min-height:200px}}
.pk-in{position:relative;display:grid;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.8,.2,1)}
.pk[aria-pressed="true"] .pk-in,.mc[aria-pressed="true"] .pk-in{transform:rotateY(180deg)}
.pk-f,.pk-b{position:relative;grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 12px;border-radius:18px;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.pk-b{transform:rotateY(180deg);padding:18px 12px}
/* Vorderseite (Platt) */
.pk-f{border:1px solid var(--gd-ln);box-shadow:var(--shadow),inset 0 1px 0 var(--hi);
  background:radial-gradient(120% 70% at 50% 0%,rgba(201,164,92,.16),transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cpath d='M0 12c6 0 6-5 12-5s6 5 12 5 6-5 12-5 6 5 12 5' fill='none' stroke='rgba(228,204,147,.08)' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/48px 24px,
    linear-gradient(160deg,#2C1E26,#160F13)}
html[data-theme="day"] .pk-f{background:radial-gradient(120% 70% at 50% 0%,rgba(201,164,92,.18),transparent 62%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24'%3E%3Cpath d='M0 12c6 0 6-5 12-5s6 5 12 5 6-5 12-5 6 5 12 5' fill='none' stroke='rgba(132,90,104,.1)' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/48px 24px,
    linear-gradient(160deg,#FFFDF9,#F3E8DC)}
.pk-f::after{content:"";position:absolute;inset:-40% -70%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.14) 50%,transparent 58%);transform:translateX(-55%);transition:transform 1s var(--ease-out)}
html[data-theme="day"] .pk-f::after{background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.75) 50%,transparent 58%)}
.pk:hover .pk-f::after,.mc:hover .pk-f::after{transform:translateX(55%)}
.pk-no{position:absolute;left:13px;top:11px;font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--gd-tx)}
.pk-word{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(1.2rem,1rem + .7vw,1.5rem);line-height:1.15;padding:0 .06em .08em;
  background:var(--btn-gold);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.pk-hint{position:absolute;left:0;right:0;bottom:11px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--tx-3)}
.pk-hint::before{content:"";width:8px;height:8px;border:1.5px solid currentColor;border-right-color:transparent;border-radius:50%}
/* Rückseite (Bedeutung) */
.pk-b{border:1px solid var(--gd-ln-2);box-shadow:var(--shadow),0 0 34px -14px var(--gd-glow);
  background:radial-gradient(120% 90% at 100% 0%,rgba(201,164,92,.2),transparent 60%),linear-gradient(160deg,#2D2028,#1B1418)}
html[data-theme="day"] .pk-b{background:radial-gradient(120% 90% at 100% 0%,rgba(201,164,92,.16),transparent 60%),linear-gradient(160deg,#FFFFFF,#FBF4EA)}
.pk-mean{font-weight:800;font-size:15px;line-height:1.3;color:var(--tx)}
.pk-ref{font-size:13px;line-height:1.4;color:var(--tx-2)}
.pk-ref::before{content:"";display:block;width:26px;height:1px;margin:0 auto 8px;background:var(--grad-gold)}
.pk-glare{position:absolute;inset:0;z-index:2;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .35s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.2),transparent 55%);transform:translateZ(2px)}
html[data-theme="day"] .pk-glare{background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 55%)}
.pk:hover .pk-glare{opacity:1}
.pk:focus-visible,.mc:focus-visible{outline-offset:4px;border-radius:18px}
/* ohne JS: Bedeutung direkt unter dem Begriff */
html:not(.js) .pk-in{transform:none!important;display:block}
html:not(.js) .pk-f,html:not(.js) .pk-b{transform:none;-webkit-backface-visibility:visible;backface-visibility:visible;border-radius:0}
html:not(.js) .pk-hint{display:none}

/* Memory */
.pk-mem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:900px;margin-inline:auto}
@media (min-width:700px){.pk-mem{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.mc{min-height:120px}
@media (min-width:700px){.mc{min-height:156px}}
.mc .pk-f{padding:14px 8px}
.mc .pk-f .i{width:34px;height:34px;color:var(--gd-tx);opacity:.9}
.mc .pk-b{padding:12px 8px;gap:6px}
.mc-tag{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gd-tx)}
.mc-txt{font-weight:800;font-size:14px;line-height:1.3;color:var(--tx)}
.mc-txt[lang="nds"]{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:1.15rem;line-height:1.15}
.mc.is-match .pk-b{border-color:var(--gd-tx);box-shadow:0 0 0 2px var(--gd-tx),0 0 34px -8px var(--gd-glow)}
.mc.is-miss .pk-b{animation:mc-miss .45s ease}
@keyframes mc-miss{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}

.pk-done{display:grid;justify-items:center;gap:6px;text-align:center;padding:16px 18px;border-radius:20px;border:1px solid var(--gd-ln-2);background:var(--card-open);box-shadow:var(--shadow)}
.pk-done-title{font-family:var(--font-serif);font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem);line-height:1.2;color:var(--tx)}
.pk-done-title span[lang]{font-style:italic;color:var(--gd-tx)}
.pk-done a{font-weight:700;color:var(--gd-tx);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.pk-fx{position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;pointer-events:none}

/* ======================= ZERTIFIKAT (Über uns) ======================= */
.person-badge{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:3px 10px 3px 6px;border-radius:999px;font-size:11.5px;font-weight:800;line-height:1.3;color:var(--gd-tx);background:var(--gd-t);border:1px solid var(--gd-ln)}
.person-badge .i{width:15px;height:15px}
.cert{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;width:100%;padding:14px 18px 14px 16px;border-radius:20px;box-shadow:none}
.cert-pic{position:relative;width:74px;margin:2px 12px 6px 0}
.cert-pic picture,.cert-pic img{display:block;width:74px;height:auto}
.cert-pic img{aspect-ratio:560/792;border-radius:5px;background:#fff;box-shadow:0 12px 26px -12px rgba(0,0,0,.65),0 0 0 1px var(--ln-2);transform:rotate(-4deg);transition:transform .55s var(--ease-out)}
html[data-theme="day"] .cert-pic img{box-shadow:0 12px 26px -14px rgba(60,40,50,.45),0 0 0 1px var(--ln-2)}
.cert:hover .cert-pic img{transform:rotate(0) scale(1.05)}
.cert-seal{position:absolute;right:-20px;bottom:-14px;width:54px;height:54px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35))}
.seal-bg{fill:var(--gd)}
html[data-theme="day"] .seal-bg{fill:#7E5A1B}
.seal-in{fill:none;stroke:var(--on-gold);stroke-width:1.5;opacity:.55}
.seal-txt{font-family:var(--font-alt);font-weight:800;font-size:8.6px;fill:var(--on-gold)}
.seal-check{stroke:var(--on-gold);stroke-width:4.5;stroke-linecap:round;stroke-linejoin:round}
.seal-spin{transform-origin:50px 50px;animation:spin 22s linear infinite}
.cert-text{display:grid;gap:3px;min-width:0;justify-items:start}
.cert-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gd-tx)}
.cert-title{font-family:var(--font-serif);font-size:1.2rem;line-height:1.2;color:var(--tx)}
.cert-meta{font-size:12.5px;line-height:1.45;color:var(--tx-2)}
.cert-more{display:inline-flex;align-items:center;gap:6px;min-height:32px;margin-top:2px;font-size:13.5px;font-weight:700;color:var(--gd-tx)}
.cert-more .i{width:16px;height:16px;transition:transform .3s var(--ease-out)}
.cert:hover .cert-more .i{transform:translateX(4px)}
.cert-more::after{content:"";position:absolute;inset:0;z-index:2;border-radius:20px}
.cert-more:focus-visible{outline:none}
.cert:has(.cert-more:focus-visible){outline:2px solid var(--focus-ring);outline-offset:3px}

/* ======================= Reduzierte Bewegung (Ergänzungen) ======================= */
@media (prefers-reduced-motion:reduce){
  .hz-glint rect,.ws-rotor,.ws-beam,.seal-spin,.sweep i{animation:none!important}
  .hz-glint rect{opacity:.6}
  .pk-in{transition:none}
}

/* ======================= Original-Logos (marke.css: .brand-logo) ======================= */
.logo .logo-service-mark{width:58px;filter:drop-shadow(0 0 10px var(--gd-glow-3))}
@media (max-width:420px){.logo .logo-service-mark{width:50px}.logo{gap:9px}}
.foot-logo{display:inline-block;min-height:0;margin-bottom:4px}
.foot-logo .logo-service{width:clamp(170px,40vw,220px);filter:drop-shadow(0 0 18px rgba(201,164,92,.18))}
/* dezentes Wasserzeichen im Über-uns-Bereich */
.about .about-logo{position:absolute;z-index:-1;right:3%;top:3%;width:min(30vw,380px);opacity:.05;pointer-events:none}
html[data-theme="day"] .about-logo{opacity:.06}
@media (max-width:1023px){.about .about-logo{right:4%;top:1%;width:44vw;opacity:.04}}
/* Platt-Begriff klein auf der Rückseite */
.pk-bw{margin-bottom:2px;font-family:var(--font-serif);font-style:italic;font-size:13.5px;line-height:1.2;color:var(--gd-tx)}
.mc .pk-bw{display:none}

/* =========================================================
   Kundinnen-Wünsche 29.10.2026
   ========================================================= */
/* WhatsApp oben: runder Knopf im Header (auch mobil) + Button im Hero */
.hdr-wa{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;color:var(--wa-tx);background:var(--surf);border:1px solid var(--ln-2);transition:background .3s,transform .3s}
.hdr-wa:hover{background:var(--surf-3);transform:translateY(-1px)}
.hdr-wa .i{width:20px;height:20px}
.btn-wa .i{color:var(--wa-tx)}
@media (max-width:379.98px){.hdr-wa{width:40px;height:40px}}

/* „Wussten Sie schon?“ → DOKA’S Immobilien */
.dyk{padding-block:clamp(28px,5vw,64px)}
.dyk-card{display:grid;grid-template-columns:1fr;gap:clamp(18px,3vw,36px);align-items:center;padding:clamp(22px,4vw,44px);overflow:hidden}
.dyk-logo{width:clamp(110px,22vw,190px);justify-self:center}
.dyk-body h2{margin:.35em 0 .5em}
.dyk-body>p{max-width:62ch}
.dyk-steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px;counter-reset:dyk}
.dyk-steps li{counter-increment:dyk;display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:999px;font-size:13.5px;font-weight:700;color:var(--tx);background:var(--surf);border:1px solid var(--ln)}
.dyk-steps li::before{content:counter(dyk);display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:11px;color:var(--on-gold);background:var(--btn-gold,var(--grad-gold))}
.dyk-cta{display:flex;flex-wrap:wrap;gap:10px}
@media (min-width:860px){
  .dyk-card{grid-template-columns:auto minmax(0,1fr)}
  .dyk-logo{justify-self:start}
}
/* Schmale Handys: WhatsApp aus dem Header in die feste Leiste unten (Hero hat zusätzlich einen großen WhatsApp-Button) */
@media (max-width:429.98px){.hdr-wa{display:none}}
.mbar{grid-template-columns:1fr auto 1.5fr}
.mbar .mbar-wa{width:52px;padding:0}
.mbar .mbar-wa .i{width:22px;height:22px}