/* PKZ Unterseiten Seniorenzentrum + Service Wohnen
   Nur bestehende CI-Variablen und Weiß. Ergänzt seiten.css / kopf-2026.css. */

/* Aktionszeile (im Seitenkopf und unter Abschnitten) */
.aktion{display:flex;flex-wrap:wrap;gap:10px 12px;margin:22px 0 0}
.block .aktion{margin:6px 0 .9rem}
.aktion .btn,.cta__btns .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-left:0}
.phead--img .btn:focus-visible,.cta .btn:focus-visible{outline-color:#fff}

.block p + h2{margin-top:1.8rem}

/* Textlink mit Pfeil (z. B. "Kurzzeitpflege anfragen →") */
.weiter{font-weight:700;color:var(--anthrazit);text-underline-offset:3px}
.weiter:hover{color:var(--grau-dunkel)}

/* Ablauf in Schritten */
.ablauf{list-style:none;counter-reset:schritt;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.ablauf li{counter-increment:schritt;background:#fff;border:1px solid var(--line);border-top:5px solid var(--c,var(--gruen));border-radius:4px;padding:20px 20px 18px;min-width:0}
.ablauf li::before{content:counter(schritt,decimal-leading-zero);display:block;font-family:"Archivo",sans-serif;font-weight:800;font-size:1.5rem;line-height:1;color:var(--anthrazit);margin-bottom:10px}
.ablauf h3{margin:0 0 .35rem}
.ablauf p{margin:0;color:var(--ink-2)}

/* Bildreihe */
.bildreihe{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.bildreihe figure{margin:0}
.bildreihe img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:4px}
.bildreihe figcaption{margin-top:6px;font-size:.92rem;color:var(--ink-2)}
.split figure{margin:0}
.split figcaption{margin-top:6px;font-size:.92rem;color:var(--ink-2)}

/* Orientierung "Welche Hilfe passt?" */
.orientierung{list-style:none;margin:8px 0 1rem;padding:0;display:grid;gap:10px;max-width:900px}
.orientierung li{background:#fff;border:1px solid var(--line);border-left:5px solid var(--c,var(--gelb));border-radius:4px;padding:14px 18px}
.orientierung strong{display:block;font-family:"Archivo",sans-serif;margin-bottom:2px}
.orientierung a{font-weight:700;color:var(--anthrazit)}


@media (max-width:480px){
  .aktion .btn,.cta__btns .btn{flex:1 1 100%}
}