/* DAREALGOR Dark Style Referenzseite Projektfinanzierung – Stand 22.08.2026 */
/* ======================================================================
   K210 – DAREALGOR DARK STYLE STANDARD 01
   Globale Styling-Schicht auf K209, Stand 22.08.2026.
   Inhalt, Struktur und Funktion bleiben unverändert.
   Ziel: dunkle Bühne + ruhige Information + selektives Türkis-Shining.
   ====================================================================== */
body.multi-page-prototype.dark-reference{
  --navy:#F6FCFD;
  --deep:#010609;
  --teal:#0E7C80;
  --teal2:#19D8DF;
  --line:rgba(64,205,212,.24);
  --text:#C9D8DC;
  --muted:#8FA7AE;
  --soft:#06141A;
  --shadow:0 18px 54px rgba(0,0,0,.42);
  --dark-bg:#010609;
  --dark-bg-2:#031017;
  --dark-card:#05161C;
  --dark-card-2:#020A0E;
  --dark-glass:rgba(3,15,20,.92);
  --dark-border:rgba(58,207,214,.25);
  --dark-border-strong:rgba(82,224,230,.40);
  --dark-title:#F8FEFF;
  --dark-text:#C9D8DC;
  --dark-muted:#8FA7AE;
  --dark-link:#3FD6DD;
  color-scheme:dark;
  color:var(--dark-text)!important;
  background:
    radial-gradient(ellipse 1000px 600px at 79% 4%, rgba(24,196,205,.125), transparent 69%),
    radial-gradient(ellipse 760px 560px at 5% 35%, rgba(10,108,116,.085), transparent 72%),
    radial-gradient(circle at 1px 1px, rgba(101,234,239,.040) 1px, transparent 1.35px),
    linear-gradient(180deg,#010609 0%,#031017 45%,#02090D 100%)!important;
  background-attachment:fixed!important;
}
body.multi-page-prototype.dark-reference::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 700px 420px at 88% 14%,rgba(25,216,223,.055),transparent 72%),
    radial-gradient(ellipse 650px 520px at 12% 72%,rgba(14,124,128,.045),transparent 74%);
}
body.multi-page-prototype.dark-reference a{color:var(--dark-link)}
body.multi-page-prototype.dark-reference p,
body.multi-page-prototype.dark-reference li,
body.multi-page-prototype.dark-reference dd,
body.multi-page-prototype.dark-reference td,
body.multi-page-prototype.dark-reference label,
body.multi-page-prototype.dark-reference .lead,
body.multi-page-prototype.dark-reference .small,
body.multi-page-prototype.dark-reference .desc{
  color:var(--dark-text)!important;
}
body.multi-page-prototype.dark-reference h1,
body.multi-page-prototype.dark-reference h2,
body.multi-page-prototype.dark-reference h3,
body.multi-page-prototype.dark-reference h4,
body.multi-page-prototype.dark-reference h5,
body.multi-page-prototype.dark-reference h6,
body.multi-page-prototype.dark-reference strong,
body.multi-page-prototype.dark-reference b{
  color:var(--dark-title)!important;
}
body.multi-page-prototype.dark-reference .muted,
body.multi-page-prototype.dark-reference small,
body.multi-page-prototype.dark-reference .small,
body.multi-page-prototype.dark-reference .score-label,
body.multi-page-prototype.dark-reference .score-meta,
body.multi-page-prototype.dark-reference .social-contact-note,
body.multi-page-prototype.dark-reference .media-number{
  color:var(--dark-muted)!important;
}

