/* DAREALGOR K213 – gemeinsame, freigegebene Dark-Grundelemente aus Seite 10 v30.
   Nur universelle Elemente. Seiteninhalte/Karten werden in eigenen Seitendateien behandelt. */
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;
  --dark-title:#F8FEFF;--dark-text:#C9D8DC;--dark-muted:#8FA7AE;--dark-link:#3FD6DD;
  --dark-card:linear-gradient(145deg,rgba(5,22,28,.95),rgba(2,10,14,.988) 72%);
  --dark-card-quiet:linear-gradient(145deg,rgba(4,18,24,.97),rgba(1,8,12,.995));
  color-scheme:dark;color:var(--dark-text)!important;
  background:
    radial-gradient(ellipse 1000px 600px at 79% 4%,rgba(24,196,205,.11),transparent 69%),
    radial-gradient(ellipse 760px 560px at 5% 35%,rgba(10,108,116,.07),transparent 72%),
    linear-gradient(180deg,#010609 0%,#031017 45%,#02090D 100%)!important;
  background-attachment:fixed!important;
}
body.multi-page-prototype.dark-reference a{color:var(--dark-link)}
body.multi-page-prototype.dark-reference :is(p,li,dd,td,label,.lead,.desc){color:var(--dark-text)!important}
body.multi-page-prototype.dark-reference :is(h1,h2,h3,h4,h5,h6,strong,b){color:var(--dark-title)!important}
body.multi-page-prototype.dark-reference :is(.muted,small,.small,.score-label,.score-meta,.social-contact-note,.media-number){color:var(--dark-muted)!important}

