/* V7.4: vier Pakete nebeneinander, Unterblöcke und Kleingedrucktes. Werte aus den Variablen der Seite. */
.outcome{min-width:0}
.outcomes.vier{grid-template-columns:repeat(4,1fr)}
@media(max-width:1140px){.outcomes.vier{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.outcomes.vier{grid-template-columns:1fr}}
.outcome p strong{color:var(--text);font-weight:650}
.outcome.win p strong{color:#fff}
.v74-block{margin-top:72px;max-width:820px}
.v74-block h3{font-size:clamp(22px,2.6vw,28px);letter-spacing:-.02em;line-height:1.15}
.v74-block .intro{margin-top:12px}
.v74-block .spec{margin-top:24px}
.v74-klein{margin-top:18px;font-size:14px;line-height:1.6;color:var(--muted);max-width:68ch}
.v74-klein a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px}
.section.dark .v74-klein{color:var(--silver)}
.section.dark .v74-klein a{color:var(--accent)}
.split>*{min-width:0}
@media(min-width:921px){#webdesign .spec-row{grid-template-columns:130px 1fr;gap:20px}}
/* Rechtstexte: lange Wörter wie „Geschäftsbedingungen“ trennen bei 320 px statt die Seite zu verbreitern */
.legal-head h1,.legal-body{overflow-wrap:break-word;hyphens:auto}
/* Fünf Menüpunkte: am kleinen Bildschirm enger, nie zweizeilig */
.site-header nav a{white-space:nowrap}
@media(max-width:900px)and (min-width:761px){.site-header nav{gap:13px}.site-header nav a{font-size:13px}.brand .geo{display:none}}