/* Praxisgruendung und Praxisuebernahme: nur fuer /praxisgruendung/.
   Baut auf stil.css auf und nutzt deren Bausteine (hero--kurz, ehrlich, wege, ueber, ablauf, faq, schluss). */

/* So laeuft es ab: Schritte ohne Bild (wie beim Arbeitgeber-Befund) */
.ablauf__schritt--ohne-bild .ablauf__inhalt{padding:2rem 1.8rem 2.1rem}
.ablauf__schritt--ohne-bild .ablauf__nr{position:static;transform:none;border-radius:12px;margin:0 0 1.2rem}

/* Hero: die beiden Personen sitzen rechts im Bild, der Text links */
.pg-hero .hero__hintergrund img{object-position:100% 30%}

/* Problem: Bild und vier Bloecke */
.pg-problem .ehrlich__bild img{object-position:50% 30%}

/* Technik: Kontaktwege unter dem Text */
.pg-technik .wege-liste{max-width:460px}
.pg-technik .ueber__bild picture img{object-position:50% 30%}

/* Abschluss */
.schluss__knoepfe{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2rem 1.8rem}
.schluss__knoepfe .tel-link{color:#fff}
.schluss__knoepfe .tel-link svg{color:var(--blau-hell)}
.schluss__knoepfe .tel-link:hover{color:var(--blau-hell)}

/* Kontaktkarten bleiben beim Darueberfahren in der Spur (kein Seitwaertsruck) */
.pg-technik .weg-karte:hover,.pg-technik .weg-karte:focus-visible{transform:none}
@media (max-width:560px){.pg-hero .hero__hintergrund img{object-position:86% 20%}}

/* Grafik: Zahnaerztin vor neun Baustellen, AO fasst alles zusammen */
.pg-problem{padding-bottom:clamp(2rem,4vw,3rem)}
.pg-chaos{padding-top:clamp(2rem,4vw,3rem)}
.pg-chaos__bild{margin:clamp(1.5rem,3vw,2.5rem) auto 0;max-width:1100px}
.pg-chaos__bild svg{display:block;width:100%;height:auto;margin:0 auto}
.pg-chaos__klein{display:none!important}
.pg-chaos__label,.pg-chaos__ao-text,.pg-chaos__frage{font-family:var(--schrift-kopf);font-weight:600}
.pg-chaos__label{fill:var(--kopf)}
.pg-chaos__pfeil{stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .9s var(--ease),opacity .2s;transition-delay:calc(var(--i) * 90ms + 200ms)}
.pg-chaos__bild.sichtbar .pg-chaos__pfeil{stroke-dashoffset:0;opacity:1}
.pg-chaos__ring,.pg-chaos__ao{opacity:0;transition:opacity .7s var(--ease) 1.3s}
.pg-chaos__bild.sichtbar .pg-chaos__ring,.pg-chaos__bild.sichtbar .pg-chaos__ao{opacity:1}
@media (max-width:700px){
  .pg-chaos__gross{display:none!important}
  .pg-chaos__klein{display:block!important;max-width:400px}
}
@media (prefers-reduced-motion:reduce){
  .pg-chaos__pfeil{stroke-dashoffset:0;opacity:1;transition:none}
  .pg-chaos__ring,.pg-chaos__ao{opacity:1;transition:none}
}