/* Final visual correction – 2026-08-27
   Restores one coherent black / anthracite / gold design system. */
:root{
  --kv-panel:#111216;
  --kv-panel-2:#17181d;
  --kv-text:#f5f1ea;
  --kv-muted:#b9b3aa;
  --kv-gold:#e7ca78;
  --kv-gold-deep:#c9a45c;
  --kv-border:rgba(231,202,120,.24);
  --kv-border-soft:rgba(255,255,255,.12);
}

/* Long-term typography and interaction baseline. */
html{color-scheme:dark;scroll-padding-top:96px}
body{font-synthesis:none}
body h1,body h2,body h3{
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
}
body p,body li{max-width:72ch}
body .btn,body button,body input,body select,body textarea{font:inherit}
body .btn,body button{min-height:48px}
body a:focus-visible,body button:focus-visible,body input:focus-visible,
body select:focus-visible,body textarea:focus-visible,body summary:focus-visible{
  outline:3px solid var(--kv-gold)!important;
  outline-offset:4px!important;
}
body summary{cursor:pointer}
body img{height:auto}

/* Research section: the former white surface caused near-invisible headings. */
body .evidence-section{
  background:
    radial-gradient(circle at 14% 8%,rgba(231,202,120,.10),transparent 34%),
    linear-gradient(180deg,#0b0c0f,#111217)!important;
  border-top:1px solid var(--kv-border)!important;
  border-bottom:1px solid var(--kv-border-soft)!important;
}
body .evidence-section .section-title,
body .evidence-section h2,
body .evidence-section h3{color:var(--kv-text)!important;text-shadow:none!important}
body .evidence-section p,
body .evidence-section .lead,
body .evidence-section .evidence-note{color:var(--kv-muted)!important}

/* Evidence, ratings, seminar facts and question cards all use the same surface. */
body .evidence-card,
body .rating-proof,
body .seminar-fact,
body .question-card{
  min-width:0!important;
  overflow:hidden!important;
  padding:clamp(20px,2.4vw,28px)!important;
  border:1px solid var(--kv-border-soft)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 90% 5%,rgba(231,202,120,.08),transparent 34%),
    linear-gradient(150deg,rgba(27,28,33,.98),rgba(13,14,17,.99))!important;
  box-shadow:0 20px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.045)!important;
  color:var(--kv-text)!important;
}
body .evidence-card h3,
body .question-card h3,
body .rating-proof strong,
body .seminar-fact strong{color:var(--kv-text)!important}
body .evidence-card p,
body .question-card p,
body .rating-proof small,
body .seminar-fact span{color:var(--kv-muted)!important}
body .rating-proof:hover{
  border-color:rgba(231,202,120,.48)!important;
  transform:translateY(-2px);
}
body .rating-proof .stars{color:#efbd3d!important;text-shadow:0 0 18px rgba(239,189,61,.18)}
body .evidence-list a{color:var(--kv-text)!important;border-bottom:1px solid rgba(255,255,255,.07);padding:3px 0 13px}
body .evidence-list small{color:var(--kv-muted)!important}

/* Seminar facts stay inside the viewport and remain balanced at every zoom. */
body .seminar-facts{
  width:100%!important;
  max-width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
body .seminar-fact{width:100%!important;max-width:100%!important}

/* Feierabendgespräch: remove the isolated bright blue block. */
body .feierabend-panel{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(231,202,120,.28)!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(231,202,120,.18),transparent 35%),
    linear-gradient(145deg,#17181d,#0b0c0f)!important;
  box-shadow:0 24px 62px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body .feierabend-panel h2{color:var(--kv-text)!important}
body .feierabend-panel p{color:#d7d1c8!important}
body .feierabend-panel .eyebrow{color:var(--kv-gold)!important}

/* The former white transfer box now belongs to the dark page. */
body .topic-bridge{
  border:1px solid var(--kv-border)!important;
  border-left:4px solid var(--kv-gold-deep)!important;
  border-radius:0 18px 18px 0!important;
  background:linear-gradient(135deg,rgba(231,202,120,.09),rgba(255,255,255,.035))!important;
  color:var(--kv-text)!important;
}
body .topic-bridge strong{color:var(--kv-text)!important}
body .source-library{border-top-color:var(--kv-border-soft)!important}
body .source-library a{color:var(--kv-gold)!important}

/* Search-intent / DACH sections: prevent cards, pills and buttons from clipping. */
body .search-intent-section,
body .search-intent-section .wrap,
body .search-intent-grid,
body .search-intent-grid>*{min-width:0!important;max-width:100%!important}
body .search-intent-section .btns{display:flex!important;flex-wrap:wrap!important;align-items:stretch!important}
body .search-intent-section .btn{flex:1 1 230px!important;max-width:100%!important;white-space:normal!important;text-align:center!important}
body .offer-facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}
body .offer-facts span{display:flex;align-items:center;justify-content:center;min-width:0!important;text-align:center;white-space:normal!important}
body .search-link-panel{border-color:var(--kv-border-soft)!important;background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.025))!important}

/* Stable page width even at browser zoom and intermediate laptop widths. */
html,body{max-width:100%!important;overflow-x:hidden!important}
body .wrap{width:min(calc(100% - 40px),var(--wrap,1240px))!important;max-width:calc(100% - 40px)!important}

@media(max-width:1120px){
  body .seminar-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .offer-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body .search-intent-grid{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:720px){
  body .wrap{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important}
  body .rating-proof-row,
  body .seminar-facts,
  body .offer-facts{grid-template-columns:minmax(0,1fr)!important}
  body .search-intent-section .btns{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  body .search-intent-section .btn{width:100%!important}
  body .evidence-card,body .rating-proof,body .seminar-fact,body .question-card{padding:20px!important}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  body *,body *::before,body *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}