/* Finale Fassung: Hobbys und Amtsnachfolge im Stil von V2, auf weißem Grund */
.f-hobbys{margin-top:clamp(26px,3vw,40px)}
.f-h3{font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--wappen);margin-bottom:14px}
.v3-notar .chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px}
.v3-notar .chips li{border:1px solid var(--mittel);background:var(--hell-2);border-radius:999px;padding:9px 16px;font-size:14px;color:var(--blau)}
.f-akten-wrap{margin-top:clamp(56px,7vw,110px)}
.v3-notar .akten{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;padding-top:14px;max-width:1100px;margin-inline:auto}
.v3-notar .akte{position:relative;background:#F4F1EA;color:var(--text);padding:24px 22px 22px;border-radius:2px 6px 6px 6px;
  box-shadow:0 1px 0 rgba(0,0,0,.05),0 14px 30px rgba(15,47,66,.14);transition:transform .35s var(--ease-sanft),box-shadow .35s}
.v3-notar .akte::after{content:"";position:absolute;left:16px;right:16px;bottom:11px;height:1px;background:repeating-linear-gradient(90deg,rgba(34,94,128,.25) 0 6px,transparent 6px 10px)}
.v3-notar .akte-reiter{position:absolute;left:0;top:-12px;width:46%;height:14px;background:#F4F1EA;border-radius:6px 10px 0 0}
.v3-notar .akte strong{display:block;font-family:var(--serif);font-size:25px;font-weight:600;color:var(--blau);line-height:1.15;margin-bottom:4px}
.v3-notar .akte span{font-size:14px;color:var(--text-soft)}
.v3-notar .akte:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 22px 44px rgba(15,47,66,.22)}
@media (max-width:900px){ .v3-notar .akten{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .v3-notar .akten{grid-template-columns:1fr} }

/* ═══ Feinschliff 30.09.2026 ═══════════════════════════════════════════ */
/* Kopfleiste: Navigation rückt an „Formulare", Barrierefreiheit rechts daneben */
/* (Navigation an „Formulare": seit 06.10. in site.css, gilt für alle Seiten) */
/* Hero-Leiste mit drei Feldern */
.v3-leiste.leiste-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1280px){ .v3-leiste.leiste-3{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:560px){ .v3-leiste.leiste-3{grid-template-columns:minmax(0,1fr)} .v3-leiste.leiste-3 a:last-child{grid-column:auto} }
/* Knopf „Alle Datenblätter": ohne Zeile darüber, entsprechend flacher */
.tb-alle{min-height:0;justify-content:center;padding-block:26px}
/* Überzug „Alle Datenblätter": je nach Bildschirm breiter, mehr Luft */
.fo-inhalt{width:min(1680px,100%)}
.fo-overlay{padding-inline:clamp(16px,3.4vw,72px)}
.fo-raster{gap:clamp(12px,1.4vw,24px)}
.fo-kat{padding:22px clamp(14px,1.1vw,22px) 22px}
@media (min-width:1600px){ .fo-titel{font-size:15px} .fo-unter{font-size:12.5px} }
@media (max-width:1359px){ .fo-raster{grid-template-columns:repeat(3,minmax(0,1fr))} .fo-overlay{align-items:flex-start;overflow:auto} }
@media (max-width:860px){ .fo-raster{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:560px){ .fo-raster{grid-template-columns:minmax(0,1fr)} }
/* Straße auf schmalen Bildschirmen: Zeichnung größer */
@media (max-width:860px){ .tb-buehne{height:88vw;max-height:620px} }
/* Schmale Bildschirme/Tablet hochkant: Abschnitt wächst mit Karten und Knopf
   (vorher feste Höhe → Karten lagen über den Öffnungszeiten) */
@media (max-width:860px){ .tb-strasse{height:auto!important;min-height:0;max-height:none;overflow:visible} }
/* Lange Wörter in den Bereichskarten umbrechen, Karten oben bündig */
.tb-punkte li,.tb-name{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word;min-width:0}
@media (max-width:860px){ .tb-karten{align-items:start} }
/* Straße: oben etwas Luft, damit das oberste Schild nicht an der Kante klebt */
@media (min-width:861px){ .tb-buehne{top:clamp(18px,3.5vh,44px)} }
/* Bilder in <picture>: Bildrahmen bleibt der Elternblock */
.v3-portrait picture,.modal-bild picture{display:contents}