/* Startseite (seiten/start.php, Angleichung Paket A, 20.10.2026) – nur, was bausteine.css nicht hat. Farben nur über Tokens (auch hell richtig),
   kein prefers-color-scheme; Bewegung bleibt in style.css und szenen.js. Budget ≤ 4.096 Byte (tools/tests/angleichung-start.php). */
/* Hero-Karte: Titel ist ein Absatz statt einer zweiten H2 mit demselben Text – Schrift der Überschriften behalten */
.hk-titel{font-family:'Space Grotesk','Inter',sans-serif;font-weight:700}
/* Etikett (F1): bricht in jeder Breite um (auch 921–1150 px, A+); inline-block, damit .nb kein Flex-Element wird */
.hero-kopf .eyebrow{white-space:normal;max-width:100%;text-wrap:balance;display:inline-block}@media (max-width:1180px){.hero-kopf .eyebrow{line-height:1.4;border-radius:1rem}}
/* Aufgabenstrom (#neural) läuft hinter dem Website-Check-Kasten, nie über Text: Kasten mit eigener, deckender Fläche; bei weniger Bewegung keine Symbole */
.hero-wc{position:relative;isolation:isolate;background:color-mix(in srgb,var(--cyan) 5%,var(--bg))}
@media (prefers-reduced-motion:reduce){#neural{display:none}}
/* Kurz gesagt und Etikett: „KI-…“ nie am Bindestrich trennen */
.kg-liste .nb,.hero-kopf .nb{white-space:nowrap}
/* Leistungen stehen seit der neuen Reihenfolge direkt unter „Kurz gesagt“ (Unterkante 0): eigener Abstand oben; unten Luft zur Referenz-Bühne */
section#leistungen{padding-top:var(--abstand-8);padding-bottom:var(--abstand-7)}
/* Karte 01: Linkzeile über die ganze Kartenbreite (bei 1440 px eine Zeile, bei 820 px keine leere Fläche unter den Haken) */
@media (min-width:760px){#leistungen .bs-leistung--breit .bs-punkte{grid-row:1/4}#leistungen .bs-leistung--breit .bs-links{grid-column:1/-1}}
.st-leistungen-knopf,.st-mehr{margin-top:var(--abstand-6)}
.werkbank .st-mehr{margin-top:var(--abstand-3);text-align:center}
/* Referenz-Bühne: Einblicke und Knöpfe mittig, Bildunterschriften ≥ 13 px (auch mit A+), Abschluss ohne Koralle-Rahmen (A.6), Tippziel ≥ 2,75 rem */
@media (min-width:921px){.ref-rechts{justify-content:center}}
.ref-shots span{font-size:max(.8125rem,13px)}
@media (max-width:379px){.ref-shots span{font-size:13px;padding-inline:4px}}
.ref-cta{border-color:var(--line2);background:var(--surface)}
.ref-knoepfe .btn{min-height:2.75rem}
@media (min-width:521px){.ref-knoepfe .btn{flex:1 1 auto}}
/* Problem: die Zitate nicht in Koralle (Koralle nie für „Problem“, A.6) */
.pain .x{color:var(--text)}
.pain:hover{border-color:var(--line2)}
/* Werkbank: Stempel „geprüft vom Team“ als Etikett ≥ 12 px */
.wb-stempel{font-size:max(.75rem,12px)}
/* Projektzeile statt Laufband (F3): jeder Name einmal, mittig umgebrochen */
.mq-zeile{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 2.25rem;margin:0 auto;list-style:none;font-family:'Space Grotesk','Inter',sans-serif;font-weight:600;font-size:1rem;color:var(--muted)}
.mq-zeile li{display:flex;align-items:center;gap:.625rem}
.mq-zeile i{width:5px;height:5px;border-radius:50%;background:var(--cyan);opacity:.6}
@media (max-width:640px){.mq-zeile{gap:.375rem 1.25rem;font-size:.9375rem}}
/* Warum Reedify: Liste mit Linien (bs-liste) statt Karten */
.why-liste h3{font-size:var(--fs-h3)}
.why-liste p{margin-top:.25rem;color:var(--bs-text2);font-size:.95rem}
.why-liste+.st-mehr{margin-top:var(--abstand-3)}
/* Zwei Karten ab 1100 px zweispaltig; drei Karten bei 640–1099 px: die dritte quer (Bild links) */
@media (min-width:1100px){.st-projekte:not(:has(>:nth-child(3))){grid-template-columns:1fr 1fr}}
@media (min-width:640px) and (max-width:1099px){
  .st-projekte>.bs-projekt:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-content:start;column-gap:2rem}
  .st-projekte>.bs-projekt:last-child:nth-child(odd)>*{grid-column:2}
  .st-projekte>.bs-projekt:last-child:nth-child(odd) .bs-projekt-bild{grid-column:1;grid-row:1/span 9;align-self:start;margin:0}
}