/* MAJOR – Variante B: Schwarz. Eigenständige Vorschau, 08.09.2026. */
:root {
  --ink:#080808;
  --coal:#101010;
  --paper:#090909;
  --paper-warm:#101010;
  --paper-dim:#161616;
  --panel:#171717;
  --line:#343434;
  --line-strong:#505050;
  --line-ui:#85857e;
  --ink-on-paper:#f3f1e9;
  --muted-on-paper:#b9b9af;
  --text:#f3f1e9;
  --muted:#b9b9af;
  --accent-text:#9adb43;
  --focus:#a5e650;
  --error-text:#ffac94;
  --green-ink:#9adb43;
  color-scheme:dark;
}
.site-header, .hero, .page-head, .cta-final, .site-footer, .action-bar,
.section--coal, .theme-dark {
  --panel:#171717;
  --line:#343434;
  --line-strong:#505050;
  --line-ui:#85857e;
  --text:#f3f1e9;
  --muted:#b9b9af;
  --accent-text:#9adb43;
  --focus:#a5e650;
  --error-text:#ffac94;
}
body { background:var(--paper); color:var(--text); }
body::after { opacity:.022; }
.brand, .brand:hover { color:var(--text); }
.service-card { color:var(--text); background:#141414; }
.service-card:hover { border-color:var(--green); background:#1a1d16; }
.service-card__index { color:var(--accent-text); }
.service-row__index { -webkit-text-stroke-color:#85857e; }
.steps--line > li::before, .review__avatar { color:#f5f4ed; }
.steps__check { border-color:var(--line-strong); }
.section--paper .media-frame {
  background:repeating-linear-gradient(-45deg,transparent 0 14px,#282828 14px 15px),var(--paper-dim);
  border-color:var(--line-strong);
}
.section--paper .media-frame__label { background:var(--panel); color:var(--muted); border-color:var(--line-strong); }
input::placeholder, textarea::placeholder { color:#a8a8a0; opacity:1; }
/* Grüne Primärbuttons behalten ihre dunkle Beschriftung. */
.btn--primary, .btn--primary:hover { color:#10130a; }
@media print {
  :root { --text:#111; --muted:#444; --muted-on-paper:#444; --ink-on-paper:#111; --paper:#fff; --paper-warm:#fff; --panel:#fff; --accent-text:#365500; }
  body, .service-card { background:#fff; color:#111; }
}

/* Review umgesetzt: kompakter Rhythmus, konkreter Einstieg. */
:root { --space-section:clamp(3rem,5vw,5rem); --space-block:clamp(1.5rem,3vw,2.5rem); }
.hero__grid { min-block-size:0; padding-block:clamp(2.5rem,5vw,4.5rem); }
.hero__title { font-size:clamp(2.3rem,4.4vw,4rem); }
.hero__visual { min-block-size:0; }
.hero-brand { background:#000; border:1px solid var(--line); padding:1.5rem; }
.hero-brand img { width:100%; height:auto; }
.hero-brand p { margin:1rem 0 0; color:var(--muted); font-family:var(--font-display); font-size:1.35rem; border-top:1px solid var(--line); padding-top:1rem; }
@media(max-width:56em) {
  .hero__grid { gap:1.25rem; }
  .hero__visual { width:100%; margin-top:0; }
  .hero-brand { display:flex; align-items:center; gap:1rem; padding:.75rem; }
  .hero-brand img { width:55%; }
  .hero-brand p { margin:0; border:0; padding:0; font-size:1rem; }
  .hero__meta { margin-top:1.5rem; margin-bottom:0; }
}
@media(max-width:36em) {
  .service-strip { gap:.75rem; }
  .service-card { display:grid; grid-template-columns:5.5rem minmax(0,1fr); column-gap:1rem; padding:.85rem; }
  .service-card > img { grid-column:1; grid-row:1 / 5; width:5.5rem; height:100%; min-height:6rem; margin:0; aspect-ratio:auto; object-fit:cover; }
  .service-card__index { display:none; }
  .service-card h3 { grid-column:2; font-size:1.35rem; margin:0 0 .35rem; }
  .service-card p { grid-column:2; font-size:.9rem; margin:0 0 .55rem; }
  .service-card__more { grid-column:2; font-size:.95rem; }
  .brand__customer-logo { width:14rem; height:4.25rem; }
  .site-header__bar { min-height:4.75rem; }
}