/* Staging / Header */
body.multi-page-prototype.dark-reference .staging-banner{
  background:linear-gradient(180deg,#010609,#031016)!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}
body.multi-page-prototype.dark-reference .header{background: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: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;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:#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{padding:10px!important;border-radius:18px!important;background:linear-gradient(180deg,rgba(4,16,21,.997),rgba(2,10,14,.997))!important;border:1px solid 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,body.multi-page-prototype.dark-reference .dropdown a:link,body.multi-page-prototype.dark-reference .dropdown a:visited,body.multi-page-prototype.dark-reference .dropdown a:active{position:relative!important;display:block!important;min-height:0!important;padding:7px 10px 7px 18px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:rgba(207,225,229,.64)!important;font-size:.86rem!important;font-weight:700!important;line-height:1.30!important;text-decoration:none!important;text-shadow:none!important;box-shadow:none!important;transform:none!important}
body.multi-page-prototype.dark-reference .dropdown a::before{content:""!important;position:absolute!important;top:50%!important;left:7px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:rgba(78,222,228,.35)!important;transform:translateY(-50%)!important;box-shadow:none!important}
body.multi-page-prototype.dark-reference .dropdown a:hover,body.multi-page-prototype.dark-reference .dropdown a:focus,body.multi-page-prototype.dark-reference .dropdown a:focus-visible{color:#F3FCFD!important;background:linear-gradient(135deg,rgba(10,95,102,.76),rgba(21,182,190,.56))!important;font-weight:700!important;outline:none!important;box-shadow:inset 0 0 0 1px rgba(99,242,247,.32)!important;transform:none!important}
body.multi-page-prototype.dark-reference .dropdown a:hover::before,body.multi-page-prototype.dark-reference .dropdown a:focus::before,body.multi-page-prototype.dark-reference .dropdown a:focus-visible::before{background:#52EEF3!important}

/* Seitenmenü – gleiche Logik wie Hauptmenü-Untermenü */
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,body.multi-page-prototype.dark-reference .page-subnav a:focus-visible{color:#F3FCFD!important;background:linear-gradient(135deg,rgba(10,95,102,.76),rgba(21,182,190,.56))!important;box-shadow:inset 0 0 0 1px rgba(99,242,247,.32)!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(11,99,106,.96),rgba(15,171,179,.92))!important;border-color:rgba(99,242,247,.70)!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}
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}
body.multi-page-prototype.dark-reference .menu-toggle-icon span{background:#58E9EE!important}

/* Überschriften / Orientierung */
body.multi-page-prototype.dark-reference section.page{background:transparent!important;border-bottom-color:rgba(14,124,128,.12)!important}
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 :is(.kicker,.review-badge,.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,.28)!important}
body.multi-page-prototype.dark-reference .submenu-section-start::before{opacity:.48!important;height:1px!important;background:linear-gradient(90deg,rgba(14,124,128,.38),rgba(25,216,223,.68),rgba(14,124,128,.38))!important}

/* Buttons */
body.multi-page-prototype.dark-reference :is(.btn,button.btn,.submit,.video-btn,.audio-btn,.listen-btn,.read-btn,.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 :is(.btn,button.btn,.submit,.video-btn,.audio-btn,.listen-btn,.read-btn,.jump-btn) *{color:#fff!important}
body.multi-page-prototype.dark-reference :is(.btn,button.btn,.submit,.video-btn,.audio-btn,.listen-btn,.read-btn,.jump-btn):hover{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,.30)!important}

/* Medien / Lesen / E-C – v19-Logik */
body.multi-page-prototype.dark-reference .main-dialog-bar-120{background: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)!important}
body.multi-page-prototype.dark-reference .media-module{background:transparent!important;border-color:rgba(57,199,206,.22)!important}
body.multi-page-prototype.dark-reference :is(.read-placeholder,.inline-read-content,.theo-read-inline){color:#C9D8DC!important;background: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;padding:22px 24px 20px!important}
body.multi-page-prototype.dark-reference :is(.read-placeholder,.inline-read-content,.theo-read-inline) p{color:#C9D8DC!important;line-height:1.62!important}
body.multi-page-prototype.dark-reference .dialog-read-inline{padding:18px 20px 20px!important;max-width:1120px!important;background:linear-gradient(180deg,rgba(3,14,19,.98),rgba(2,9,13,.99))!important}
body.multi-page-prototype.dark-reference .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:1px solid rgba(58,207,214,.26)!important;border-radius:12px!important;padding:14px 16px!important;background:rgba(2,10,14,.64)!important;box-shadow:inset 0 0 0 1px rgba(10,40,46,.34)!important}
body.multi-page-prototype.dark-reference .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 .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}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-speaker{grid-column:1!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;font-weight:800!important;letter-spacing:.01em!important;white-space:nowrap!important}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.ela .dialog-speaker{color:#E2C464!important;-webkit-text-fill-color:#E2C464!important}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-turn.charlie .dialog-speaker{color:#99DFD3!important;-webkit-text-fill-color:#99DFD3!important}
body.multi-page-prototype.dark-reference .dialog-read-inline .dialog-text{grid-column:2!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}
body.multi-page-prototype.dark-reference .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}
body.multi-page-prototype.dark-reference .darealgor-audio-player{background:linear-gradient(180deg,rgba(3,16,21,.99),rgba(2,9,13,.99))!important;border-color:rgba(58,207,214,.26)!important;box-shadow:0 8px 24px rgba(0,0,0,.32)!important}
body.multi-page-prototype.dark-reference .darealgor-audio-playpause{background:linear-gradient(135deg,#063D45,#0DB1B9)!important;border:1px solid rgba(104,239,244,.48)!important}
body.multi-page-prototype.dark-reference .darealgor-audio-times{color:#8FA7AE!important}

/* Formfelder / Tabellen */
body.multi-page-prototype.dark-reference :is(input,select,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}
body.multi-page-prototype.dark-reference :is(input,select,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{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}
body.multi-page-prototype.dark-reference :is(table,.price-table,.signal-table,.review-table,.revision-table,.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 :is(.price-table,.signal-table,.review-table,.revision-table,.ds-compact-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 :is(.price-table,.signal-table,.review-table,.revision-table,.ds-compact-table) td{color:var(--dark-text)!important;background:rgba(4,18,24,.72)!important;border-color:rgba(66,170,177,.18)!important}

/* Level 3 – seriös und ruhiger als wichtige Passage */
body.multi-page-prototype.dark-reference .ds-proof-box{padding:24px 26px 26px!important;background:linear-gradient(145deg,rgba(3,16,21,.985),rgba(1,8,12,.995))!important;border:1px solid rgba(58,207,214,.18)!important;border-left:4px solid rgba(14,124,128,.82)!important;box-shadow:0 16px 42px rgba(0,0,0,.30)!important;color:var(--dark-text)!important}
body.multi-page-prototype.dark-reference .ds-proof-kicker{color:#52EEF3!important;text-shadow:none!important}
body.multi-page-prototype.dark-reference .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 .ds-proof-card strong{color:#D7E4E7!important}
body.multi-page-prototype.dark-reference .ds-proof-card span{color:#AFC4C9!important;line-height:1.45!important}
body.multi-page-prototype.dark-reference .ds-proof-card a{color:#2FB9C1!important;border-bottom:1px solid rgba(47,185,193,.20)!important;text-decoration:none!important}
body.multi-page-prototype.dark-reference .ds-proof-card a:hover{color:#49CDD4!important}
body.multi-page-prototype.dark-reference .ds-proof-note{color:#AFC4C9!important;background:rgba(4,18,24,.88)!important;border-color:rgba(58,207,214,.18)!important}

/* Grafiken: Datei selbst unverändert, nur dunkler Außenraum. */
body.multi-page-prototype.dark-reference :is(.graph,.family-graphic,.finanzierung-grafik-wrap,.roadmap-image-wrap){background:var(--dark-card-quiet)!important;border-color:rgba(58,207,214,.24)!important;box-shadow:0 16px 38px rgba(0,0,0,.30)!important}
body.multi-page-prototype.dark-reference :is(.graph img,.family-graphic img,.finanzierung-grafik-wrap img,.roadmap-image-wrap img){filter:none!important}
body.multi-page-prototype.dark-reference figcaption{color:var(--dark-muted)!important}
body.multi-page-prototype.dark-reference .footer{color:rgba(183,207,212,.60)!important;border-top-color:rgba(58,207,214,.16)!important}
body.multi-page-prototype.dark-reference .footer a{color:#3FD6DD!important}

@media(max-width:900px){
 body.multi-page-prototype.dark-reference .dialog-read-inline{padding:16px 16px 18px!important;max-width:none!important}
 body.multi-page-prototype.dark-reference .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 .dialog-read-inline .dialog-text{font-size:1.04rem!important;line-height:1.66!important;max-width:none!important}
}

/* Freigegebene Altklassen dürfen im Dark-Stand keine weißen Prüf-/Freigabeflächen erzwingen. */
body.multi-page-prototype.dark-reference .finalized-block{
  background:transparent!important;
  color:var(--dark-text)!important;
  border-color:rgba(58,207,214,.22)!important;
  box-shadow:none!important;
}
body.multi-page-prototype.dark-reference .finalized-block :is(h1,h2,h3,h4,strong,b){color:#F4FBFC!important}
body.multi-page-prototype.dark-reference .finalized-block :is(p,span,li,small){color:var(--dark-text)!important}