/* yscout – Ereignisanzeige, Palette P3 „Bühne und Lesesaal“ */
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken-grotesk-latin-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}

:root{
  /* Atmosphären nach dji.com: dunkel oben, warmer Horizont unten */
  --dusk-top:#1E1E2E; --dusk-mid:#363546; --dusk-glow:#B9AEA7;
  --haze-top:#283749; --haze-mid:#525F6F; --haze-glow:#857D78;
  --sage-top:#3F463F; --sage-mid:#4B524A; --sage-glow:#8E9A93;
  --night-top:#0A1115; --night-mid:#233848; --night-glow:#6891AA;
  --studio-top:#101018; --studio-mid:#2B2635; --studio-glow:#B2A7A8;
  --mist-warm:#E7E3DD; --mist-cool:#DCE2E5; --ring:#565A78;
  /* Bahnen und Aktion */
  --track-sky:#73A3C1; --track-warm:#E8B999; --energy:#E07A5F; --action:#305BFF; --action-hover:#2248E0; --link-light:#2244CC;
  /* Schrift auf dunkel und hell */
  --on-dark:#E9E6F0; --on-dark-mute:#B9B6C8; --on-light:#1B1D24; --on-light-mute:#4A4F57;
  --f-display:"Hanken Grotesk",system-ui,sans-serif; --f-text:"Hanken Grotesk",system-ui,sans-serif; --f-data:"JetBrains Mono",ui-monospace,monospace;
  --h1:clamp(2.3rem,1.2rem + 3vw,3.7rem); --h2:clamp(1.9rem,1.2rem + 1.9vw,2.9rem); --lead:clamp(1.05rem,.98rem + .3vw,1.2rem);
  --gutter:clamp(16px,4vw,64px); --maxw:1360px; --stroke:1.5px;
  --hero-pad-top:clamp(24px,4vw,56px); --hero-pad-bottom:clamp(40px,6vw,96px);
  --section-space:clamp(80px,10vw,150px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dusk-top);color:var(--on-light);font:400 1.0625rem/1.6 var(--f-text)}
img,svg{display:block;max-width:100%}
a{color:inherit}
::selection{background:var(--track-warm);color:var(--dusk-top)}
:focus-visible{outline:2px solid var(--track-sky);outline-offset:3px}
.light :focus-visible{outline-color:var(--link-light)}
.skip{position:absolute;left:-999px;top:8px;background:var(--action);color:#fff;padding:8px 14px;z-index:10}
.skip:focus{left:8px}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.num{font-family:var(--f-data);font-variant-numeric:tabular-nums}

/* ---------- Bühne ---------- */
.stage{color:var(--on-dark);position:relative;overflow:hidden}
.site-nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px);padding:22px 0}
.site-nav .brand{margin-right:auto;display:block}
.site-nav .brand img{height:clamp(30px,2.6vw,38px);width:auto}
.site-nav a{color:var(--on-dark-mute);text-decoration:none;font-size:.95rem}
.site-nav a:hover{color:var(--on-dark)}
.site-nav a[aria-current],.site-nav a:focus-visible{color:var(--on-dark)}

.hero{display:grid;grid-template-columns:minmax(0,11fr) minmax(0,13fr);align-items:end;gap:clamp(16px,3vw,48px);
  padding:var(--hero-pad-top) 0 var(--hero-pad-bottom);min-height:min(78vh,760px)}
.hero-copy{padding-bottom:8px}
.hero h1{font:700 var(--h1)/1.03 var(--f-display);letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance}
.hero .lead{font-size:var(--lead);color:var(--on-dark-mute);margin:0 0 32px;max-width:38ch}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--action);color:#fff;font:600 1.02rem/1 var(--f-text);
  padding:16px 24px;text-decoration:none;border:0;cursor:pointer;transition:background .2s ease}
.btn:hover{background:var(--action-hover)}
.btn svg{width:18px;height:18px}
.textlink{color:var(--on-dark);font-weight:500;text-decoration:underline;text-decoration-color:var(--action);text-underline-offset:5px;text-decoration-thickness:2px}
.textlink:hover{color:var(--track-sky)}

/* Detektor */
.detector{position:relative;align-self:stretch;min-height:440px}
.detector svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.det-ring{fill:none;stroke:var(--ring);stroke-width:var(--stroke)}
.det-ring.outer{stroke-dasharray:3 7}
.det-tick{stroke:var(--ring);stroke-width:var(--stroke)}
.card-doc{fill:var(--on-dark)}
.card-line{stroke:#9AA6B6;stroke-width:3}
.card-hit{fill:none;stroke:var(--dusk-top);stroke-width:var(--stroke)}
.track{fill:none;stroke-width:var(--stroke)}
.track.y{stroke:var(--track-warm)} .track.c{stroke:var(--track-sky)}
.track.sure{stroke-width:2.5px} .track.unsure{stroke-dasharray:6 5} .track.flag{stroke-dasharray:1.5 5}
.energy{fill:var(--energy)}
.end-ring{fill:var(--dusk-top);stroke-width:var(--stroke)}
.det-label{font:500 17px var(--f-text);fill:var(--on-dark)}
.det-value{font:500 15px var(--f-data);fill:var(--on-dark-mute)}
.det-legend{display:none}
.det-note{position:absolute;right:0;bottom:-26px;font-size:.8rem;color:var(--on-dark-mute);margin:0}

@media (prefers-reduced-motion:no-preference){
  .track{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:draw 1.4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d,0s)}
  .track.unsure,.track.flag{animation-name:fade;stroke-dashoffset:0;opacity:0}
  .track.unsure{stroke-dasharray:6 5} .track.flag{stroke-dasharray:1.5 5}
  .energy,.det-label,.det-value,.end-ring{opacity:0;animation:fade .5s ease-out forwards;animation-delay:calc(var(--d,0s) + .9s)}
}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes fade{to{opacity:1}}