/* Stage / Top bar */
body.multi-page-prototype.dark-reference .staging-banner{
  background:
    radial-gradient(ellipse 680px 150px at 78% 0%, rgba(22,184,193,.12), transparent 66%),
    linear-gradient(180deg,#010609 0%,#031016 100%)!important;
  border-bottom:1px solid rgba(41,194,201,.18)!important;
  box-shadow:0 6px 22px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference .staging-banner,
body.multi-page-prototype.dark-reference .staging-banner *{color:rgba(218,236,239,.78)!important}
body.multi-page-prototype.dark-reference .staging-banner strong{color:#EAF9FA!important}
body.multi-page-prototype.dark-reference .staging-pill{
  color:#EFFFFF!important;
  background:linear-gradient(135deg,rgba(5,46,52,.92),rgba(11,106,112,.76))!important;
  border:1px solid rgba(99,246,250,.48)!important;
  box-shadow:0 0 7px rgba(82,242,247,.34),0 0 22px rgba(23,196,204,.16)!important;
}

/* Header / Navigation */
body.multi-page-prototype.dark-reference .header{
  background:
    radial-gradient(ellipse 700px 120px at 72% 0%,rgba(17,154,163,.075),transparent 72%),
    linear-gradient(180deg,rgba(2,8,12,.995),rgba(3,15,20,.992))!important;
  border-bottom:1px solid rgba(30,130,137,.20)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
}
body.multi-page-prototype.dark-reference .brand-mark{
  filter:drop-shadow(0 0 6px rgba(83,244,248,.54)) drop-shadow(0 0 16px rgba(23,220,228,.30)) drop-shadow(0 0 28px rgba(23,196,204,.12));
}
body.multi-page-prototype.dark-reference .nav{
  padding:4px!important;
  border:1px solid rgba(58,207,214,.25)!important;
  border-radius:17px!important;
  background:
    radial-gradient(ellipse 520px 90px at 48% 110%,rgba(23,196,204,.060),transparent 74%),
    linear-gradient(180deg,rgba(4,14,18,.96),rgba(3,12,16,.985))!important;
  box-shadow:inset 0 1px 0 rgba(219,255,255,.025),0 9px 28px rgba(0,0,0,.32)!important;
}
body.multi-page-prototype.dark-reference .nav > a,
body.multi-page-prototype.dark-reference .nav-item > a{
  color:rgba(207,224,228,.68)!important;
  font-weight:700!important;
  background:transparent!important;
  text-shadow:none!important;
}
body.multi-page-prototype.dark-reference .nav > a:hover,
body.multi-page-prototype.dark-reference .nav-item:hover > a,
body.multi-page-prototype.dark-reference .nav > a:focus-visible,
body.multi-page-prototype.dark-reference .nav-item > a:focus-visible{
  color:#F8FEFF!important;
  background:rgba(23,196,204,.095)!important;
  outline:1px solid rgba(77,226,232,.28)!important;
  box-shadow:0 0 16px rgba(23,196,204,.09)!important;
}
body.multi-page-prototype.dark-reference .nav a[aria-current="page"]{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(12,82,89,.96),rgba(12,151,158,.90))!important;
  border:1px solid rgba(99,246,250,.78)!important;
  box-shadow:inset 0 0 22px rgba(120,251,253,.09),0 0 7px rgba(82,242,247,.55),0 0 20px rgba(25,220,228,.46),0 0 36px rgba(23,196,204,.19)!important;
}
body.multi-page-prototype.dark-reference .dropdown{
  background:linear-gradient(180deg,rgba(4,16,21,.995),rgba(2,10,14,.995))!important;
  border:1px solid rgba(72,221,228,.30)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.58),0 0 24px rgba(23,196,204,.08)!important;
}
body.multi-page-prototype.dark-reference .dropdown a{color:#D5E7EA!important;background:transparent!important}
body.multi-page-prototype.dark-reference .dropdown a:hover,
body.multi-page-prototype.dark-reference .dropdown a:focus-visible{
  color:#F8FEFF!important;
  background:rgba(23,196,204,.105)!important;
}
body.multi-page-prototype.dark-reference .menu-toggle{
  color:#E7F7F9!important;
  background:linear-gradient(180deg,rgba(5,23,29,.98),rgba(2,11,15,.98))!important;
  border-color:rgba(66,214,220,.34)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference .menu-toggle-icon span{background:#58E9EE!important}

/* Left side navigation */
body.multi-page-prototype.dark-reference .page-subnav{
  background:linear-gradient(180deg,rgba(3,14,19,.985),rgba(3,12,16,.995))!important;
  border:1px solid rgba(70,219,225,.34)!important;
  box-shadow:0 18px 50px rgba(0,0,0,.36)!important;
}
body.multi-page-prototype.dark-reference .page-subnav-label{color:rgba(180,207,212,.62)!important}
body.multi-page-prototype.dark-reference .page-subnav a{
  color:rgba(207,225,229,.64)!important;
  background:transparent!important;
}
body.multi-page-prototype.dark-reference .page-subnav a::before{background:rgba(78,222,228,.35)!important}
body.multi-page-prototype.dark-reference .page-subnav a:hover,
body.multi-page-prototype.dark-reference .page-subnav a:focus-visible{
  color:#F4FEFF!important;
  background:rgba(23,196,204,.08)!important;
}
body.multi-page-prototype.dark-reference .page-subnav a.is-active,
body.multi-page-prototype.dark-reference .page-subnav a[aria-current="location"],
body.multi-page-prototype.dark-reference .page-subnav a[data-active="true"]{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(9,80,87,.94),rgba(12,165,172,.90))!important;
  border-color:rgba(93,243,248,.70)!important;
  box-shadow:inset 0 0 20px rgba(111,249,252,.07),0 0 8px rgba(70,239,244,.42),0 0 24px rgba(23,204,212,.30)!important;
}

/* Main sections / hero stage */
body.multi-page-prototype.dark-reference section.page{
  position:relative;
  isolation:isolate;
  border-bottom:1px solid rgba(14,124,128,.12)!important;
  background:transparent!important;
}
body.multi-page-prototype.dark-reference section.page:first-of-type::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:2.5%;
  top:68px;
  width:min(420px,32vw);
  aspect-ratio:1/1;
  background:url('images/darealgor-symbol-final.png') center/contain no-repeat;
  opacity:.045;
  filter:saturate(.7) brightness(.75) drop-shadow(0 0 28px rgba(23,196,204,.12));
  pointer-events:none;
}
body.multi-page-prototype.dark-reference h1{
  color:#F8FEFF!important;
  text-shadow:0 2px 20px rgba(0,0,0,.50)!important;
  padding-bottom:12px!important;
}
body.multi-page-prototype.dark-reference h1::after{
  width:min(220px,34%)!important;
  height:5px!important;
  margin-top:14px!important;
  background:linear-gradient(90deg,#19D8DF,#27E7ED)!important;
  box-shadow:0 0 7px rgba(92,244,248,.58),0 0 18px rgba(23,218,226,.32),0 0 34px rgba(23,196,204,.12)!important;
}
body.multi-page-prototype.dark-reference section.page > h2,
body.multi-page-prototype.dark-reference .price-panel > h2,
body.multi-page-prototype.dark-reference .status-overview > h2,
body.multi-page-prototype.dark-reference .analysis-process > h2,
body.multi-page-prototype.dark-reference .economic-potential > h2,
body.multi-page-prototype.dark-reference .finance-interest-prototype > h2,
body.multi-page-prototype.dark-reference .funds-control-section > h2,
body.multi-page-prototype.dark-reference .resonance-panel > h2,
body.multi-page-prototype.dark-reference .subsection > h2,
body.multi-page-prototype.dark-reference .simple-box-wide > h2,
body.multi-page-prototype.dark-reference .ds-variant-intro > h2,
body.multi-page-prototype.dark-reference .teamaufbau-panel > h2,
body.multi-page-prototype.dark-reference .social-contact-copy > h2,
body.multi-page-prototype.dark-reference .personal-card > h2,
body.multi-page-prototype.dark-reference .visual-story-intro > h2,
body.multi-page-prototype.dark-reference .finance-page-content > h2,
body.multi-page-prototype.dark-reference .price-panel > h3,
body.multi-page-prototype.dark-reference .roadmap-group-title,
body.multi-page-prototype.dark-reference .graph-anchor-title{
  color:#F4FBFC!important;
  text-shadow:none!important;
}
body.multi-page-prototype.dark-reference section.page > h2::after,
body.multi-page-prototype.dark-reference .price-panel > h2::after,
body.multi-page-prototype.dark-reference .status-overview > h2::after,
body.multi-page-prototype.dark-reference .analysis-process > h2::after,
body.multi-page-prototype.dark-reference .economic-potential > h2::after,
body.multi-page-prototype.dark-reference .finance-interest-prototype > h2::after,
body.multi-page-prototype.dark-reference .funds-control-section > h2::after,
body.multi-page-prototype.dark-reference .resonance-panel > h2::after,
body.multi-page-prototype.dark-reference .subsection > h2::after,
body.multi-page-prototype.dark-reference .simple-box-wide > h2::after,
body.multi-page-prototype.dark-reference .ds-variant-intro > h2::after,
body.multi-page-prototype.dark-reference .teamaufbau-panel > h2::after,
body.multi-page-prototype.dark-reference .social-contact-copy > h2::after,
body.multi-page-prototype.dark-reference .personal-card > h2::after,
body.multi-page-prototype.dark-reference .visual-story-intro > h2::after,
body.multi-page-prototype.dark-reference .finance-page-content > h2::after,
body.multi-page-prototype.dark-reference .price-panel > h3::after,
body.multi-page-prototype.dark-reference .roadmap-group-title::after,
body.multi-page-prototype.dark-reference .graph-anchor-title::after{
  background:linear-gradient(90deg,#159DA4,#25DDE4)!important;
  box-shadow:0 0 13px rgba(23,196,204,.16)!important;
}
body.multi-page-prototype.dark-reference .kicker,
body.multi-page-prototype.dark-reference .review-badge,
body.multi-page-prototype.dark-reference .entry-kicker{
  color:#52EEF3!important;
  background:rgba(4,37,43,.64)!important;
  border:1px solid rgba(86,240,245,.62)!important;
  box-shadow:inset 0 0 18px rgba(59,225,232,.08),0 0 7px rgba(67,237,242,.38),0 0 20px rgba(23,196,204,.18)!important;
}

/* Generic dark glass containers – information remains quiet */
body.multi-page-prototype.dark-reference .card,
body.multi-page-prototype.dark-reference .info-card,
body.multi-page-prototype.dark-reference .faq-item,
body.multi-page-prototype.dark-reference .simple-box,
body.multi-page-prototype.dark-reference .simple-box-wide,
body.multi-page-prototype.dark-reference .wide-explain,
body.multi-page-prototype.dark-reference .status-overview,
body.multi-page-prototype.dark-reference .analysis-process,
body.multi-page-prototype.dark-reference .visual-story-block,
body.multi-page-prototype.dark-reference .economic-potential,
body.multi-page-prototype.dark-reference .finance-interest-prototype,
body.multi-page-prototype.dark-reference .funds-control-section,
body.multi-page-prototype.dark-reference .resonance-panel,
body.multi-page-prototype.dark-reference .social-contact-card,
body.multi-page-prototype.dark-reference .finalized-social-contact-card,
body.multi-page-prototype.dark-reference .personal-card,
body.multi-page-prototype.dark-reference .personal-hero,
body.multi-page-prototype.dark-reference .teamaufbau-panel,
body.multi-page-prototype.dark-reference .contact-priority-box,
body.multi-page-prototype.dark-reference .revision-card,
body.multi-page-prototype.dark-reference .funds-control-card,
body.multi-page-prototype.dark-reference .economic-potential-values article,
body.multi-page-prototype.dark-reference .price-panel,
body.multi-page-prototype.dark-reference .fairness-price-anchor,
body.multi-page-prototype.dark-reference .price-teaser-card,
body.multi-page-prototype.dark-reference .risk-diagram,
body.multi-page-prototype.dark-reference .risk-step,
body.multi-page-prototype.dark-reference .signal-table-wrap,
body.multi-page-prototype.dark-reference .graph,
body.multi-page-prototype.dark-reference .family-graphic,
body.multi-page-prototype.dark-reference .start-quick-overview-item,
body.multi-page-prototype.dark-reference .start-quick-overview-item-highlight,
body.multi-page-prototype.dark-reference .finance-interest-contact-card,
body.multi-page-prototype.dark-reference .finalized-survey-link,
body.multi-page-prototype.dark-reference .finalized-company-role-callout,
body.multi-page-prototype.dark-reference .finalized-contact-finance-note,
body.multi-page-prototype.dark-reference [class*="-card-"],
body.multi-page-prototype.dark-reference [class*="-panel-"],
body.multi-page-prototype.dark-reference [class*="-box-"]{
  color:var(--dark-text)!important;
  background:linear-gradient(145deg,rgba(5,22,28,.94),rgba(2,10,14,.975) 70%)!important;
  border-color:rgba(55,194,201,.28)!important;
  border-top-color:rgba(82,224,230,.40)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.36),inset 0 1px 0 rgba(218,255,255,.025)!important;
}
/* Hero-like lead areas receive stronger local light */
body.multi-page-prototype.dark-reference .personal-hero,
body.multi-page-prototype.dark-reference .status-overview,
body.multi-page-prototype.dark-reference .analysis-process,
body.multi-page-prototype.dark-reference .economic-potential,
body.multi-page-prototype.dark-reference .finance-interest-prototype,
body.multi-page-prototype.dark-reference .visual-story-block{
  background:
    radial-gradient(ellipse 690px 360px at 82% 5%,rgba(28,215,223,.15),transparent 63%),
    radial-gradient(ellipse 520px 330px at 5% 96%,rgba(11,112,121,.055),transparent 72%),
    linear-gradient(145deg,rgba(4,18,24,.86),rgba(1,7,10,.58) 67%,rgba(4,20,26,.62))!important;
  border-color:rgba(74,232,238,.36)!important;
  box-shadow:inset 0 1px 0 rgba(211,255,255,.045),0 0 8px rgba(71,234,240,.12),0 0 28px rgba(32,217,224,.10),0 0 72px rgba(23,196,204,.050)!important;
}

/* Narrow notices */
body.multi-page-prototype.dark-reference .notice,
body.multi-page-prototype.dark-reference .survey-hint,
body.multi-page-prototype.dark-reference .price-note,
body.multi-page-prototype.dark-reference .finalized-note-plain,
body.multi-page-prototype.dark-reference .finance-interest-rule,
body.multi-page-prototype.dark-reference .finance-interest-separation,
body.multi-page-prototype.dark-reference .roadmap-status,
body.multi-page-prototype.dark-reference .finance-return-note,
body.multi-page-prototype.dark-reference .return-logic-detail,
body.multi-page-prototype.dark-reference .t0-explainer,
body.multi-page-prototype.dark-reference .origin-privacy-notice,
body.multi-page-prototype.dark-reference .pilot-info-card,
body.multi-page-prototype.dark-reference .pilot-pending-note{
  color:var(--dark-text)!important;
  background:linear-gradient(135deg,rgba(4,22,28,.94),rgba(3,13,18,.98))!important;
  border-color:rgba(58,207,214,.24)!important;
  border-left-color:#159DA4!important;
  box-shadow:0 10px 28px rgba(0,0,0,.26)!important;
}
body.multi-page-prototype.dark-reference .notice *,
body.multi-page-prototype.dark-reference .survey-hint *,
body.multi-page-prototype.dark-reference .price-note *,
body.multi-page-prototype.dark-reference .finalized-note-plain *,
body.multi-page-prototype.dark-reference .finance-interest-rule *,
body.multi-page-prototype.dark-reference .finance-interest-separation *,
body.multi-page-prototype.dark-reference .roadmap-status *,
body.multi-page-prototype.dark-reference .finance-return-note *,
body.multi-page-prototype.dark-reference .return-logic-detail *,
body.multi-page-prototype.dark-reference .t0-explainer *,
body.multi-page-prototype.dark-reference .origin-privacy-notice *{color:inherit!important}

/* Buttons – selective shining */
body.multi-page-prototype.dark-reference .btn,
body.multi-page-prototype.dark-reference button.btn,
body.multi-page-prototype.dark-reference .submit,
body.multi-page-prototype.dark-reference .video-btn,
body.multi-page-prototype.dark-reference .audio-btn,
body.multi-page-prototype.dark-reference .listen-btn,
body.multi-page-prototype.dark-reference .read-btn,
body.multi-page-prototype.dark-reference .jump-btn{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(9,92,99,.98),rgba(13,185,193,.94))!important;
  border:1px solid rgba(104,239,244,.56)!important;
  box-shadow:0 9px 24px rgba(0,0,0,.35),0 0 10px rgba(69,239,244,.26),0 0 24px rgba(23,196,204,.20)!important;
}
body.multi-page-prototype.dark-reference .btn:hover,
body.multi-page-prototype.dark-reference button.btn:hover,
body.multi-page-prototype.dark-reference .submit:hover,
body.multi-page-prototype.dark-reference .video-btn:hover,
body.multi-page-prototype.dark-reference .audio-btn:hover,
body.multi-page-prototype.dark-reference .listen-btn:hover,
body.multi-page-prototype.dark-reference .read-btn:hover,
body.multi-page-prototype.dark-reference .jump-btn:hover,
body.multi-page-prototype.dark-reference .btn:focus-visible,
body.multi-page-prototype.dark-reference button.btn:focus-visible{
  color:#fff!important;
  filter:none!important;
  box-shadow:0 11px 30px rgba(0,0,0,.40),0 0 14px rgba(87,248,251,.38),0 0 34px rgba(23,214,222,.36),0 0 54px rgba(23,196,204,.15)!important;
  outline:2px solid rgba(99,246,250,.60)!important;
  outline-offset:2px!important;
}
body.multi-page-prototype.dark-reference .btn *,
body.multi-page-prototype.dark-reference button.btn *,
body.multi-page-prototype.dark-reference .submit *{color:#fff!important}

/* Media / audio / read areas */
body.multi-page-prototype.dark-reference .media-module,
body.multi-page-prototype.dark-reference .main-dialog-bar-120,
body.multi-page-prototype.dark-reference .audio-placeholder,
body.multi-page-prototype.dark-reference .read-placeholder,
body.multi-page-prototype.dark-reference .inline-read-content,
body.multi-page-prototype.dark-reference .dialog-read-inline,
body.multi-page-prototype.dark-reference .theo-read-inline{
  color:var(--dark-text)!important;
  background:linear-gradient(180deg,rgba(4,18,24,.96),rgba(2,9,13,.98))!important;
  border-color:rgba(57,199,206,.27)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference .read-placeholder p,
body.multi-page-prototype.dark-reference .inline-read-content p,
body.multi-page-prototype.dark-reference .theo-read-inline p{color:var(--dark-text)!important}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn{
  border-color:rgba(73,190,196,.18)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  background:#376D61!important;color:#F5FFFF!important;
}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.charlie .dialog-text{
  background:rgba(38,83,72,.22)!important;color:#D7EAE7!important;
}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  background:#8C6C20!important;color:#FFF8E7!important;
}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.ela .dialog-text{
  background:rgba(132,97,18,.18)!important;color:#F3E9CE!important;
}
body.multi-page-prototype.dark-reference .darealgor-audio-player{
  background:linear-gradient(180deg,rgba(4,18,24,.98),rgba(2,9,13,.98))!important;
  border-color:rgba(58,207,214,.28)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference .darealgor-audio-playpause{
  background:linear-gradient(135deg,#063D45,#0DB1B9)!important;
  box-shadow:0 0 10px rgba(69,239,244,.24),0 7px 18px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference .darealgor-audio-progress::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#19D8DF 0 var(--audio-progress),rgba(163,207,211,.18) var(--audio-progress) 100%)!important;
}
body.multi-page-prototype.dark-reference .darealgor-audio-progress::-webkit-slider-thumb{
  border-color:#031017!important;background:#52EEF3!important;box-shadow:0 0 8px rgba(82,238,243,.35)!important;
}
body.multi-page-prototype.dark-reference .darealgor-audio-times{color:#8FA7AE!important}

/* Tables */
body.multi-page-prototype.dark-reference table,
body.multi-page-prototype.dark-reference .price-table,
body.multi-page-prototype.dark-reference .signal-table,
body.multi-page-prototype.dark-reference .review-table,
body.multi-page-prototype.dark-reference .revision-table,
body.multi-page-prototype.dark-reference .ds-compact-table{
  color:var(--dark-text)!important;
  background:rgba(2,10,14,.88)!important;
  border-color:rgba(58,207,214,.22)!important;
}
body.multi-page-prototype.dark-reference .price-table th,
body.multi-page-prototype.dark-reference .signal-table th,
body.multi-page-prototype.dark-reference .ds-compact-table th,
body.multi-page-prototype.dark-reference .review-table th,
body.multi-page-prototype.dark-reference .revision-table th{
  color:#F6FFFF!important;
  background:linear-gradient(90deg,rgba(7,69,76,.98),rgba(10,135,143,.94))!important;
  border-color:rgba(92,226,232,.18)!important;
}
body.multi-page-prototype.dark-reference .price-table td,
body.multi-page-prototype.dark-reference .signal-table td,
body.multi-page-prototype.dark-reference .ds-compact-table td,
body.multi-page-prototype.dark-reference .review-table td,
body.multi-page-prototype.dark-reference .revision-table td{
  color:var(--dark-text)!important;
  background:rgba(4,18,24,.72)!important;
  border-color:rgba(66,170,177,.18)!important;
}
body.multi-page-prototype.dark-reference .price-table tr:nth-child(even) td,
body.multi-page-prototype.dark-reference .signal-table .empty-row td{background:rgba(5,24,30,.78)!important}

/* Forms */
body.multi-page-prototype.dark-reference input,
body.multi-page-prototype.dark-reference select,
body.multi-page-prototype.dark-reference textarea{
  color:#E6F2F4!important;
  background:linear-gradient(180deg,rgba(5,20,25,.98),rgba(2,11,15,.98))!important;
  border-color:rgba(80,196,202,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
body.multi-page-prototype.dark-reference input::placeholder,
body.multi-page-prototype.dark-reference textarea::placeholder{color:rgba(177,202,207,.48)!important}
body.multi-page-prototype.dark-reference input:focus,
body.multi-page-prototype.dark-reference select:focus,
body.multi-page-prototype.dark-reference textarea:focus{
  outline:2px solid rgba(82,238,243,.38)!important;
  border-color:rgba(82,238,243,.60)!important;
  box-shadow:0 0 16px rgba(23,196,204,.12)!important;
}
body.multi-page-prototype.dark-reference option{background:#031017!important;color:#E6F2F4!important}
body.multi-page-prototype.dark-reference .choice,
body.multi-page-prototype.dark-reference .field,
body.multi-page-prototype.dark-reference .contact-consent,
body.multi-page-prototype.dark-reference .agriculture-option,
body.multi-page-prototype.dark-reference .agriculture-contact-fields,
body.multi-page-prototype.dark-reference .agriculture-participation{
  color:var(--dark-text)!important;
  background:rgba(4,18,24,.78)!important;
  border-color:rgba(58,207,214,.22)!important;
}
body.multi-page-prototype.dark-reference .choice:hover{background:rgba(13,89,96,.25)!important;border-color:rgba(82,238,243,.38)!important}

/* Proof / Level 3: dark neutral, no global gold in Standard 01 */
body.multi-page-prototype.dark-reference .ds-proof-box,
body.multi-page-prototype.dark-reference .ds-facts-block,
body.multi-page-prototype.dark-reference .ds-variant-block,
body.multi-page-prototype.dark-reference .ds-proof-card,
body.multi-page-prototype.dark-reference .ds-proof-note,
body.multi-page-prototype.dark-reference .agriculture-reading-rule{
  color:var(--dark-text)!important;
  background:linear-gradient(145deg,rgba(4,18,24,.96),rgba(2,10,14,.98))!important;
  border-color:rgba(58,207,214,.24)!important;
  border-left-color:#0E7C80!important;
  box-shadow:0 14px 38px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference .ds-proof-kicker{color:#52EEF3!important}

/* Demonstrators / details */
body.multi-page-prototype.dark-reference details,
body.multi-page-prototype.dark-reference .demo-family-113,
body.multi-page-prototype.dark-reference .demo-variant-panel-113,
body.multi-page-prototype.dark-reference .demo-explanation-113,
body.multi-page-prototype.dark-reference .demo-metric-113{
  color:var(--dark-text)!important;
  background:linear-gradient(145deg,rgba(5,22,28,.92),rgba(2,10,14,.97))!important;
  border-color:rgba(58,207,214,.22)!important;
}
body.multi-page-prototype.dark-reference summary{color:#EAF9FA!important}
body.multi-page-prototype.dark-reference summary:hover{background:rgba(23,196,204,.06)!important}

/* Graphic containers: keep source artwork unchanged, embed it cleanly */
body.multi-page-prototype.dark-reference .graph,
body.multi-page-prototype.dark-reference .family-graphic,
body.multi-page-prototype.dark-reference figure{
  background:linear-gradient(145deg,rgba(4,18,24,.96),rgba(2,10,14,.98))!important;
  border-color:rgba(58,207,214,.24)!important;
}
body.multi-page-prototype.dark-reference .graph img,
body.multi-page-prototype.dark-reference .family-graphic img,
body.multi-page-prototype.dark-reference figure img{
  box-shadow:0 16px 38px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference figcaption{color:var(--dark-muted)!important}

/* Footer */
body.multi-page-prototype.dark-reference .footer{
  color:rgba(183,207,212,.60)!important;
  border-top:1px solid rgba(58,207,214,.16)!important;
}
body.multi-page-prototype.dark-reference .footer a{color:#3FD6DD!important}

/* Prevent legacy light breakpoint fallbacks */
@media(max-width:1200px){
  body.multi-page-prototype.dark-reference .header,
  body.multi-page-prototype.dark-reference .nav,
  body.multi-page-prototype.dark-reference .dropdown,
  body.multi-page-prototype.dark-reference .page-subnav,
  body.multi-page-prototype.dark-reference .menu-toggle{
    color-scheme:dark!important;
  }
}
@media(max-width:760px){
  body.multi-page-prototype.dark-reference{
    background:
      radial-gradient(ellipse 620px 420px at 85% 4%,rgba(24,196,205,.075),transparent 70%),
      linear-gradient(180deg,#010609 0%,#031017 52%,#02090D 100%)!important;
  }
  body.multi-page-prototype.dark-reference section.page:first-of-type::after{opacity:.025;width:56vw;right:-8vw;top:92px}
  body.multi-page-prototype.dark-reference .nav{background:linear-gradient(180deg,rgba(3,14,19,.995),rgba(2,9,13,.995))!important}
  body.multi-page-prototype.dark-reference .page-subnav{background:linear-gradient(180deg,rgba(3,14,19,.99),rgba(2,10,14,.995))!important}
  body.multi-page-prototype.dark-reference h1::after{height:4px!important;box-shadow:0 0 10px rgba(23,218,226,.22)!important}
  body.multi-page-prototype.dark-reference .btn,
  body.multi-page-prototype.dark-reference button.btn,
  body.multi-page-prototype.dark-reference .submit,
  body.multi-page-prototype.dark-reference .video-btn,
  body.multi-page-prototype.dark-reference .audio-btn,
  body.multi-page-prototype.dark-reference .listen-btn,
  body.multi-page-prototype.dark-reference .read-btn,
  body.multi-page-prototype.dark-reference .jump-btn{
    box-shadow:0 8px 20px rgba(0,0,0,.38),0 0 12px rgba(23,196,204,.14)!important;
  }
}

/* K210 Dark normalization – legacy light components that use dedicated selectors */
body.multi-page-prototype.dark-reference .prototype-band,
body.multi-page-prototype.dark-reference .simple-end,
body.multi-page-prototype.dark-reference .start-use-card,
body.multi-page-prototype.dark-reference .ds-facts-signal{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(5,55,62,.98),rgba(10,140,148,.88))!important;
  border-color:rgba(82,238,243,.40)!important;
}
body.multi-page-prototype.dark-reference .prototype-band *,
body.multi-page-prototype.dark-reference .simple-end *,
body.multi-page-prototype.dark-reference .start-use-card *,
body.multi-page-prototype.dark-reference .ds-facts-signal *{color:#F8FEFF!important}

body.multi-page-prototype.dark-reference .status-main,
body.multi-page-prototype.dark-reference .status-metric,
body.multi-page-prototype.dark-reference .evaluation-box,
body.multi-page-prototype.dark-reference .status-note,
body.multi-page-prototype.dark-reference .traffic div,
body.multi-page-prototype.dark-reference .block,
body.multi-page-prototype.dark-reference .stage-guide,
body.multi-page-prototype.dark-reference .level-card,
body.multi-page-prototype.dark-reference .basis-block,
body.multi-page-prototype.dark-reference .basis-details,
body.multi-page-prototype.dark-reference .basis-note,
body.multi-page-prototype.dark-reference .use-case-board,
body.multi-page-prototype.dark-reference .use-row,
body.multi-page-prototype.dark-reference .scorebox,
body.multi-page-prototype.dark-reference .resonance-card,
body.multi-page-prototype.dark-reference .visual-story-intro,
body.multi-page-prototype.dark-reference .visual-story-block,
body.multi-page-prototype.dark-reference .ki-example,
body.multi-page-prototype.dark-reference .ki-example-card,
body.multi-page-prototype.dark-reference .ki-equation,
body.multi-page-prototype.dark-reference .ki-rule-box,
body.multi-page-prototype.dark-reference .ki-loan-link > div,
body.multi-page-prototype.dark-reference .review-legend,
body.multi-page-prototype.dark-reference .review-card,
body.multi-page-prototype.dark-reference .review-phase,
body.multi-page-prototype.dark-reference .revision-step,
body.multi-page-prototype.dark-reference .finanzierung-grafik-wrap,
body.multi-page-prototype.dark-reference .roadmap-pre,
body.multi-page-prototype.dark-reference .roadmap-card,
body.multi-page-prototype.dark-reference .company-role-callout,
body.multi-page-prototype.dark-reference .hp21-card,
body.multi-page-prototype.dark-reference .return-logic-card,
body.multi-page-prototype.dark-reference .analysis-steps-99 > div,
body.multi-page-prototype.dark-reference .agriculture-proof-99,
body.multi-page-prototype.dark-reference .proof-document-link-99,
body.multi-page-prototype.dark-reference .trust-crosslinks-99,
body.multi-page-prototype.dark-reference .cross-reference-links-99 a,
body.multi-page-prototype.dark-reference .demo-source-note-99,
body.multi-page-prototype.dark-reference .demo-main-99,
body.multi-page-prototype.dark-reference .demo-review-fields-99 > div,
body.multi-page-prototype.dark-reference .demo-family-99,
body.multi-page-prototype.dark-reference .demo-family-99 summary,
body.multi-page-prototype.dark-reference .demo-variant-99,
body.multi-page-prototype.dark-reference .demo-insight-113,
body.multi-page-prototype.dark-reference .demo-variant-head-113{
  color:var(--dark-text)!important;
  background:linear-gradient(145deg,rgba(5,22,28,.94),rgba(2,10,14,.975) 70%)!important;
  border-color:rgba(58,207,214,.24)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference .review-legend,
body.multi-page-prototype.dark-reference .review-note,
body.multi-page-prototype.dark-reference .review-new .review-card,
body.multi-page-prototype.dark-reference .review-changed .review-card,
body.multi-page-prototype.dark-reference .review-card.review-new,
body.multi-page-prototype.dark-reference .review-card.review-changed,
body.multi-page-prototype.dark-reference .review-new .review-phase,
body.multi-page-prototype.dark-reference .review-changed .review-phase{
  border-color:rgba(181,77,91,.48)!important;
  background:linear-gradient(145deg,rgba(31,12,17,.92),rgba(12,8,11,.98))!important;
}
body.multi-page-prototype.dark-reference .review-legend,
body.multi-page-prototype.dark-reference .review-legend *,
body.multi-page-prototype.dark-reference .review-note,
body.multi-page-prototype.dark-reference .review-note *{color:#F1B9C1!important}
body.multi-page-prototype.dark-reference .result span{
  background:#06151A!important;
  color:#52EEF3!important;
  border:1px solid rgba(82,238,243,.30)!important;
}

/* Explicitly neutralize legacy light Level-3 child blocks */
body.multi-page-prototype.dark-reference .ds-facts-head,
body.multi-page-prototype.dark-reference .ds-fact-line,
body.multi-page-prototype.dark-reference .ds-variant-intro,
body.multi-page-prototype.dark-reference .ds-variant-note{
  color:var(--dark-text)!important;
  background:rgba(4,18,24,.88)!important;
  border-color:rgba(58,207,214,.20)!important;
}
body.multi-page-prototype.dark-reference .ds-facts-block .kicker,
body.multi-page-prototype.dark-reference .ds-variant-block .kicker{
  color:#52EEF3!important;
  background:rgba(4,37,43,.64)!important;
  border-color:rgba(86,240,245,.44)!important;
}

/* All common card-like custom components: dark fallback without adding glow */
body.multi-page-prototype.dark-reference [class*="card"]:not(.start-use-card):not(.result):not(.dialog-card),
body.multi-page-prototype.dark-reference [class*="panel"]:not(.media-panel),
body.multi-page-prototype.dark-reference [class*="box"]:not(.scorebox),
body.multi-page-prototype.dark-reference [class*="callout"]{
  --local-dark-card:linear-gradient(145deg,rgba(5,22,28,.92),rgba(2,10,14,.97) 72%);
}

/* Text and icons that legacy rules hard-code dark colors */
body.multi-page-prototype.dark-reference .start-quick-overview-item strong,
body.multi-page-prototype.dark-reference .start-quick-overview-item span,
body.multi-page-prototype.dark-reference .start-quick-overview-item-list,
body.multi-page-prototype.dark-reference .start-quick-overview-item-list strong,
body.multi-page-prototype.dark-reference .wide-explain strong,
body.multi-page-prototype.dark-reference .wide-explain span,
body.multi-page-prototype.dark-reference .family-graphic figcaption,
body.multi-page-prototype.dark-reference .info-card p,
body.multi-page-prototype.dark-reference .price-panel p,
body.multi-page-prototype.dark-reference .fairness-price-anchor p,
body.multi-page-prototype.dark-reference .price-teaser-card span,
body.multi-page-prototype.dark-reference .fairness-price-note,
body.multi-page-prototype.dark-reference .status-main p,
body.multi-page-prototype.dark-reference .status-metric p,
body.multi-page-prototype.dark-reference .basis-content,
body.multi-page-prototype.dark-reference .use-row,
body.multi-page-prototype.dark-reference .scorebox,
body.multi-page-prototype.dark-reference .resonance-card,
body.multi-page-prototype.dark-reference .ki-example-card p,
body.multi-page-prototype.dark-reference .demo-family-description-113{
  color:var(--dark-text)!important;
}
body.multi-page-prototype.dark-reference .start-quick-overview-item-icon{
  background:#06151A!important;
  color:#52EEF3!important;
  border-color:rgba(82,238,243,.28)!important;
}

/* Keep only functional semantic colors; never bright full-card fills */
body.multi-page-prototype.dark-reference .result.success,
body.multi-page-prototype.dark-reference .status-ok,
body.multi-page-prototype.dark-reference .status-positive{
  background:linear-gradient(145deg,rgba(5,35,26,.92),rgba(2,14,11,.98))!important;
}
body.multi-page-prototype.dark-reference .status-warning,
body.multi-page-prototype.dark-reference .status-open{
  background:linear-gradient(145deg,rgba(35,28,7,.92),rgba(13,11,4,.98))!important;
}
body.multi-page-prototype.dark-reference .status-critical,
body.multi-page-prototype.dark-reference .status-risk{
  background:linear-gradient(145deg,rgba(38,12,16,.92),rgba(14,7,9,.98))!important;
}



/* ======================================================================
   FINANZIERUNG – DARK REFERENZSEITE 01
   Nur auf finanzierung.html aktiv. Keine globale Homepage-Änderung.
   Ziel: alle Designkriterien an einer Seite sichtbar und abstimmbar.
   ====================================================================== */
body.multi-page-prototype.dark-reference{
  --finance-green:#48D48A;
  --finance-amber:#F2B84B;
  --finance-red:#F06A78;
  --finance-cyan:#52EEF3;
}

/* Die Projektfinanzierung bleibt funktional und signalorientiert, nicht neonlastig. */
body.multi-page-prototype.dark-reference #kosten{
  padding-top:46px!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-page-content{
  position:relative;
  overflow:hidden;
  padding:28px 30px 30px;
  border:1px solid rgba(74,232,238,.36);
  border-radius:28px;
  background:
    radial-gradient(ellipse 720px 330px at 90% 0%,rgba(28,215,223,.14),transparent 64%),
    radial-gradient(ellipse 480px 300px at 0% 100%,rgba(11,112,121,.055),transparent 74%),
    linear-gradient(145deg,rgba(4,18,24,.88),rgba(1,7,10,.64) 68%,rgba(4,20,26,.56));
  box-shadow:inset 0 1px 0 rgba(211,255,255,.045),0 0 8px rgba(71,234,240,.11),0 0 28px rgba(32,217,224,.085),0 24px 70px rgba(0,0,0,.34);
}
body.multi-page-prototype.dark-reference #kosten .finance-page-content::after{
  content:"";
  position:absolute;
  right:2.5%; top:32px;
  width:min(360px,28vw); aspect-ratio:1/1;
  background:url('images/darealgor-symbol-final.png') center/contain no-repeat;
  opacity:.035;
  filter:saturate(.75) brightness(.8) drop-shadow(0 0 22px rgba(23,196,204,.10));
  pointer-events:none;
}
body.multi-page-prototype.dark-reference #kosten .finance-page-content > *{position:relative;z-index:1}
body.multi-page-prototype.dark-reference #kosten .finance-page-content > p{
  color:#C9D8DC!important;
  max-width:1180px;
}
body.multi-page-prototype.dark-reference #kosten .finance-page-content > h1{
  color:#F8FEFF!important;
}
body.multi-page-prototype.dark-reference #kosten .planning-note{
  color:#AFC4C9!important;
  border-left-color:rgba(82,238,243,.32)!important;
}

/* Dialogbereich – ruhig eingebettet */
body.multi-page-prototype.dark-reference #kosten .main-dialog-bar-120{
  margin-top:20px;
  border:1px solid rgba(55,194,201,.28)!important;
  border-left:5px solid #0E7C80!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(4,18,24,.94),rgba(2,9,13,.98))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
}

/* Hauptgrafik: bewusst als eigenes Objekt eingebettet; Bild selbst noch nicht invertiert. */
body.multi-page-prototype.dark-reference #kosten .finanzierung-grafik-wrap{
  margin:28px 0 30px;
  padding:12px;
  border:1px solid rgba(74,232,238,.28)!important;
  border-radius:22px!important;
  background:
    radial-gradient(ellipse 620px 240px at 50% 0%,rgba(23,196,204,.08),transparent 72%),
    linear-gradient(145deg,rgba(5,22,28,.92),rgba(2,10,14,.98))!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference #kosten .finanzierung-grafik-wrap img{
  display:block;
  width:100%;
  border-radius:14px;
  box-shadow:0 16px 34px rgba(0,0,0,.34)!important;
}

/* Eckwerte: neutrale technische Karten */
body.multi-page-prototype.dark-reference #kosten .revision-card{
  color:#C9D8DC!important;
  background:linear-gradient(145deg,rgba(5,22,28,.94),rgba(2,10,14,.98))!important;
  border:1px solid rgba(55,194,201,.26)!important;
  border-top:4px solid rgba(82,224,230,.58)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.27)!important;
}
body.multi-page-prototype.dark-reference #kosten .revision-card strong{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #kosten .revision-card span{color:#AFC4C9!important}

/* Wirtschaftliche Tragfähigkeit: neutraler DAREALGOR-Türkisrahmen.
   Keine großflächige Grüncodierung; Funktionalfarbe höchstens später als Mini-Indikator. */
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean{
  color:#C9D8DC!important;
  background:
    radial-gradient(ellipse 600px 250px at 90% 0%,rgba(23,196,204,.075),transparent 70%),
    linear-gradient(145deg,rgba(5,22,28,.96),rgba(2,10,14,.985))!important;
  border:1px solid rgba(58,207,214,.28)!important;
  border-left:5px solid #159DA4!important;
  box-shadow:0 18px 42px rgba(0,0,0,.30),0 0 28px rgba(23,196,204,.055)!important;
}
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean h2,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean strong{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean p,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean span{color:#C9D8DC!important}
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values article{
  background:linear-gradient(145deg,rgba(5,22,28,.90),rgba(2,10,14,.98))!important;
  border:1px solid rgba(58,207,214,.22)!important;
  border-top:3px solid rgba(82,224,230,.48)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values strong{
  color:#F4FBFC!important;
}

/* Rückflusslogik: normale Lesefarbe bleibt dominant.
   Amber kennzeichnet nur den vorsichtigen Hinweischarakter über Rahmen/Überschrift. */
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean{
  color:#C9D8DC!important;
  background:
    radial-gradient(ellipse 740px 300px at 18% 12%,rgba(52,234,242,.22),transparent 56%),
    radial-gradient(ellipse 620px 260px at 84% 10%,rgba(24,164,176,.18),transparent 64%),
    radial-gradient(ellipse 760px 320px at 50% 100%,rgba(19,118,132,.14),transparent 72%),
    linear-gradient(145deg,rgba(4,18,23,.96),rgba(2,10,14,.988) 62%)!important;
  border:1px solid rgba(82,238,243,.52)!important;
  border-left:4px solid rgba(82,238,243,.92)!important;
  box-shadow:
    0 0 0 1px rgba(82,238,243,.12),
    0 0 22px rgba(82,238,243,.36),
    0 0 58px rgba(82,238,243,.24),
    inset 0 0 34px rgba(82,238,243,.08),
    inset 0 0 120px rgba(24,164,176,.07),
    0 18px 46px rgba(0,0,0,.32)!important;
}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:26px;
  background:
    radial-gradient(ellipse 420px 170px at 18% 16%,rgba(126,247,252,.16),transparent 60%),
    radial-gradient(ellipse 560px 190px at 82% 88%,rgba(46,215,223,.10),transparent 64%);
  opacity:.95;
}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean > *{
  position:relative;
  z-index:1;
}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean h2,
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean h3{
  color:#F4FBFC!important;
  text-shadow:0 0 12px rgba(82,238,243,.56),0 0 28px rgba(82,238,243,.30);
}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean strong{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean p,
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean span{color:#D2E0E4!important}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean .return-logic-card{
  background:
    radial-gradient(ellipse 280px 120px at 18% 12%,rgba(60,228,235,.09),transparent 58%),
    linear-gradient(145deg,rgba(5,20,24,.90),rgba(2,10,14,.98))!important;
  border:1px solid rgba(82,238,243,.26)!important;
  border-top:3px solid rgba(82,238,243,.72)!important;
  box-shadow:0 0 18px rgba(82,238,243,.12), inset 0 0 22px rgba(82,238,243,.03)!important;
}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean .return-logic-card p,
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean .return-logic-card span{color:#D2E0E4!important}
body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean .return-logic-card strong{color:#F4FBFC!important}

/* Übergang zum Finanzierungsinteresse */
body.multi-page-prototype.dark-reference #kosten .funds-control-pointer-clean,
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean{
  color:#C9D8DC!important;
  background:linear-gradient(145deg,rgba(5,22,28,.95),rgba(2,10,14,.985))!important;
  border:1px solid rgba(58,207,214,.24)!important;
  border-left:5px solid #159DA4!important;
  box-shadow:0 15px 36px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference #kosten .funds-control-pointer-clean strong,
body.multi-page-prototype.dark-reference #kosten .funds-control-pointer-clean a,
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean .finance-interest-copy strong{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #kosten .funds-control-pointer-clean span,
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean .finance-interest-copy span,
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean .finance-interest-status{color:#AFC4C9!important}
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean .finance-interest-status{
  background:rgba(4,18,24,.88)!important;
  border-color:rgba(58,207,214,.20)!important;
}

/* Formular: dunkle Arbeitsfläche, klare Gruppen, keine Light-Reste. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean *{color:#C9D8DC!important}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean{
  background:
    radial-gradient(ellipse 700px 300px at 90% 0%,rgba(23,196,204,.075),transparent 70%),
    linear-gradient(145deg,rgba(4,18,24,.95),rgba(2,9,13,.99))!important;
  border:1px solid rgba(74,232,238,.30)!important;
  border-left:5px solid #159DA4!important;
  box-shadow:0 20px 50px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean h2,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean h3,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean strong,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean label,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .block-header,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .block-header *{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .block,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice{
  color:#C9D8DC!important;
  background:linear-gradient(145deg,rgba(5,22,28,.90),rgba(2,10,14,.98))!important;
  border:1px solid rgba(58,207,214,.22)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:hover{
  background:rgba(13,89,96,.24)!important;
  border-color:rgba(82,238,243,.38)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .num{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,#075D65,#0FA7AE)!important;
  border:1px solid rgba(82,238,243,.36)!important;
  box-shadow:0 0 12px rgba(23,196,204,.12)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-rule,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-separation{
  color:#C9D8DC!important;
  background:linear-gradient(135deg,rgba(4,22,28,.94),rgba(3,13,18,.98))!important;
  border:1px solid rgba(58,207,214,.20)!important;
  border-left:4px solid rgba(82,238,243,.42)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-return-note{
  background:linear-gradient(145deg,rgba(20,22,10,.72),rgba(3,12,14,.98))!important;
  border:1px solid rgba(242,184,75,.22)!important;
  border-left:4px solid rgba(242,184,75,.66)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-return-note strong{color:#F7E7BE!important}

/* Mittelsteuerung – neutral/technisch. */
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean{
  color:#C9D8DC!important;
  background:
    radial-gradient(ellipse 620px 230px at 85% 0%,rgba(23,196,204,.065),transparent 72%),
    linear-gradient(145deg,rgba(5,22,28,.95),rgba(2,10,14,.985))!important;
  border:1px solid rgba(58,207,214,.26)!important;
  border-left:5px solid #0E7C80!important;
  box-shadow:0 18px 44px rgba(0,0,0,.31)!important;
}
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean h2,
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean h3,
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean strong,
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean a{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean p,
body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean li{color:#C9D8DC!important}
body.multi-page-prototype.dark-reference #rueckfluss .funds-control-card{
  background:linear-gradient(145deg,rgba(5,22,28,.92),rgba(2,10,14,.985))!important;
  border:1px solid rgba(58,207,214,.22)!important;
  border-top:3px solid rgba(82,224,230,.48)!important;
  box-shadow:none!important;
}

/* Level 3: neutral, seriös, bewusst weniger Shining. */
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf.ds-proof-box{
  max-width:none!important;
  color:#C9D8DC!important;
  background:linear-gradient(145deg,rgba(4,18,24,.96),rgba(2,10,14,.99))!important;
  border:1px solid rgba(58,207,214,.22)!important;
  border-left:5px solid #0E7C80!important;
  box-shadow:0 16px 42px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card{
  background:linear-gradient(145deg,rgba(5,22,28,.90),rgba(2,10,14,.985))!important;
  border:1px solid rgba(58,207,214,.20)!important;
  border-top:2px solid rgba(82,224,230,.32)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card strong{color:#F4FBFC!important}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card span{color:#AFC4C9!important}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a{color:#4FE3E9!important}

/* Footer inline style in K209 must not force bright-light-era colors. */
body.multi-page-prototype.dark-reference .footer a{color:#3FD6DD!important}
body.multi-page-prototype.dark-reference .footer span{color:#617C82!important}

/* Mobile: Glow one step down, content first. */
@media(max-width:760px){
  body.multi-page-prototype.dark-reference #kosten .finance-page-content{padding:22px 18px;border-radius:22px}
  body.multi-page-prototype.dark-reference #kosten .finance-page-content::after{opacity:.018;width:62vw;right:-12vw;top:110px}
  body.multi-page-prototype.dark-reference #kosten .finanzierung-grafik-wrap{padding:7px;border-radius:16px}
  body.multi-page-prototype.dark-reference #kosten .economic-potential-clean,
  body.multi-page-prototype.dark-reference #kosten .return-logic-detail-clean,
  body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean,
  body.multi-page-prototype.dark-reference #rueckfluss.funds-control-section-clean{box-shadow:0 12px 30px rgba(0,0,0,.30)!important}
}

/* Punkt 2 – Lesbarkeitstest v14:
   feste Sprecher-Spalte, größere/hellere Textspalte, begrenzte Zeilenlänge */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline{
  padding:18px 20px 20px!important;
  max-width:1120px!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  display:grid!important;
  grid-template-columns:96px minmax(0,1fr)!important;
  column-gap:16px!important;
  align-items:start!important;
  margin:0 0 12px!important;
  border-radius:12px!important;
  padding:14px 16px!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-speaker{
  float:none!important;
  grid-column:1!important;
  grid-row:1!important;
  align-self:start!important;
  justify-self:start!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:6px 10px 5px!important;
  border-radius:8px!important;
  line-height:1.15!important;
  font-size:1.02rem!important;
  white-space:nowrap!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-text,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-text,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-text{
  grid-column:2!important;
  grid-row:1!important;
  align-self:start!important;
  color:#EDF5F7!important;
  padding:0!important;
  margin:0!important;
  line-height:1.72!important;
  font-size:1.10rem!important;
  max-width:42em!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
@media(max-width:900px){
  body.multi-page-prototype.dark-reference #kosten .dialog-read-inline{
    padding:16px 16px 18px!important;
    max-width:none!important;
  }
  body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
    grid-template-columns:86px minmax(0,1fr)!important;
    column-gap:12px!important;
    padding:12px 14px!important;
  }
  body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-text,
  body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-text,
  body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-text{
    font-size:1.04rem!important;
    line-height:1.66!important;
    max-width:none!important;
  }
}


/* Punkt 2 – Feinkorrektur v15:
   nur die Namen farbig, kein farbiger Hintergrund */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-speaker{
  background:transparent!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  background:transparent!important;
  color:#D9BD70!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  background:transparent!important;
  color:#8CCFC1!important;
}


/* Punkt 2 – Feinkorrektur v16:
   wirklich nur farbige Namen, ohne weiße Schrift / ohne Badge-Hintergrund */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn .dialog-speaker,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  background:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  padding:0!important;
  border:none!important;
  opacity:1!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  color:#D9BD70!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  color:#8CCFC1!important;
}


/* Punkt 2 – Feinschliff v18:
   Namen kräftiger, Einzelbeiträge mit sehr dezenter Kontur */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  border:1px solid rgba(58,207,214,.18)!important;
  box-shadow:inset 0 0 0 1px rgba(10,40,46,.28)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela{
  border-color:rgba(120,94,35,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(201,161,64,.08)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie{
  border-color:rgba(71,168,153,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(83,181,163,.09)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn .dialog-speaker,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  font-weight:800!important;
  letter-spacing:.01em!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  color:#E2C464!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  color:#99DFD3!important;
}


/* Punkt 2 – Feinschliff v19:
   Einzelrahmen eine Stufe intensiver, weiterhin ohne zusätzlichen Glow */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  border:1px solid rgba(58,207,214,.26)!important;
  box-shadow:inset 0 0 0 1px rgba(10,40,46,.34)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela{
  border-color:rgba(191,151,49,.32)!important;
  box-shadow:inset 0 0 0 1px rgba(201,161,64,.11)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie{
  border-color:rgba(78,189,171,.34)!important;
  box-shadow:inset 0 0 0 1px rgba(83,181,163,.12)!important;
}


/* Punkt 3 – normale Karten sowie Level-3-/Nachweisbereiche v20
   Ziel: ruhiger als Leit-/Wichtigkeitsflächen, klar lesbar, keine konkurrierenden Glows. */

/* Normale Kennzahlen-/Infokarten */
body.multi-page-prototype.dark-reference #kosten .revision-card,
body.multi-page-prototype.dark-reference #rueckfluss .funds-control-card,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values article{
  background:linear-gradient(145deg,rgba(5,21,27,.965),rgba(2,10,14,.992) 72%)!important;
  border:1px solid rgba(58,207,214,.24)!important;
  border-top:2px solid rgba(82,224,230,.38)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
}
body.multi-page-prototype.dark-reference #kosten .revision-card:hover,
body.multi-page-prototype.dark-reference #rueckfluss .funds-control-card:hover,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values article:hover{
  border-color:rgba(82,224,230,.32)!important;
}
body.multi-page-prototype.dark-reference #kosten .revision-card strong,
body.multi-page-prototype.dark-reference #rueckfluss .funds-control-card h3,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values strong{
  color:#F4FBFC!important;
}
body.multi-page-prototype.dark-reference #kosten .revision-card span,
body.multi-page-prototype.dark-reference #rueckfluss .funds-control-card li,
body.multi-page-prototype.dark-reference #kosten .economic-potential-clean .economic-potential-values span{
  color:#B9CDD1!important;
}

/* Level 3: sichtbar eigener Nachweisraum, aber bewusst ruhiger als wichtige Passage. */
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf.ds-proof-box{
  padding:24px 26px 26px!important;
  background:
    radial-gradient(ellipse 620px 210px at 10% 0%,rgba(23,196,204,.045),transparent 72%),
    linear-gradient(145deg,rgba(3,16,21,.985),rgba(1,8,12,.995))!important;
  border:1px solid rgba(58,207,214,.26)!important;
  border-left:4px solid rgba(14,124,128,.82)!important;
  box-shadow:0 16px 40px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-kicker{
  color:#52EEF3!important;
  letter-spacing:.12em!important;
  text-shadow:none!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf > h2{
  color:#F4FBFC!important;
  margin-bottom:16px!important;
  text-shadow:none!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-grid{
  gap:12px!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card{
  padding:15px 16px!important;
  background:linear-gradient(145deg,rgba(5,20,26,.94),rgba(2,10,14,.99))!important;
  border:1px solid rgba(58,207,214,.20)!important;
  border-top:1px solid rgba(82,224,230,.30)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card strong{
  color:#EAF5F7!important;
  margin-bottom:7px!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a{
  color:#49DCE3!important;
  text-decoration:none!important;
  border-bottom:1px solid rgba(73,220,227,.30)!important;
  text-underline-offset:3px!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:hover,
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:focus-visible{
  color:#70F2F6!important;
  border-bottom-color:rgba(112,242,246,.62)!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card span{
  color:#AFC4C9!important;
  line-height:1.45!important;
}

/* Nachweisboxen sind keine Wichtigkeitsboxen: kein Flächenshining. */
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card::before,
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card::after{
  content:none!important;
}


/* Punkt 3 – Feinkorrektur v21:
   kräftige türkisfarbene Nachweislinks eine Stufe ruhiger */
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a,
body.multi-page-prototype.dark-reference #kosten .funds-control-source a{
  color:#36C8CF!important;
  border-bottom-color:rgba(54,200,207,.24)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:hover,
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:focus-visible,
body.multi-page-prototype.dark-reference #kosten .funds-control-source a:hover,
body.multi-page-prototype.dark-reference #kosten .funds-control-source a:focus-visible{
  color:#58DDE3!important;
  border-bottom-color:rgba(88,221,227,.42)!important;
  text-shadow:none!important;
}


/* Punkt 3 – Feinkorrektur v22:
   alle fetten Texte in diesem Bereich eine weitere Stufe ruhiger */
body.multi-page-prototype.dark-reference #kosten .funds-control-source strong{
  color:#D7E3E6!important;
}
body.multi-page-prototype.dark-reference #kosten .funds-control-source a{
  color:#CFE1E4!important;
  border-bottom-color:rgba(207,225,228,.22)!important;
}
body.multi-page-prototype.dark-reference #kosten .funds-control-source a:hover,
body.multi-page-prototype.dark-reference #kosten .funds-control-source a:focus-visible{
  color:#DCEBED!important;
  border-bottom-color:rgba(220,235,237,.34)!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card strong{
  color:#D7E4E7!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a{
  color:#2FB9C1!important;
  border-bottom-color:rgba(47,185,193,.20)!important;
}
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:hover,
body.multi-page-prototype.dark-reference #wirtschaftliche-tragfaehigkeit-projektbedarf .ds-proof-card a:focus-visible{
  color:#49CDD4!important;
  border-bottom-color:rgba(73,205,212,.34)!important;
}


/* Punkt 4 – Header, Hauptnavigation und Seitennavigation v23
   Nur Formatierung/Farben; keine Struktur- oder Inhaltsänderung. */
body.multi-page-prototype.dark-reference .header{
  background:
    radial-gradient(ellipse 760px 130px at 74% 0%,rgba(17,154,163,.065),transparent 72%),
    linear-gradient(180deg,rgba(2,8,12,.998),rgba(3,14,19,.995))!important;
  border-bottom:1px solid rgba(42,166,174,.18)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference .brand-mark{
  filter:drop-shadow(0 0 5px rgba(83,244,248,.48)) drop-shadow(0 0 14px rgba(23,220,228,.24)) drop-shadow(0 0 24px rgba(23,196,204,.10))!important;
}
body.multi-page-prototype.dark-reference .nav{
  border-color:rgba(58,207,214,.22)!important;
  background:
    radial-gradient(ellipse 540px 92px at 50% 110%,rgba(23,196,204,.050),transparent 74%),
    linear-gradient(180deg,rgba(4,14,18,.975),rgba(3,12,16,.992))!important;
  box-shadow:inset 0 1px 0 rgba(219,255,255,.020),0 8px 24px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference .nav > a,
body.multi-page-prototype.dark-reference .nav-item > a{
  color:rgba(207,224,228,.62)!important;
  font-weight:650!important;
  text-shadow:none!important;
}
body.multi-page-prototype.dark-reference .nav > a:hover,
body.multi-page-prototype.dark-reference .nav-item:hover > a,
body.multi-page-prototype.dark-reference .nav > a:focus-visible,
body.multi-page-prototype.dark-reference .nav-item > a:focus-visible{
  color:#EDF8FA!important;
  background:rgba(23,196,204,.070)!important;
  outline:1px solid rgba(77,226,232,.22)!important;
  box-shadow:0 0 12px rgba(23,196,204,.07)!important;
}
body.multi-page-prototype.dark-reference .nav a[aria-current="page"]{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(10,72,79,.98),rgba(12,143,150,.92))!important;
  border:1px solid rgba(99,246,250,.70)!important;
  box-shadow:
    inset 0 0 18px rgba(120,251,253,.07),
    0 0 6px rgba(82,242,247,.46),
    0 0 16px rgba(25,220,228,.34),
    0 0 28px rgba(23,196,204,.13)!important;
}
body.multi-page-prototype.dark-reference .dropdown{
  background:linear-gradient(180deg,rgba(4,16,21,.997),rgba(2,10,14,.997))!important;
  border-color:rgba(72,221,228,.26)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.58),0 0 18px rgba(23,196,204,.055)!important;
}
body.multi-page-prototype.dark-reference .dropdown a{
  color:#BDD0D4!important;
}
body.multi-page-prototype.dark-reference .dropdown a:hover,
body.multi-page-prototype.dark-reference .dropdown a:focus-visible{
  color:#F3FCFD!important;
  background:rgba(23,196,204,.085)!important;
}
body.multi-page-prototype.dark-reference .page-subnav{
  background:linear-gradient(180deg,rgba(3,14,19,.99),rgba(3,12,16,.997))!important;
  border-color:rgba(70,219,225,.28)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.34)!important;
}
body.multi-page-prototype.dark-reference .page-subnav-label{
  color:rgba(180,207,212,.58)!important;
  letter-spacing:.06em!important;
}
body.multi-page-prototype.dark-reference .page-subnav a{
  color:rgba(207,225,229,.62)!important;
  background:transparent!important;
}
body.multi-page-prototype.dark-reference .page-subnav a::before{
  background:rgba(78,222,228,.28)!important;
}
body.multi-page-prototype.dark-reference .page-subnav a:hover,
body.multi-page-prototype.dark-reference .page-subnav a:focus-visible{
  color:#EAF7F9!important;
  background:rgba(23,196,204,.060)!important;
}
body.multi-page-prototype.dark-reference .page-subnav a.is-active,
body.multi-page-prototype.dark-reference .page-subnav a[aria-current="location"],
body.multi-page-prototype.dark-reference .page-subnav a[data-active="true"]{
  color:#F8FEFF!important;
  background:linear-gradient(135deg,rgba(8,70,77,.96),rgba(11,145,152,.92))!important;
  border-color:rgba(93,243,248,.62)!important;
  box-shadow:
    inset 0 0 16px rgba(111,249,252,.055),
    0 0 7px rgba(70,239,244,.32),
    0 0 18px rgba(23,204,212,.20)!important;
}


/* Punkt 4 – Feinkorrektur v24:
   Hauptmenü-Untermenüs kräftiger und in Logik/Bediengefühl an das Seitenmenü angeglichen */
body.multi-page-prototype.dark-reference .dropdown{
  padding:10px!important;
  border-radius:18px!important;
}
body.multi-page-prototype.dark-reference .dropdown a{
  position:relative!important;
  display:block!important;
  padding:7px 10px 7px 18px!important;
  border-radius:9px!important;
  color:rgba(207,225,229,.68)!important;
  background:transparent!important;
  font-size:.78rem!important;
  font-weight:700!important;
  line-height:1.24!important;
  transition:background .16s ease,color .16s ease,transform .16s ease, box-shadow .16s ease!important;
}
body.multi-page-prototype.dark-reference .dropdown a::before{
  content:"";
  position:absolute;
  top:50%;
  left:8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(78,222,228,.34)!important;
  transform:translateY(-50%);
}
body.multi-page-prototype.dark-reference .dropdown a:hover,
body.multi-page-prototype.dark-reference .dropdown a:focus-visible{
  color:#F2FBFD!important;
  background:rgba(23,196,204,.14)!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(77,226,232,.18)!important;
  transform:translateX(2px)!important;
}


/* Punkt 4 – Feinkorrektur v25:
   Hauptmenü-Dropdown wie Seitenmenü: passiv bewusst unscheinbar,
   erst beim direkten Hover/Fokus kräftig und klar. */
body.multi-page-prototype.dark-reference .dropdown a{
  color:rgba(180,203,208,.46)!important;
  background:transparent!important;
  font-weight:650!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference .dropdown a::before{
  background:rgba(78,222,228,.18)!important;
}
body.multi-page-prototype.dark-reference .dropdown a:hover,
body.multi-page-prototype.dark-reference .dropdown a:focus-visible{
  color:#F4FBFC!important;
  background:linear-gradient(135deg,rgba(8,70,77,.88),rgba(11,145,152,.70))!important;
  font-weight:850!important;
  outline:none!important;
  box-shadow:inset 0 0 0 1px rgba(93,243,248,.34),0 0 9px rgba(23,196,204,.12)!important;
  transform:translateX(2px)!important;
}
body.multi-page-prototype.dark-reference .dropdown a:hover::before,
body.multi-page-prototype.dark-reference .dropdown a:focus-visible::before{
  background:#52EEF3!important;
  box-shadow:0 0 7px rgba(82,238,243,.38)!important;
}



/* Referenz v07 – Punkt 1: Finanzierungsinteresse / Formular
   Nur Farb-, Kontrast-, Focus- und Auswahlzustände. Keine Struktur-/Breitenänderungen. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean{
  background:
    radial-gradient(ellipse 760px 300px at 88% 0%,rgba(23,196,204,.095),transparent 68%),
    radial-gradient(ellipse 520px 260px at 4% 100%,rgba(10,108,116,.050),transparent 74%),
    linear-gradient(145deg,rgba(4,18,24,.965),rgba(2,9,13,.992))!important;
  border-color:rgba(74,232,238,.34)!important;
  box-shadow:inset 0 1px 0 rgba(211,255,255,.035),0 18px 48px rgba(0,0,0,.34)!important;
}

/* Gruppenblöcke: ruhig und klar voneinander getrennt. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .block{
  background:linear-gradient(145deg,rgba(5,22,28,.92),rgba(2,10,14,.982))!important;
  border-color:rgba(58,207,214,.20)!important;
  box-shadow:inset 0 1px 0 rgba(211,255,255,.018)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .block-header .desc{
  color:#9FB7BD!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .num{
  background:linear-gradient(135deg,rgba(7,93,101,.96),rgba(15,167,174,.92))!important;
  border-color:rgba(82,238,243,.48)!important;
  box-shadow:0 0 9px rgba(82,238,243,.24),0 0 22px rgba(23,196,204,.14)!important;
}

/* Auswahlkarten: Standard ruhig, Hover wach, Auswahl deutlich türkis – ohne Layoutänderung. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice{
  background:linear-gradient(145deg,rgba(5,20,26,.86),rgba(2,10,14,.97))!important;
  border-color:rgba(58,207,214,.20)!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:hover{
  background:linear-gradient(145deg,rgba(8,48,55,.80),rgba(3,18,23,.96))!important;
  border-color:rgba(82,238,243,.44)!important;
  box-shadow:0 0 14px rgba(82,238,243,.08)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:has(input:checked){
  background:
    radial-gradient(ellipse 280px 110px at 12% 0%,rgba(82,238,243,.17),transparent 62%),
    linear-gradient(145deg,rgba(7,67,74,.88),rgba(3,25,30,.98))!important;
  border-color:rgba(99,246,250,.70)!important;
  box-shadow:inset 0 0 18px rgba(82,238,243,.055),0 0 10px rgba(82,238,243,.22),0 0 24px rgba(23,196,204,.12)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:has(input:checked) span,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:has(input:checked) strong{
  color:#F6FEFF!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice:has(input:focus-visible){
  outline:2px solid rgba(99,246,250,.68)!important;
  outline-offset:2px!important;
  border-color:rgba(99,246,250,.82)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .choice input[type="radio"]{
  accent-color:#27E7ED!important;
}

/* Folgepanel für Betragsklassen: technisch, aber sichtbar als nächste Ebene. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .amount-panel{
  border-top-color:rgba(82,238,243,.24)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .amount-panel > h3{
  color:#F4FBFC!important;
}

/* Wichtige Hinweise innerhalb des Formulars: die neue Referenzsprache – Türkis schimmernde Fläche. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-return-note{
  background:
    radial-gradient(ellipse 520px 190px at 16% 10%,rgba(82,238,243,.16),transparent 58%),
    radial-gradient(ellipse 460px 170px at 88% 100%,rgba(23,196,204,.08),transparent 66%),
    linear-gradient(145deg,rgba(4,25,31,.94),rgba(2,11,15,.985))!important;
  border:1px solid rgba(82,238,243,.38)!important;
  border-left:4px solid rgba(82,238,243,.82)!important;
  box-shadow:inset 0 0 28px rgba(82,238,243,.045),0 0 18px rgba(82,238,243,.16),0 0 34px rgba(23,196,204,.09)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-return-note strong{
  color:#F4FBFC!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-return-note p{
  color:#D2E0E4!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-return-note a{
  color:#52EEF3!important;
}

/* Regel und Trennung: wichtig, aber eine Stufe ruhiger als der Haupt-Wichtigkeitsblock. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-rule,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-separation{
  background:
    radial-gradient(ellipse 420px 140px at 8% 0%,rgba(82,238,243,.085),transparent 66%),
    linear-gradient(135deg,rgba(4,22,28,.95),rgba(3,13,18,.985))!important;
  border-color:rgba(58,207,214,.28)!important;
  border-left-color:rgba(82,238,243,.62)!important;
  box-shadow:inset 0 0 20px rgba(82,238,243,.025)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-rule strong,
body.multi-page-prototype.dark-reference #kosten .finance-interest-prototype-clean .finance-interest-separation strong{
  color:#F4FBFC!important;
}

/* Statusfeld vor dem Formular: bewusst Staging-Hinweis, kein Warnfarbwechsel. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-entry-clean .finance-interest-status{
  background:linear-gradient(145deg,rgba(4,20,26,.90),rgba(2,11,15,.97))!important;
  border-color:rgba(58,207,214,.26)!important;
  color:#9FB7BD!important;
}

/* Buttons: ausschließlich Farb-/Lichtwirkung; Breite, Form und Abstände bleiben unverändert. */
body.multi-page-prototype.dark-reference #kosten .finance-interest-start,
body.multi-page-prototype.dark-reference #kosten .finance-interest-submit{
  background:linear-gradient(135deg,#0B6F76,#0FA7AE)!important;
  border-color:rgba(99,246,250,.58)!important;
  color:#F8FEFF!important;
  box-shadow:0 0 9px rgba(82,238,243,.24),0 0 22px rgba(23,196,204,.17)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-start:hover,
body.multi-page-prototype.dark-reference #kosten .finance-interest-submit:hover{
  background:linear-gradient(135deg,#0C7E85,#16BBC2)!important;
  border-color:rgba(99,246,250,.78)!important;
  box-shadow:0 0 13px rgba(82,238,243,.36),0 0 30px rgba(23,196,204,.24)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-contact-action{
  background:linear-gradient(145deg,rgba(4,28,34,.94),rgba(3,15,20,.98))!important;
  border-color:rgba(82,238,243,.38)!important;
  color:#D7E9EC!important;
  box-shadow:0 0 8px rgba(82,238,243,.08)!important;
}
body.multi-page-prototype.dark-reference #kosten .finance-interest-contact-action:hover{
  background:linear-gradient(145deg,rgba(7,57,64,.88),rgba(3,20,25,.98))!important;
  border-color:rgba(82,238,243,.58)!important;
  color:#F8FEFF!important;
}

/* Keine Farb-Codierung der Formularelemente über Grün/Gelb/Rot. DAREALGOR-Türkis bleibt Führung. */



/* ================================================================
   DARK REFERENZ SEITE 10 – PUNKT 2
   E/C-, Theo-, Audio- und Lesebereiche
   Nur visuelle Dark-Abstimmung. Keine Struktur-/Buttonänderung.
   ================================================================ */

/* Grundregel Medienmodule: ruhig, lesbar, klar vom Inhaltsblock getrennt. */
body.multi-page-prototype.dark-reference #kosten .media-module{
  background:linear-gradient(180deg,rgba(4,18,24,.88),rgba(2,9,13,.95))!important;
  border:1px solid rgba(58,207,214,.20)!important;
  border-radius:16px!important;
  box-shadow:inset 0 1px 0 rgba(211,255,255,.025),0 10px 26px rgba(0,0,0,.24)!important;
}

/* E/C-Hauptdialog: als eigener Dialograum erkennbar, aber unterhalb der
   "wichtigen Passage" und ohne zusätzliches starkes Shining. */
body.multi-page-prototype.dark-reference #kosten .main-dialog-bar-120{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(ellipse 440px 150px at 16% 0%,rgba(82,238,243,.065),transparent 70%),
    linear-gradient(180deg,rgba(4,18,24,.96),rgba(2,9,13,.985))!important;
  border:1px solid rgba(58,207,214,.30)!important;
  border-left:5px solid #159DA4!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 20px rgba(23,196,204,.045)!important;
}
body.multi-page-prototype.dark-reference #kosten .main-dialog-bar-120::after{
  content:"";
  position:absolute;
  left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(82,238,243,.38),transparent);
  pointer-events:none;
}
body.multi-page-prototype.dark-reference #kosten .main-dialog-bar-120 .media-module{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* Geschlossene Audiohinweise: bewusst zurückgenommen. */
body.multi-page-prototype.dark-reference #kosten .audio-placeholder:not(.read-placeholder){
  color:#8FA7AE!important;
  background:rgba(3,15,20,.72)!important;
  border:1px solid rgba(58,207,214,.14)!important;
  border-left:3px solid rgba(82,238,243,.28)!important;
  box-shadow:none!important;
}

/* Geöffnete Leseflächen: lange Texte müssen ruhig bleiben. */
body.multi-page-prototype.dark-reference #kosten .read-placeholder,
body.multi-page-prototype.dark-reference #kosten .inline-read-content,
body.multi-page-prototype.dark-reference #kosten .theo-read-inline{
  color:#C9D8DC!important;
  background:
    radial-gradient(ellipse 560px 180px at 92% 0%,rgba(23,196,204,.035),transparent 72%),
    linear-gradient(180deg,rgba(4,17,22,.96),rgba(2,9,13,.985))!important;
  border:1px solid rgba(58,207,214,.20)!important;
  border-left:4px solid rgba(82,238,243,.42)!important;
  border-radius:16px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.26)!important;
  box-sizing:border-box!important;
  padding:22px 24px 20px!important;
}
body.multi-page-prototype.dark-reference #kosten .read-placeholder p,
body.multi-page-prototype.dark-reference #kosten .inline-read-content p,
body.multi-page-prototype.dark-reference #kosten .theo-read-inline p{
  color:#C9D8DC!important;
  line-height:1.62!important;
  margin:0 0 18px!important;
}
body.multi-page-prototype.dark-reference #kosten .read-placeholder p:last-child,
body.multi-page-prototype.dark-reference #kosten .inline-read-content p:last-child,
body.multi-page-prototype.dark-reference #kosten .theo-read-inline p:last-child{
  margin-bottom:0!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline{
  padding:16px 18px 18px!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  margin:0 0 10px!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn:last-child{
  margin-bottom:0!important;
}
body.multi-page-prototype.dark-reference #kosten .read-placeholder strong,
body.multi-page-prototype.dark-reference #kosten .inline-read-content strong,
body.multi-page-prototype.dark-reference #kosten .theo-read-inline strong{
  color:#F4FBFC!important;
}

/* Theo: neutrale fachliche Stimme – eigene, ruhige Cyan-Kennung statt
   Sprecherfarben oder Wichtigkeits-Glow. */
body.multi-page-prototype.dark-reference #kosten .section-theo-entry-120,
body.multi-page-prototype.dark-reference #kosten .revision-theo-card,
body.multi-page-prototype.dark-reference #kosten .revision-theo-card-clean{
  background:
    radial-gradient(ellipse 380px 120px at 8% 0%,rgba(25,216,223,.045),transparent 72%),
    linear-gradient(180deg,rgba(4,17,22,.92),rgba(2,9,13,.97))!important;
  border-color:rgba(58,207,214,.22)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
}
body.multi-page-prototype.dark-reference #kosten .section-theo-entry-120{
  border-left:4px solid rgba(82,238,243,.42)!important;
  border-radius:16px!important;
}
body.multi-page-prototype.dark-reference #kosten .section-theo-entry-120 .media-module,
body.multi-page-prototype.dark-reference #kosten .revision-theo-card .media-module,
body.multi-page-prototype.dark-reference #kosten .revision-theo-card-clean .media-module{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* E/C-Lesefassung: Sprecherfarben bleiben zur Orientierung erhalten,
   werden im Dark-Modus aber bewusst gedämpft. */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline{
  background:linear-gradient(180deg,rgba(3,14,19,.98),rgba(2,9,13,.99))!important;
  border-left-color:rgba(82,238,243,.38)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  overflow:hidden;
  border:1px solid rgba(73,190,196,.15)!important;
  border-radius:12px!important;
  background:rgba(2,10,14,.64)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  background:linear-gradient(135deg,#315E55,#3D776A)!important;
  color:#F5FFFF!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-text{
  background:linear-gradient(90deg,rgba(42,91,78,.20),rgba(3,14,18,.20))!important;
  color:#D7EAE7!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  background:linear-gradient(135deg,#72591E,#907126)!important;
  color:#FFF8E7!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-text{
  background:linear-gradient(90deg,rgba(126,94,20,.14),rgba(3,14,18,.20))!important;
  color:#EDE5D2!important;
}


/* Punkt 2 – E/C-Lesefassung final beruhigt:
   Sprecherzuordnung bleibt erkennbar, aber Farbe wird nur noch als kleiner Akzent verwendet. */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn{
  position:relative;
  overflow:hidden!important;
  border:1px solid rgba(58,207,214,.12)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  padding:12px 14px!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela{
  border-left:1px solid rgba(58,207,214,.14)!important;
  background:linear-gradient(180deg,rgba(10,16,19,.96),rgba(5,10,13,.988))!important;
  box-shadow:inset 0 0 0 1px rgba(201,161,64,.08)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie{
  border-left:1px solid rgba(58,207,214,.14)!important;
  background:linear-gradient(180deg,rgba(7,19,22,.965),rgba(3,11,14,.988))!important;
  box-shadow:inset 0 0 0 1px rgba(83,181,163,.09)!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-speaker{
  float:left!important;
  display:inline-block!important;
  width:auto!important;
  max-width:max-content!important;
  background:transparent!important;
  padding:5px 10px 4px!important;
  margin:0 10px 4px 0!important;
  border-radius:8px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-speaker{
  background:linear-gradient(135deg,rgba(49,94,85,.94),rgba(61,119,106,.94))!important;
  color:#F5FFFF!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-speaker{
  background:linear-gradient(135deg,rgba(114,89,30,.94),rgba(144,113,38,.94))!important;
  color:#FFF8E7!important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-text,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie .dialog-text,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela .dialog-text{
  color:#E2ECEF!important;
  padding:0!important;
  line-height:1.58!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}

/* Audio-Player und Fortschritt: funktional klar, kein Showelement. */
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-player{
  background:linear-gradient(180deg,rgba(3,16,21,.99),rgba(2,9,13,.99))!important;
  border:1px solid rgba(58,207,214,.26)!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(211,255,255,.025),0 8px 24px rgba(0,0,0,.32)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-playpause{
  background:linear-gradient(135deg,#063D45,#0DB1B9)!important;
  border:1px solid rgba(104,239,244,.48)!important;
  box-shadow:0 0 10px rgba(69,239,244,.22),0 7px 18px rgba(0,0,0,.30)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-playpause:hover,
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-playpause:focus-visible{
  box-shadow:0 0 14px rgba(87,248,251,.34),0 0 28px rgba(23,214,222,.18),0 8px 20px rgba(0,0,0,.32)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-progress::-webkit-slider-runnable-track{
  background:linear-gradient(90deg,#19D8DF 0 var(--audio-progress),rgba(163,207,211,.16) var(--audio-progress) 100%)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-progress::-webkit-slider-thumb{
  border-color:#031017!important;
  background:#52EEF3!important;
  box-shadow:0 0 9px rgba(82,238,243,.38)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-progress::-moz-range-progress{
  background:#19D8DF!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-progress::-moz-range-thumb{
  border-color:#031017!important;
  background:#52EEF3!important;
  box-shadow:0 0 9px rgba(82,238,243,.38)!important;
}
body.multi-page-prototype.dark-reference #kosten .darealgor-audio-times{
  color:#8FA7AE!important;
}

/* Mobil bleibt die Medienlogik bewusst ruhiger. */
@media(max-width:760px){
  body.multi-page-prototype.dark-reference #kosten .main-dialog-bar-120,
  body.multi-page-prototype.dark-reference #kosten .read-placeholder,
  body.multi-page-prototype.dark-reference #kosten .inline-read-content,
  body.multi-page-prototype.dark-reference #kosten .theo-read-inline{
    box-shadow:0 8px 22px rgba(0,0,0,.24)!important;
  }
}


/* Punkt 2 – Korrektur v17: NUR die Buchstaben der Namen farbig, keinerlei Badge-Fläche */
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela > .dialog-speaker,
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie > .dialog-speaker{
  background:transparent !important;
  background-image:none !important;
  background-color:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.ela > .dialog-speaker{
  color:#D9BD70 !important;
  -webkit-text-fill-color:#D9BD70 !important;
}
body.multi-page-prototype.dark-reference #kosten .dialog-read-inline .dialog-turn.charlie > .dialog-speaker{
  color:#8CCFC1 !important;
  -webkit-text-fill-color:#8CCFC1 !important;
}