/* Webdesign Mannheim (Philipp 26.10.2026): drei Stufen „Was muss eine Website leisten?“ als Ablauf-Reihe mit Icon,
   Vergleich Freelancer / Büro Blanko / große Agentur auf Schwarz. Ergänzt leistung.css. */
/* „Worauf es ankommt“ als Anfrage-Trichter (Philipp 26.10.2026: die Ablauf-Darstellung passt dort nicht):
   links die drei Aufgaben als Liste mit Icon, rechts der Trichter */
.wr-trichter{align-items:center}
.wr-aufgaben{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.wr-aufgaben li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:start}
.wr-aufgaben__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--black);color:#fff}
.wr-aufgaben__icon svg{width:22px;height:22px}
.wr-aufgaben strong{display:block;font:600 17px/1.3 var(--sans);color:var(--black)}
.wr-aufgaben p{margin-top:4px;font:400 15px/1.55 var(--sans);color:var(--text-2)}
.wr-trichter .note-line{margin-top:24px}
.wr-trichter__bild{margin:0;padding:32px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-card)}
.wr-trichter__bild svg{display:block;width:100%;height:auto}
@media (max-width:680px){.wr-trichter__bild{padding:18px}}
/* „Worauf es ankommt“: KI-Bild von Philipp statt der Trichter-Grafik (Philipp 26.10.2026, Bildvergleich 21 A, OpenAI) */
.wr-trichter__bild--foto{padding:0;background:none;border:0;box-shadow:none}
.wr-trichter__bild--foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:36% 50%;border-radius:var(--radius)}
.wr-trichter__bild--foto figcaption{margin-top:10px;font-size:12px;color:var(--text-2)}
@media (max-width:980px){.wr-trichter__bild--foto img{aspect-ratio:3/2;object-position:50% 50%}}
.wr-mitte{justify-content:center;text-align:center;margin-top:32px}
.wr-wahl{margin-top:8px}
.wr-wahl .wr-wahl--wir{border-color:var(--mint)}
.section--dark .wr-mitte a:not(.btn){color:#fff}
.section--dark .phone-line{color:#fff}