@media (max-width:900px){
  .site-nav .nav-link{display:none}
  .hero{grid-template-columns:1fr;min-height:0;gap:8px}
  .detector{order:-1;min-height:0;margin:0 -8px}
  .detector svg{position:static;width:100%;height:auto}
  .det-note{position:static;text-align:left;margin:2px 0 0;padding:0 8px}
  .det-label,.det-value{display:none}
  .det-legend{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;list-style:none;margin:6px 0 0;padding:0 8px;font-size:.9rem}
  .det-legend li{display:contents}
  .det-legend b{font-weight:500;color:var(--on-dark)}
  .det-legend span{font-family:var(--f-data);color:var(--on-dark-mute);font-size:.85rem}
}

/* ---------- Atmosphären ---------- */
.atm{position:relative;isolation:isolate;color:var(--on-dark);--glow-strength:.55}
.atm::before{content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(120% 70% at 50% 108%,color-mix(in srgb,var(--glow) calc(var(--glow-strength)*var(--glow-cap,1)*100%),transparent) 0%,transparent 62%),
    linear-gradient(180deg,var(--top) 0%,var(--mid) 100%)}
.atm-dusk{--top:var(--dusk-top);--mid:var(--dusk-mid);--glow:var(--dusk-glow)}
.atm-haze{--top:var(--haze-top);--mid:var(--haze-mid);--glow:var(--haze-glow);--glow-cap:.5;--on-dark-mute:#E2E0EA}
.atm-sage{--top:var(--sage-top);--mid:var(--sage-mid);--glow:var(--sage-glow);--glow-cap:.5;--on-dark-mute:#E2E0EA}
.atm-night{--top:var(--night-top);--mid:var(--night-mid);--glow:var(--night-glow)}
.atm-studio{--top:var(--studio-top);--mid:var(--studio-mid);--glow:var(--studio-glow)}
.light{color:var(--on-light)}
.light-warm{background:var(--mist-warm)} .light-cool{background:var(--mist-cool)}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .atm{animation:sunrise linear both;animation-timeline:view();animation-range:entry 0% cover 55%}
    @keyframes sunrise{from{--glow-strength:.12}to{--glow-strength:.6}}
  }
}
@property --glow-strength{syntax:"<number>";inherits:true;initial-value:.55}

.section{padding:var(--section-space) 0}
.section h2{font:700 var(--h2)/1.08 var(--f-display);letter-spacing:-.02em;margin:0 0 22px;max-width:22ch;text-wrap:balance}
.section .intro{font-size:var(--lead);max-width:62ch;margin:0}
.atm .intro{color:var(--on-dark-mute)} .light .intro{color:var(--on-light-mute)}
.light a{color:var(--link-light)}

