/* Nutzen & Fairness – seriös, sachlich, mit klaren Preiskarten. */
body.page-nutzen :is(.compact-content-card-101,.fairness-price-anchor,.price-teaser-card,.fairness-price-note,.wide-explain,.card,.price-panel,.entry-check-card,.price-note){background:var(--dark-card)!important;color:var(--dark-text)!important;border-color:rgba(58,207,214,.24)!important;box-shadow:0 12px 30px rgba(0,0,0,.27)!important}
body.page-nutzen :is(.compact-content-card-101,.fairness-price-anchor,.price-teaser-card,.fairness-price-note,.wide-explain,.card,.price-panel,.entry-check-card,.price-note) :is(h2,h3,strong,b){color:#F4FBFC!important}
body.page-nutzen :is(.compact-content-card-101,.fairness-price-anchor,.price-teaser-card,.fairness-price-note,.wide-explain,.card,.price-panel,.entry-check-card,.price-note) :is(p,span,li){color:var(--dark-text)!important}
body.page-nutzen .entry-badge{background:linear-gradient(135deg,#075D65,#0FA7AE)!important;color:#fff!important}
body.page-nutzen .entry-badge *{color:#fff!important}
body.page-nutzen .finalized-block.compact-content-card-101{background:var(--dark-card)!important;border:1px solid rgba(58,207,214,.24)!important;border-top:3px solid rgba(82,224,230,.42)!important;box-shadow:0 12px 30px rgba(0,0,0,.27)!important}
body.page-nutzen .price-panel.finalized-block{background:var(--dark-card)!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important}
body.page-nutzen .benefit-context-grid-101 > .compact-content-card-101,
body.page-nutzen .grid > .card,
body.page-nutzen .price-teaser-grid > .price-teaser-card{
  background:linear-gradient(145deg,rgba(5,22,28,.95),rgba(2,10,14,.988))!important;
  border-color:rgba(58,207,214,.24)!important;color:var(--dark-text)!important;
}

/* K217 BUGFIX SEITE 4 – ausschließlich die gemeldeten Darstellungsfehler. */
/* 1) Preisanker und 2) Erklärblock unter der Hauptgrafik: verbliebene Light-Flächen entfernen. */
body.multi-page-prototype.dark-reference.page-nutzen .fairness-price-anchor,
body.multi-page-prototype.dark-reference.page-nutzen .wide-explain{
  background:
    radial-gradient(ellipse 620px 210px at 14% 0%,rgba(23,196,204,.055),transparent 72%),
    linear-gradient(145deg,rgba(5,22,28,.965),rgba(2,10,14,.992)) !important;
  border:1px solid rgba(58,207,214,.28) !important;
  border-top:5px solid rgba(82,224,230,.48) !important;
  color:var(--dark-text) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.30) !important;
}
body.multi-page-prototype.dark-reference.page-nutzen .fairness-price-anchor :is(h2,h3,strong,b),
body.multi-page-prototype.dark-reference.page-nutzen .wide-explain :is(h2,h3,strong,b){
  color:#F4FBFC !important;
}
body.multi-page-prototype.dark-reference.page-nutzen .fairness-price-anchor :is(p,span),
body.multi-page-prototype.dark-reference.page-nutzen .wide-explain :is(p,span){
  color:#C9D8DC !important;
}

/* 3) Kennzeichnung „Einordnung vor der Analyse“ besser lesbar. */
body.multi-page-prototype.dark-reference.page-nutzen #preise .entry-check-card .entry-kicker{
  font-size:17px !important;
  line-height:1.25 !important;
  letter-spacing:.08em !important;
  font-weight:900 !important;
  color:#52EEF3 !important;
}
@media(max-width:760px){
  body.multi-page-prototype.dark-reference.page-nutzen #preise .entry-check-card .entry-kicker{
    font-size:16px !important;
  }
}

/* 4–6) Preistabellen: Dark-Kontrast, Zeilentrennung und Lesbarkeit deutlich erhöhen. */
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table{
  width:100% !important;
  border:1px solid rgba(82,224,230,.34) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#020B0F !important;
  box-shadow:0 10px 28px rgba(0,0,0,.28) !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table thead th{
  background:linear-gradient(90deg,rgba(8,97,105,.98),rgba(13,145,153,.94)) !important;
  color:#F8FEFF !important;
  border-right:1px solid rgba(183,246,248,.18) !important;
  border-bottom:1px solid rgba(183,246,248,.24) !important;
  padding:15px 16px !important;
  font-size:17px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  vertical-align:middle !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table thead th:last-child{
  border-right:0 !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table tbody td{
  color:#D7E4E7 !important;
  background:rgba(4,18,24,.94) !important;
  border-top:1px solid rgba(80,184,191,.22) !important;
  border-right:1px solid rgba(80,184,191,.13) !important;
  padding:14px 16px !important;
  font-size:17px !important;
  line-height:1.38 !important;
  vertical-align:top !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table tbody tr:nth-child(even) td{
  background:rgba(7,28,34,.96) !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table tbody td:last-child{
  border-right:0 !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table tbody td:first-child{
  color:#F0F8FA !important;
  font-weight:700 !important;
}
/* Zwei-Spalten-Tabellen erhalten eine klarere Spaltenhierarchie. */
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table th:first-child:nth-last-child(2),
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table th:first-child:nth-last-child(2) ~ th,
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table td:first-child:nth-last-child(2),
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table td:first-child:nth-last-child(2) ~ td{
  min-width:0 !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table:has(thead th:nth-child(2):last-child) th:first-child,
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table:has(thead th:nth-child(2):last-child) td:first-child{
  width:40% !important;
}
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table:has(thead th:nth-child(2):last-child) th:last-child,
body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table:has(thead th:nth-child(2):last-child) td:last-child{
  width:60% !important;
}
@media(max-width:900px){
  body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table{
    display:block !important;
    overflow-x:auto !important;
    -webkit-overflow-scrolling:touch !important;
  }
  body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table thead th,
  body.multi-page-prototype.dark-reference.page-nutzen #preise .price-table tbody td{
    font-size:16px !important;
    padding:13px 14px !important;
  }
}