/* Startseite – stärkste Inszenierung, aber keine Grafikbearbeitung. */
body.page-start{background:radial-gradient(ellipse 1050px 650px at 78% 3%,rgba(25,216,223,.145),transparent 67%),radial-gradient(ellipse 760px 520px at 5% 35%,rgba(10,108,116,.09),transparent 72%),linear-gradient(180deg,#010609 0%,#031017 45%,#02090D 100%)!important}
body.page-start :is(.simple-start,.current-homepage-task,.simple-box,.stage-guide,.level-card,.start-use-block,.use-case-board,.use-row,.scorebox,.ds-facts-block,.ds-facts-head,.ds-fact-line,.ds-facts-expanded,.ds-variant-block,.ds-variant-intro,.ds-variant-note){background:var(--dark-card)!important;color:var(--dark-text)!important;border-color:rgba(58,207,214,.24)!important;box-shadow:0 14px 36px rgba(0,0,0,.30)!important}
body.page-start :is(.simple-start,.current-homepage-task,.start-use-block,.ds-facts-block,.ds-variant-block){border-top-color:rgba(82,224,230,.42)!important}
body.page-start :is(.simple-start,.current-homepage-task,.simple-box,.stage-guide,.level-card,.start-use-block,.use-case-board,.use-row,.scorebox,.ds-facts-block,.ds-facts-head,.ds-fact-line,.ds-facts-expanded,.ds-variant-block,.ds-variant-intro,.ds-variant-note) :is(h1,h2,h3,strong,b){color:#F4FBFC!important}
body.page-start :is(.simple-start,.current-homepage-task,.simple-box,.stage-guide,.level-card,.start-use-block,.use-case-board,.use-row,.scorebox,.ds-facts-block,.ds-facts-head,.ds-fact-line,.ds-facts-expanded,.ds-variant-block,.ds-variant-intro,.ds-variant-note) :is(p,span,li,small){color:var(--dark-text)!important}
body.page-start .simple-end{background:linear-gradient(135deg,rgba(5,55,62,.98),rgba(10,140,148,.88))!important;color:#F8FEFF!important;border:1px solid rgba(82,238,243,.40)!important;box-shadow:0 14px 34px rgba(0,0,0,.30),0 0 24px rgba(23,196,204,.12)!important}
body.page-start .simple-end *{color:#F8FEFF!important}
body.page-start .start-use-card{background:linear-gradient(135deg,rgba(5,55,62,.98),rgba(10,140,148,.88))!important;color:#F8FEFF!important}
body.page-start .start-use-card *{color:#F8FEFF!important}
body.page-start .ds-compact-table{background:rgba(2,10,14,.88)!important;border-color:rgba(58,207,214,.22)!important}
body.page-start .current-homepage-task.finalized-block{background:var(--dark-card)!important;border:1px solid rgba(74,232,238,.30)!important;border-left:5px solid #159DA4!important;box-shadow:0 18px 44px rgba(0,0,0,.32)!important}

/* K214 BUGFIX 01 – Startseite ausschließlich: äußerer Orientierungsblock darf keinen Light-Style-Hintergrund behalten. */
body.multi-page-prototype.page-start #start-orientierung.simple-box.simple-box-wide.stage-guide{
  color:var(--dark-text)!important;
  background:
    radial-gradient(ellipse 700px 260px at 86% 0%,rgba(23,196,204,.075),transparent 70%),
    linear-gradient(145deg,rgba(5,22,28,.96),rgba(2,10,14,.99))!important;
  border:1px solid rgba(58,207,214,.28)!important;
  border-top:5px solid rgba(82,224,230,.42)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.34),inset 0 1px 0 rgba(218,255,255,.025)!important;
}
body.multi-page-prototype.page-start #start-orientierung.simple-box.simple-box-wide.stage-guide > h2{
  color:#F4FBFC!important;
}
body.multi-page-prototype.page-start #start-orientierung.simple-box.simple-box-wide.stage-guide > p{
  color:var(--dark-text)!important;
}

/* K215 BUGFIX SEITE 1 – ausschließlich sichtbare Light-Style-Restflächen der Startseite.
   Keine Struktur-, Inhalts-, Grafik-, Audio- oder Buttonänderung. */

/* 1. Einordnungshinweis unter der Relevanzmatrix */
body.multi-page-prototype.dark-reference.page-start #start .start-use-block .start-use-note{
  color:var(--dark-text)!important;
  background:
    radial-gradient(ellipse 520px 160px at 10% 0%,rgba(82,238,243,.055),transparent 68%),
    linear-gradient(145deg,rgba(5,22,28,.96),rgba(2,10,14,.99))!important;
  border:1px solid rgba(58,207,214,.24)!important;
  border-left:5px solid rgba(82,238,243,.48)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.26)!important;
}
body.multi-page-prototype.dark-reference.page-start #start .start-use-block .start-use-note,
body.multi-page-prototype.dark-reference.page-start #start .start-use-block .start-use-note *{
  color:var(--dark-text)!important;
}

/* 2. Kopfzeile der Relevanzmatrix */
body.multi-page-prototype.dark-reference.page-start #start .use-case-board > .use-case-head{
  color:#DCEBED!important;
  background:linear-gradient(180deg,rgba(7,28,34,.98),rgba(3,15,20,.99))!important;
  border-bottom:1px solid rgba(58,207,214,.24)!important;
}
body.multi-page-prototype.dark-reference.page-start #start .use-case-board > .use-case-head > div{
  color:#AFC4C9!important;
}

/* 3. Vier Abschluss-/Erklärkarten 1.4–1.7 */
body.multi-page-prototype.dark-reference.page-start #start .simple-message > .simple-box{
  color:var(--dark-text)!important;
  background:
    radial-gradient(ellipse 360px 130px at 12% 0%,rgba(23,196,204,.045),transparent 70%),
    linear-gradient(145deg,rgba(5,22,28,.965),rgba(2,10,14,.992))!important;
  border:1px solid rgba(58,207,214,.25)!important;
  border-top:4px solid rgba(82,224,230,.48)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28)!important;
}
body.multi-page-prototype.dark-reference.page-start #start .simple-message > .simple-box > strong{
  color:#F4FBFC!important;
}
body.multi-page-prototype.dark-reference.page-start #start .simple-message > .simple-box > p{
  color:var(--dark-text)!important;
}

/* Schutz gegen alte Light-CI-Regeln innerhalb genau dieser vier Karten. */
body.multi-page-prototype.dark-reference.page-start #start .simple-message > .simple-box :is(p,span,li,small){
  color:var(--dark-text)!important;
}
body.multi-page-prototype.dark-reference.page-start #start .simple-message > .simple-box :is(strong,b,h2,h3,h4){
  color:#F4FBFC!important;
}

/* K216 BUGFIX – Seite 1 ausschließlich: Nummern 1–7 im Block „7 klare Punkte“
   auf die freigegebene türkise Dark-Nummernlogik vereinheitlichen. */
body.multi-page-prototype.dark-reference.page-start #tatsachen .ds-fact-lines .ds-fact-line > span,
body.multi-page-prototype.dark-reference.page-start #tatsachen .ds-fact-lines .ds-fact-line.ds-warn > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,rgba(7,93,101,.98),rgba(15,167,174,.94))!important;
  border:1px solid rgba(82,238,243,.36)!important;
  color:#F8FEFF!important;
  box-shadow:0 0 8px rgba(82,238,243,.20)!important;
  font-weight:900!important;
}