/* ---------- Bausteine der Abschnitte ---------- */
.atm-deep{--top:#121220;--mid:#1E1E2E;--glow:#9C8F8C;--glow-strength:.4}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:start}
.section h3{font:600 1.2rem/1.25 var(--f-display);margin:0 0 8px}

/* Ausgangslage */
.cases{list-style:none;margin:0;padding:0;border-top:var(--stroke) solid var(--on-light)}
.cases li{position:relative;padding:18px 0 18px 44px;border-bottom:1px solid #C9C3BA;font-size:1.08rem}
.cases li::before{content:"";position:absolute;left:0;top:30px;width:28px;height:var(--stroke);background:var(--on-light)}
.cases li::after{content:"";position:absolute;left:26px;top:26px;width:9px;height:9px;border-radius:50%;background:var(--action)}

/* Leistungen als Ringe */
.rings-layout{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(24px,5vw,80px);align-items:center;margin-top:clamp(32px,5vw,64px)}
.rings{width:100%;max-width:680px;margin:0 auto;overflow:visible}
.ring-ticks line{stroke:#AEB8C6;stroke-width:var(--stroke)}
.ring-shape{fill:none;stroke:#AEB8C6;stroke-width:var(--stroke);transition:stroke .25s ease,opacity .25s ease}
.ring-core{fill:var(--on-dark)}
.svc-track{fill:none;stroke-width:2.5px;transition:opacity .25s ease,stroke-width .25s ease}
.svc-track[data-ring="1"],.svc-track[data-ring="3"]{stroke:var(--track-warm)}
.svc-track[data-ring="2"],.svc-track[data-ring="4"]{stroke:var(--track-sky)}
.svc-leader{fill:none;stroke:#AEB8C6;stroke-width:var(--stroke);stroke-dasharray:2 4;transition:opacity .25s ease}
.svc-wedge{fill:var(--energy);transition:opacity .25s ease}
.svc-label{font:500 17px var(--f-text);fill:var(--on-dark);transition:opacity .25s ease}
.rings.focus [data-ring]:not(.on){opacity:.28}
.ring-shape.on{stroke:var(--on-dark)}
.svc-track.on{stroke-width:3.5px}
.svc-label.on{fill:var(--track-warm)}
@media (prefers-reduced-motion:no-preference){
  .rings .svc-track{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}
  .rings .svc-wedge,.rings .svc-leader,.rings .svc-label{opacity:0}
  .rings.drawn .svc-track{animation:draw 1.2s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--d)}
  .rings.drawn .svc-wedge,.rings.drawn .svc-leader,.rings.drawn .svc-label{animation:fade .5s ease-out forwards;animation-delay:calc(var(--d) + .7s)}
  .rings.drawn.focus [data-ring]:not(.on){opacity:.28;animation:none}
  .rings.drawn.focus [data-ring].on{opacity:1;animation:none;stroke-dashoffset:0}
}
.services{list-style:none;margin:0;padding:0;counter-reset:s}
.services li{counter-increment:s;position:relative;padding:20px 0 20px 56px;border-top:1px solid rgba(233,230,240,.25);outline-offset:6px;cursor:default}
.services li:last-child{border-bottom:1px solid rgba(233,230,240,.25)}
.services li::before{content:counter(s);position:absolute;left:0;top:22px;font:500 1rem var(--f-text);font-variant-numeric:tabular-nums;color:var(--on-dark-mute);width:32px;height:32px;border:var(--stroke) solid currentColor;border-radius:50%;display:grid;place-items:center;transition:color .25s,border-color .25s}
.services li.on::before{color:var(--track-warm)}
.services h3{font-size:1.35rem}
.services p{margin:0;color:var(--on-dark-mute);max-width:58ch}
.svc-extra{margin:clamp(32px,4vw,48px) 0 0;color:var(--on-dark-mute);max-width:72ch}
.svc-extra strong{color:var(--on-dark);font-weight:500}

/* Arbeitsweise */
.principles{margin:28px 0 0;padding:0;list-style:none}
.principles li{padding:12px 0 12px 22px;position:relative;color:var(--on-light-mute);max-width:56ch}
.principles li::before{content:"";position:absolute;left:0;top:24px;width:10px;height:var(--stroke);background:var(--on-light)}
.protocol{margin:0;background:#EEF1F3;border:var(--stroke) solid var(--on-light);padding:clamp(18px,2.4vw,30px)}
.protocol figcaption{display:flex;justify-content:space-between;gap:16px;font:600 .9rem var(--f-text);padding-bottom:12px;border-bottom:var(--stroke) solid var(--on-light)}
.protocol figcaption span:last-child{color:var(--on-light-mute);font-weight:500}
.protocol table{width:100%;border-collapse:collapse}
.protocol thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.protocol th{text-align:left;font-weight:500;width:32%}
.protocol td,.protocol th{padding:12px 0;border-bottom:1px solid #C3CBD3}
.protocol td:last-child{text-align:right;width:20%;white-space:nowrap}
.bar{position:relative;display:block;height:20px;margin:0 16px}
.bar::before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:#B4BEC9}
.err{position:absolute;top:9px;left:var(--a);width:var(--w);height:var(--stroke);background:var(--on-light)}
.err::before,.err::after{content:"";position:absolute;top:-5px;width:var(--stroke);height:12px;background:var(--on-light)}
.err::before{left:0}.err::after{right:0}
.pt{position:absolute;top:3px;left:var(--p);width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--action)}
.unsure .err{background:repeating-linear-gradient(90deg,var(--on-light) 0 4px,transparent 4px 7px)}
.flag .pt{background:#EEF1F3;border:var(--stroke) solid var(--on-light)}
.legend{display:flex;flex-wrap:wrap;gap:8px 24px;margin:14px 0 0;font-size:.88rem;color:var(--on-light-mute)}
.lg::before{content:"";display:inline-block;width:22px;height:0;border-top:var(--stroke) solid var(--on-light);vertical-align:middle;margin-right:8px}
.lg.unsure::before{border-top-style:dashed}
.lg.flag::before{width:10px;height:10px;border:var(--stroke) solid var(--on-light);border-radius:50%}

/* Landesstelle */
.statement{font-size:clamp(2.2rem,1.3rem + 3vw,4rem)!important;max-width:18ch!important}
.handover{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,260px) minmax(0,1fr);gap:24px;align-items:center;margin-top:40px}
.handover p{margin:0;color:var(--on-dark-mute)}
.handover-track{width:100%;height:40px}
.handover-track path{fill:none;stroke:var(--track-warm);stroke-width:var(--stroke)}
.handover-track circle{fill:var(--track-warm)}

/* Projekte als Ereignisse */
.events{margin-top:clamp(28px,4vw,48px)}
.lead-event{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;border-top:var(--stroke) solid var(--track-warm);padding-top:24px}
.lead-event h3{font-size:clamp(1.5rem,1.1rem + 1vw,2rem)}
.role{font:500 .92rem/1.4 var(--f-text);color:var(--track-sky);margin:0 0 12px}
.event-display{margin:0}
.ev-legend{display:none}
.ev-photo{grid-column:1/-1;min-height:clamp(180px,22vw,320px);margin-top:8px}
.event-display svg{width:100%;height:auto;overflow:visible}
.ev-rings circle{fill:none;stroke:#3E5A72;stroke-width:var(--stroke)}
.ev-rings circle+circle{stroke-dasharray:3 6}
.ev-src{fill:var(--on-dark)}
.ev-track{fill:none;stroke:var(--track-warm);stroke-width:2px}.ev-track.c{stroke:var(--track-sky)}
.ev-end{fill:var(--energy)}
.ev-l{font:500 17px var(--f-text);fill:var(--on-dark)}.ev-s{font:400 14px var(--f-text);fill:var(--on-dark-mute)}
.event-list{list-style:none;margin:clamp(36px,5vw,56px) 0 0;padding:0}
.event-list .event{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,5fr);gap:8px clamp(16px,3vw,40px);align-items:baseline;padding:22px 0 22px 34px;position:relative;border-top:1px solid rgba(233,230,240,.18)}
.event-list .event:last-child{border-bottom:1px solid rgba(233,230,240,.18)}
.event-list .event::before{content:"";position:absolute;left:0;top:34px;width:20px;height:var(--stroke);background:var(--track-sky)}
.event-list .event::after{content:"";position:absolute;left:18px;top:30px;width:9px;height:9px;border-radius:50%;border:var(--stroke) solid var(--track-sky);background:var(--night-top)}
.event-list h3{margin:0}.event-list .role{margin:0}
.event p{color:var(--on-dark-mute);margin:0 0 10px}
.event-list .event p:last-child{margin:0}
.event a{color:var(--on-dark);text-decoration-color:var(--track-sky);text-underline-offset:4px}
.src a{font-size:.95rem}
.placeholder{display:grid;place-items:center;border:var(--stroke) dashed #6C7D90;color:var(--on-dark-mute);font-size:.9rem;background:rgba(10,17,21,.35)}
.more-h{margin-top:clamp(36px,5vw,56px)!important}
.more{margin:0;padding:0;list-style:none;columns:2;column-gap:48px}
.more li{break-inside:avoid;padding:8px 0;border-bottom:1px solid rgba(233,230,240,.18);color:var(--on-dark-mute)}
.more a{color:var(--on-dark);text-decoration-color:var(--track-sky);text-underline-offset:4px}
.after{margin:36px 0 0}

/* Ablauf als Strecke */
.path{list-style:none;margin:clamp(32px,5vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;position:relative}
.path::before{content:"";position:absolute;left:8px;right:8px;top:8px;height:var(--stroke);background:var(--on-light)}
.path li{position:relative;padding-top:36px}
.node{position:absolute;top:0;left:0;width:17px;height:17px;border-radius:50%;background:var(--mist-warm);border:var(--stroke) solid var(--on-light)}
.path li:first-child .node{background:var(--action);border-color:var(--action)}
.path li:last-child .node{background:var(--on-light)}
.path p{margin:0;color:var(--on-light-mute)}

/* Über mich */
.about{display:grid;grid-template-columns:minmax(200px,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:center}
.portrait{aspect-ratio:4/5;border-color:#8E8494;background:rgba(16,16,24,.35)}
.about .intro+.intro{margin-top:16px}

/* Fragen */
.faq-wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq details{border-top:1px solid #B9C3CB}
.faq details:last-child{border-bottom:1px solid #B9C3CB}
.faq summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;font:600 1.1rem/1.35 var(--f-display);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:24px;width:12px;height:12px;border-right:var(--stroke) solid var(--on-light);border-bottom:var(--stroke) solid var(--on-light);transform:rotate(45deg);transition:transform .2s ease}
.faq details[open] summary::after{transform:rotate(-135deg);top:30px}
.faq summary:hover{color:var(--link-light)}
.faq details p{margin:0 0 20px;color:var(--on-light-mute);max-width:64ch}
.faq details ol{margin:-8px 0 20px;padding-left:1.4em;list-style:decimal;color:var(--on-light-mute);max-width:64ch}
.faq details li{margin:0 0 10px}
.faq details li::marker{font-variant-numeric:tabular-nums}

/* Kontakt */
.contact{align-items:start}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:18px}
.field label{display:block;font-weight:500;margin-bottom:6px}
.opt{font-weight:400;color:var(--on-dark-mute)}
.field input:not([type=checkbox]),.field select,.field textarea{width:100%;font:inherit;color:var(--on-dark);background:rgba(14,14,24,.55);border:var(--stroke) solid #6E6A86;padding:12px 14px;border-radius:0}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--on-dark) 50%),linear-gradient(135deg,var(--on-dark) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.field select option{color:#111}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--track-sky);outline:none;box-shadow:0 0 0 2px rgba(115,163,193,.35)}
.hint{font-size:.88rem;color:var(--on-dark-mute);margin:6px 0 0}
.field-error{display:none;color:#FFB4A2;font-size:.92rem;margin:6px 0 0}
.field.has-error .field-error{display:block}
.field.has-error input,.field.has-error textarea{border-color:#FFB4A2}
.check label{display:flex;gap:12px;align-items:flex-start;font-weight:400;color:var(--on-dark-mute)}
.check input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:2px 0 0;flex:none;border:var(--stroke) solid #8F8AA8;background:rgba(14,14,24,.55);cursor:pointer;display:grid;place-content:center}
.check input:checked{background:var(--action) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/16px no-repeat;border-color:var(--action)}
.check input:focus-visible{outline:2px solid var(--track-sky);outline-offset:3px}
.field.has-error .check input,.check.has-error input{border-color:#FFB4A2}
.contact a:not(.btn){color:var(--on-dark);text-decoration-color:var(--track-sky)}
.hp{position:absolute;left:-9999px}
#form-wrap.is-sent form{display:none}
#form-success{padding:24px;border:var(--stroke) solid var(--track-sky)}
.form-status.is-error{color:#FFB4A2}
.send-note{margin-top:12px}
.btn[disabled]{opacity:.6;cursor:wait}

/* Fußzeile */
.site-foot{background:#121220;color:var(--on-dark-mute);padding:40px 0;font-size:.92rem}
.foot-in{display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.foot-in img{height:28px;width:auto;margin-right:auto}
.foot-in p{margin:0} .site-foot a{color:var(--on-dark)}

@media (max-width:900px){
  .split,.rings-layout,.about,.faq-wrap,.lead-event{grid-template-columns:1fr}
  .event-list .event{grid-template-columns:1fr}
  .ev-l,.ev-s{display:none}
  .ev-legend{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;list-style:none;margin:10px 0 0;padding:0;font-size:.92rem}
  .ev-legend li{display:contents}
  .ev-legend b{font-weight:500;color:var(--on-dark)}
  .ev-legend span{color:var(--on-dark-mute)}
  .rings{max-width:420px}
  .svc-label,.svc-leader{display:none}
  .events{grid-template-columns:1fr}
  .more{columns:1}
  .handover{grid-template-columns:1fr}
  .handover-track{transform:rotate(90deg);width:60px;justify-self:start;margin-left:-10px}
  .path{grid-template-columns:1fr;gap:0}
  .path::before{left:8px;right:auto;top:8px;bottom:8px;width:var(--stroke);height:auto}
  .path li{padding:0 0 24px 40px}
  .row2{grid-template-columns:1fr;gap:0}
  .portrait{max-width:240px}
}

/* Unterseiten */
.page-title{font:700 var(--h2)/1.05 var(--f-display);letter-spacing:-.02em;margin:0;padding:clamp(28px,5vw,64px) 0 clamp(36px,5vw,72px)}
.legal .wrap{max-width:820px}
.legal h2{font:700 1.4rem/1.2 var(--f-display);margin:36px 0 10px;max-width:none}
.legal p{color:var(--on-light-mute);margin:0 0 12px}
.pending{border:var(--stroke) dashed #9A938A;padding:12px 16px;color:var(--on-light)!important}

/* ---------- Gestaltung vom 19.10.2026, übernommen am 04.11.2026: Aktion neutral, einziger Akzent Energie ---------- */
:root{
  --accent-dark:#E07A5F;   /* Akzent auf dunklem Grund */
  --accent-light:#A9432B;  /* Akzent auf hellem Grund */
  --action:var(--accent-dark);
  --energy:var(--accent-dark);
  --track-sky:#8E8AA0;     /* Bahnen neutral statt Himmelblau */
  --track-warm:#B9B6C8;    /* Bahnen neutral statt Sand */
  --link-light:var(--on-light);
}
::selection{background:var(--accent-dark);color:var(--dusk-top)}
:focus-visible{outline-color:var(--accent-dark)}
.light :focus-visible{outline-color:var(--accent-light)}
.btn{background:var(--on-dark);color:var(--on-light)}
.btn:hover{background:#fff}
.light .btn{background:var(--on-light);color:var(--mist-warm)}
.light .btn:hover{background:#000}
.textlink{text-decoration-color:var(--accent-dark)}
.textlink:hover{color:var(--accent-dark)}
.light a{color:var(--on-light);text-decoration:underline;text-decoration-color:var(--accent-light);text-underline-offset:4px;text-decoration-thickness:1.5px}
.light a:hover{color:var(--accent-light)}
.event a,.more a,.contact a{text-decoration-color:var(--accent-dark)}
.role{color:var(--accent-dark)}
.light .role{color:var(--accent-light)}
.check input:checked{background-color:var(--on-light)}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-light);box-shadow:0 0 0 2px rgba(169,67,43,.3)}
#form-success{border-color:var(--accent-dark)}

/* Bühnen reduziert (19.10.2026): nur noch Abend (dusk) und Salbei (Landesstelle).
   Dunst (grau), Nacht (Projekte) und Studio zeigen Abend. */
.atm-haze,.atm-night,.atm-studio{--top:var(--dusk-top);--mid:var(--dusk-mid);--glow:var(--dusk-glow);--glow-cap:initial;--on-dark-mute:#B9B6C8}
.event-list .event::after{background:var(--dusk-top)}

/* Nebel kühl entfällt (19.10.2026): alle hellen Abschnitte in Nebel warm. */
.light-cool{background:var(--mist-warm)}

/* Navigation mit Wortmarke fixiert (19.10.2026) */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:14px;padding-bottom:14px;
  padding-inline:max(var(--gutter),calc((100% - var(--maxw))/2 + var(--gutter)));
  background:var(--dusk-top);
  border-bottom:1px solid rgba(233,230,240,.12)}
.site-nav .brand img{height:clamp(26px,2.2vw,32px)}
header.stage{padding-top:64px}
html{scroll-padding-top:76px}
/* Die Leiste liegt im Kopfbereich. Dessen Stapelebene muss über allen folgenden Bühnen liegen,
   sonst verdecken die Abschnitte mit .atm (isolation:isolate) die fixierte Leiste. */
header.stage{z-index:100}

/* ---------- Beispiele (04.11.2026) ---------- */
.example{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(28px,5vw,72px);align-items:center;
  margin-top:clamp(48px,7vw,96px);padding-top:clamp(28px,4vw,48px);border-top:var(--stroke) solid rgba(233,230,240,.18)}
.example h3{font:700 clamp(1.4rem,1.1rem + .9vw,1.9rem)/1.15 var(--f-display);margin:0 0 14px}
.example p{color:var(--on-dark-mute);margin:0 0 20px;max-width:58ch}
.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 16px}
.kpis div{border-top:var(--stroke) solid var(--on-dark-mute);padding-top:10px}
.kpis dt{font-size:.88rem;line-height:1.3;color:var(--on-dark-mute);order:2}
.kpis div{display:flex;flex-direction:column;gap:6px}
.kpis dd{margin:0;font:500 clamp(1.25rem,1rem + .8vw,1.7rem)/1.1 var(--f-data);color:var(--on-dark);order:1}
.kpis .kpi-hi{border-top-color:var(--accent-dark)}
.kpis .kpi-hi dd{color:var(--accent-dark)}
.ex-note{font-size:.85rem}
.ex-fig{margin:0}
.ex-ph{aspect-ratio:4/3;width:100%}
@media (max-width:900px){.example{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}}

/* ---------- Animation Coburg ---------- */
.cob{display:grid;gap:18px}
.cob-sheet{position:relative;border:var(--stroke) solid rgba(233,230,240,.25);background:#E7E3DD;line-height:0}
.cob-sheet img{width:100%;height:auto;display:block}
.cob-grid{position:absolute;inset:0;width:100%;height:100%}
.cob-grid .cell{fill:transparent;stroke:none;transition:fill .25s ease}
.cob-grid .cell.read{fill:rgba(30,30,46,.10)}
.cob-grid .cell.flag{fill:rgba(224,122,95,.22);stroke:var(--accent-light);stroke-width:3}
.cob-grid .cursor{fill:none;stroke:var(--accent-light);stroke-width:3}
.cob-read{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,200px);gap:18px;align-items:start}
.cob-table{display:grid;grid-template-columns:16px repeat(11,minmax(0,1fr));gap:2px 3px;font:400 10.5px/1.5 var(--f-data);color:var(--on-dark)}
.cob-table .h{color:var(--on-dark-mute);font-size:9px;overflow:hidden}
.cob-table .v{min-height:1.5em;white-space:nowrap}
.cob-table .v.flag{color:var(--accent-dark)}
.cob-check{border-top:var(--stroke) solid var(--accent-dark);padding-top:8px;font-size:.85rem;color:var(--on-dark-mute)}
.cob-k{display:block}
.cob-count{display:block;font:500 1.3rem/1.2 var(--f-data);color:var(--accent-dark);margin:2px 0 8px}
.cob-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cob-list li{display:grid;gap:1px;font-size:.78rem;line-height:1.3;visibility:hidden}
.cob-list li.on{visibility:visible;animation:cobin .35s ease both}
.cob-list .num{font-family:var(--f-data);color:var(--on-dark)}
.cob-list b{font-weight:500;color:var(--accent-dark)}
@keyframes cobin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.cob-bars{display:grid;gap:8px}
.bar-row{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) auto;gap:12px;align-items:center;font-size:.85rem;color:var(--on-dark-mute)}
.bar-t{height:10px;background:rgba(233,230,240,.08)}
.bar-t i{display:block;height:100%;width:0;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.bar-hand{background:var(--on-dark-mute)}
.bar-ki{background:var(--accent-dark)}
.cob.bars .bar-hand{width:100%}
.cob.bars .bar-ki{width:6.5%}
.bar-v{font-family:var(--f-data);color:var(--on-dark);min-width:8.5em;text-align:right}
.bar-v.hi{color:var(--accent-dark)}
.ex-cap{font-size:.8rem;line-height:1.45;color:var(--on-dark-mute)}
.ex-replay{background:none;border:0;padding:0;color:var(--on-dark);font:inherit;text-decoration:underline;text-decoration-color:var(--accent-dark);text-underline-offset:3px;cursor:pointer}
@media (prefers-reduced-motion:reduce){.bar-t i,.cob-grid .cell{transition:none}.cob-list li.on{animation:none}}
@media (max-width:640px){.cob-read{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr auto}.bar-t{grid-column:1/-1;order:3}}

/* ---------- Animation Gedenkbuch ---------- */
.gb{display:grid;gap:18px}
.gb-map{position:relative;border:var(--stroke) solid rgba(233,230,240,.18)}
.gb-svg{display:block;width:100%;height:auto}
.gb-svg .land{fill:rgba(233,230,240,.07);stroke:rgba(233,230,240,.28);stroke-width:.8}
.gb-svg .dots circle{fill:var(--accent-dark);fill-opacity:.55;opacity:0;transition:opacity .4s ease}
.gb-svg .dots circle.on{opacity:1}
.gb-svg .hit{fill:none;stroke:var(--on-dark);stroke-width:2;opacity:0;transition:opacity .4s ease}
.gb.kaunas .gb-svg .hit{opacity:1}
.gb-var{position:absolute;left:68%;top:6%;display:grid;gap:2px;font:500 15px/1.3 var(--f-data);color:var(--on-dark-mute)}
.gb-var span{opacity:0;transform:translateY(-6px);transition:opacity .35s ease,transform .6s ease}
.gb-var span:nth-child(2){transition-delay:.15s}.gb-var span:nth-child(3){transition-delay:.3s}
.gb.vars .gb-var span{opacity:1;transform:none}
.gb.merged .gb-var span{opacity:0;transform:translateY(22px)}
.gb.merged .gb-var span:nth-child(1){transform:translateY(44px)}
.gb-var b{font-weight:500;color:var(--on-dark);opacity:0;transition:opacity .4s ease .2s;margin-top:-4.2em}
.gb-var small{font-size:11px;color:var(--accent-dark);margin-left:6px}
.gb.merged .gb-var b{opacity:1}
.gb-count{position:absolute;right:4%;bottom:6%;text-align:right;opacity:0;transition:opacity .4s ease}
.gb.mapped .gb-count{opacity:1}
.gb-k{display:block;font-size:.8rem;color:var(--on-dark-mute)}
.gb-n{display:block;font:500 1.6rem/1.1 var(--f-data);color:var(--accent-dark)}
.gb-doc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;align-items:center;opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
.gb.doc .gb-doc{opacity:1;transform:none}
.gb-card{width:100%;height:auto;display:block}
.gb-card .paper{fill:#DCD6C8;stroke:rgba(30,30,46,.35)}
.gb-card .ln{fill:rgba(30,30,46,.35)}
.gb-card .hw{fill:rgba(30,30,46,.55)}
.gb-card .box{fill:transparent;stroke:transparent;stroke-width:2.5;transition:fill .3s ease,stroke .3s ease}
.gb-card .fld.on .box{fill:rgba(224,122,95,.16);stroke:var(--accent-light)}
.gb-types,.gb-fields{list-style:none;margin:0;padding:0}
.gb-types{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.gb-types li{font:400 12px/1 var(--f-data);padding:6px 8px;border:1px solid rgba(233,230,240,.25);color:var(--on-dark-mute);transition:all .25s ease}
.gb-types li.on{border-color:var(--accent-dark);color:var(--on-dark);background:rgba(224,122,95,.15)}
.gb-fields{display:grid;gap:8px}
.gb-fields li{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;color:var(--on-dark-mute);border-top:1px solid rgba(233,230,240,.15);padding-top:6px;opacity:.35;transition:opacity .3s ease}
.gb-fields li.on{opacity:1;color:var(--on-dark)}
.gb-fields b{font:500 12px var(--f-data);color:var(--accent-dark)}
@media (prefers-reduced-motion:reduce){.gb *,.gb{transition:none!important}}
@media (max-width:640px){.gb-doc{grid-template-columns:1fr}.gb-var{font-size:12px}}

/* ---------- Grafik Datenschutz und Leistungsschutz ---------- */
.sz{margin:clamp(32px,5vw,64px) 0 0}
.sz-svg{display:block;width:100%;height:auto}
.sz-h{font:500 14px var(--f-data);fill:var(--on-dark-mute)}
.sz-l{font:600 19px var(--f-text);fill:var(--on-dark)}
.sz-s{font:400 15px var(--f-text);fill:var(--on-dark-mute)}
.sz-gate{stroke:var(--accent-dark);stroke-width:2}
.sz-track{fill:none;stroke:var(--on-dark);stroke-width:1.5;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .9s ease var(--d,0s)}
.sz.drawn .sz-track{stroke-dashoffset:0}
.sz-track.sz-dash{stroke-dasharray:none;stroke-dashoffset:0;opacity:0;transition:opacity .6s ease var(--d,0s);stroke:var(--on-dark)}
.sz.drawn .sz-track.sz-dash{opacity:.9;stroke-dasharray:6 6}
.sz-stop,.sz-end{fill:var(--accent-dark);opacity:0;transition:opacity .4s ease var(--d,0s)}
.sz-r{opacity:0;transition:opacity .5s ease var(--d,0s)}
.sz.drawn .sz-stop,.sz.drawn .sz-end,.sz.drawn .sz-r{opacity:1}
.sz-list{display:none;list-style:none;margin:0;padding:0}
.sz-list li{padding:12px 0;border-top:1px solid rgba(233,230,240,.25);color:var(--on-dark-mute)}
.sz-list b{color:var(--on-dark);font-weight:600}
@media (max-width:700px){.sz-svg{display:none}.sz-list{display:block}}
@media (prefers-reduced-motion:reduce){.sz *{transition:none!important}}
#schutz .handover{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
@media (max-width:700px){#schutz .handover{grid-template-columns:1fr}}

/* ---------- Kopfgrafik Kulturerbe (05.11.2026) ---------- */
.erbe .eb-shelf line{stroke:var(--on-dark-mute);stroke-width:1.5}
.erbe .eb-obj{fill:none;stroke:var(--on-dark);stroke-width:1.5;opacity:1}
.erbe .eb-obj.eb-low{opacity:.6}
.erbe .eb-track{fill:none;stroke:var(--on-dark-mute);stroke-width:1.5}
.erbe .eb-end circle{fill:var(--accent-dark)}
.erbe .eb-end text{font:500 20px var(--f-text);fill:var(--on-dark)}
.erbe .eb-dot{fill:var(--accent-dark)}
@media (prefers-reduced-motion:no-preference){
  .erbe .eb-obj{animation:ebLit .9s ease var(--d) both}
  .erbe .eb-obj.eb-low{animation-name:ebLitLow}
  .erbe .eb-track{stroke-dasharray:1;animation:ebDraw 1.2s ease var(--d) both}
  .erbe .eb-end{animation:ebIn .5s ease var(--d) both}
  @keyframes ebLit{from{opacity:.15}to{opacity:1}}
  @keyframes ebLitLow{from{opacity:.1}to{opacity:.6}}
  @keyframes ebDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
  @keyframes ebIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
.example{align-items:start}
.ex-steps{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:10px;max-width:58ch;color:var(--on-dark-mute)}
.ex-steps li{border-top:1px solid rgba(233,230,240,.18);padding-top:10px}
.ex-steps b{color:var(--on-dark);font-weight:600}

/* Bullets: ganze Pixel, sonst rundet der Browser je nach Zeile unterschiedlich dick */
.cases li::before{height:2px}
.cases li::after{width:10px;height:10px;top:26px}
.event-list .event::before{height:2px}

/* Kopfgrafik: Kette Analog, Digital, Auswertung, Nachnutzung */
.erbe .eb-stage{fill:none;stroke:var(--on-dark);stroke-width:1.5}
.erbe .eb-stage .f{fill:var(--accent-dark);stroke:none}
.erbe .eb-stage text{font:500 19px var(--f-text);fill:var(--on-dark);stroke:none}
.erbe .eb-flow{fill:none;stroke:var(--on-dark-mute);stroke-width:1.5}
.erbe .eb-head{fill:none;stroke:var(--on-dark-mute);stroke-width:1.5}
@media (prefers-reduced-motion:no-preference){
  .erbe .eb-stage{animation:ebIn .5s ease var(--d) both}
  .erbe .eb-flow{stroke-dasharray:1;animation:ebDraw .5s ease var(--d) both}
  .erbe .eb-head{animation:ebIn .2s ease var(--d) both}
}

/* ---------- Referenzen als schlichte Liste, später Logos ---------- */
.refs{list-style:none;margin:clamp(24px,4vw,40px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.refs li{padding:22px 0;border-top:1px solid rgba(233,230,240,.18);font:600 clamp(1.05rem,.95rem + .4vw,1.3rem)/1.25 var(--f-display);color:var(--on-dark)}
@media (max-width:700px){.refs{grid-template-columns:1fr 1fr}}
.refs .ref-logo{display:block;height:34px;width:auto;object-fit:contain;object-position:left center}
.refs .ref-sm{height:44px}
.refs li{display:flex;align-items:center;min-height:88px;padding-top:0;padding-bottom:0}

/* ---------- Datenschutzerklärung ---------- */
.legal h3{font:600 1.1rem/1.3 var(--f-display);margin:22px 0 8px}
.legal ul{color:var(--on-light-mute);margin:0 0 14px;padding-left:20px}
.legal li{margin:0 0 6px}
.legal .index{list-style:none;padding-left:0;columns:2;column-gap:32px}
.legal .glossary{padding-left:20px}
.legal .seal{font-size:.85rem;margin-top:32px}
.legal{overflow-wrap:anywhere}
@media (max-width:700px){.legal .index{columns:1}}
.legal .index li{break-inside:avoid}

/* ---------- Kontakt ohne Formular (05.11.2026) ---------- */
.contact-mail{display:grid;gap:18px;align-content:start}
.contact-lead{font-size:var(--lead);color:var(--on-dark);margin:0}
.contact-mail p{margin:0}
.contact-addr{font-size:1.05rem}
.contact-addr a{color:var(--on-dark);text-decoration:underline;text-decoration-color:var(--accent-dark);text-underline-offset:4px}

/* ---------- Werte (06.11.2026) ---------- */
.values{list-style:none;margin:0;padding:0;max-width:820px}
.values li{padding:clamp(24px,3vw,36px) 0 clamp(36px,5vw,60px);border-top:var(--stroke) solid var(--on-light)}
.values li:last-child{padding-bottom:0}
.section .values h2{font:600 clamp(1.3rem,1.1rem + .7vw,1.7rem)/1.2 var(--f-display);letter-spacing:-.01em;margin:0 0 12px;max-width:none}
.values p{margin:0;font-size:var(--lead);line-height:1.5;color:var(--on-light)}