/* Webdesign Heidelberg (Philipp 26.10.2026: „inhaltlich und optisch überarbeiten“): Nähe auf Schwarz mit vereinfachter Karte,
   „Worauf es ankommt“ mit Bildwelten, Weiche Webdesigner oder Werbeagentur. Ergänzt leistung.css. */

/* Zusammenarbeit auf Schwarz (bis 26.10.2026 „Wie nah ist Büro Blanko an Heidelberg?“ mit Karte; Philipp: „kein lokaler
   Standortbezug“): links Text mit vier Punkten, rechts eine Vorschau mit Feedback, Videogespräch und Freigabe */
.hd-naehe{align-items:center}
.hd-punkte{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:22px}
.hd-punkte li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.hd-punkte__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
.hd-punkte__icon svg{width:22px;height:22px}
.hd-punkte strong{display:block;font:600 17px/1.3 var(--sans);color:#fff}
.hd-punkte p{margin:4px 0 0;font:400 15px/1.55 var(--sans);color:var(--on-dark-2)}
.section--dark .hd-punkte a{color:#fff}
.hd-visual{margin:0;padding:28px;border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12)}
.hd-visual svg{display:block;width:100%;height:auto}
.hd-visual text{font-family:var(--sans)}
@media (max-width:680px){.hd-visual{padding:16px}}

/* Mittige Hinweiszeile unter Kachelreihen */
.hd-mitte{text-align:center}

/* Webdesigner oder Werbeagentur: zwei Karten mit „oder“ dazwischen */
.hd-weiche{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:24px;align-items:stretch}
.hd-weiche__oder{align-self:center;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--black);color:#fff;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.hd-weiche .checklist{margin:16px 0 22px;font-size:15px}
.hd-weiche .checklist li{padding:9px 0 9px 38px}
.hd-weiche .checklist li::before{top:8px}
@media (max-width:960px){.hd-weiche{grid-template-columns:minmax(0,1fr)}.hd-weiche__oder{justify-self:center}}
.hd-weiche .vig{height:190px}
/* Leistungen: Überschrift über die ganze Inhaltsbreite (Philipp 26.10.2026: „content-full-width“) */
#leistungen .section-head{max-width:none}