/* Akzente: Farbverläufe und Lichtkanten.
   Zum Abschalten die Zeile <link rel="stylesheet" href="assets/akzente.css"> in den HTML-Dateien entfernen — sonst ändert sich nichts. */
/* Grund: sehr weicher Verlauf statt einer Fläche */
body{background:radial-gradient(1200px 700px at 85% -10%,rgba(108,208,179,.10),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(224,172,124,.05),transparent 60%),var(--grund);background-attachment:fixed}
/* Hervorhebung in Überschriften: Verlauf Gold → helleres Gold */
h1 em,h2 em,h3 em{background:linear-gradient(100deg,#E0AC7C 0%,#F0C99C 55%,#E0AC7C 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
/* Knöpfe: Verlauf und Leuchten */
.knopf.voll{background:linear-gradient(135deg,#83E2C7,#6CD0B3 60%,#5BC2A4);box-shadow:0 8px 28px -10px rgba(108,208,179,.6)}
.knopf.voll:hover{box-shadow:0 12px 34px -10px rgba(108,208,179,.8)}
/* Flächen mit Lichtkante oben */
.karte,.zahl-k,.zahl-box,.phase,.fall,.stack div,.schritt,.verwandt a,.aufruf-panel,form.formular,.kasten,.ablauf-kurz,.einordnung,.landschaft{background-image:linear-gradient(180deg,rgba(108,208,179,.06),transparent 42%);border-color:rgba(108,208,179,.16)}
.karte:hover,.verwandt a:hover{border-color:rgba(108,208,179,.45)}
/* Abschnittsflächen: leicht schräger Verlauf */
section.block.flaeche,.produkte,.band{background:linear-gradient(160deg,#101B18,#0C1613 60%,#101B18)}
/* Linien mit Farbverlauf */
section.block+section.block{border-image:linear-gradient(90deg,transparent,rgba(108,208,179,.35),transparent) 1}
.kopfzeile h2::after{content:'';display:block;width:64px;height:2px;margin-top:18px;background:linear-gradient(90deg,var(--licht),transparent)}
/* Fortschrittsanzeige: Verlauf in den Segmenten */
.fs-seg::after{background:linear-gradient(90deg,#6CD0B3,#83E2C7)}
/* Kopfzeile: dezenter Verlauf statt Fläche */
header.kopf.fest{background:linear-gradient(180deg,rgba(8,15,13,.92),rgba(8,15,13,.82))}