/* Spec 092: Keyword-Zielseiten, Ergänzung zu ort.css. Radius ≤ 8 px, kein Uppercase, keine Kästen um Zahlen. */
.lz-ziel main>section:first-of-type{padding-top:20px}
.lz-ziel .hero-image{aspect-ratio:4/3;border-radius:8px;overflow:hidden}
.lz-ziel .hero-image.z-foto{box-shadow:0 30px 60px -25px rgba(0,58,128,.35)}
.lz-ziel .hero-image.z-illu{box-shadow:none;background:transparent;display:flex;align-items:center;justify-content:center;max-height:380px}
@media (min-width:1000px){.lz-ziel .hero-image.z-foto{max-height:420px}}
.lz-ziel .breadcrumb{margin-bottom:0}
.lz-ziel sup.fn{cursor:pointer;font-size:.55em;vertical-align:super;line-height:0}
.lz-ziel .z-q{font-size:.72em;vertical-align:super;line-height:0;margin-left:2px;text-decoration:none;color:var(--brand)}
.lz-ziel main a:not(.btn):not(.seo-link):not(.z-studio):not([style*="contents"]){color:var(--brand)}
.lz-ziel .seo-prose a:not(.btn),.lz-ziel .lz-zwei p a,.lz-ziel .faq-a-inner a,.lz-ziel .seo-table td a,.lz-ziel .section-header p a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lz-ziel .section-header p{max-width:78ch}

/* Preistabelle: Monatsrate ist die größte Zahl */
.lz-ziel .seo-table th{text-align:left}
.lz-ziel .z-preise{width:100%;border-collapse:collapse}
.lz-ziel .z-preise th:nth-child(n+2),.lz-ziel .z-preise td:nth-child(n+2){text-align:right}
.lz-ziel .z-preise td{vertical-align:middle;padding-top:11px;padding-bottom:11px}
.lz-ziel .z-preise td:first-child a{color:var(--brand-dark);text-decoration:none}
.lz-ziel .z-preise td:first-child a:hover b{color:var(--brand)}
.lz-ziel .z-preise b{font-size:15.5px}
.lz-ziel .z-sub{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.35}
.lz-ziel .z-rate{white-space:nowrap}
.lz-ziel .z-rate b{display:block;font-size:clamp(20px,1.7vw,24px);font-weight:800;color:var(--brand);line-height:1.1}
.lz-ziel .z-rate span{font-size:12.5px;color:var(--ink-3)}
.lz-ziel .z-einzel{white-space:nowrap;color:var(--ink-3);font-size:14.5px}

/* Vergleichstabellen: mobil als Liste statt Querscrollen */
.lz-ziel .z-tabelle{width:100%;border-collapse:collapse}
.lz-ziel .z-tabelle td{vertical-align:top;line-height:1.45}
.lz-ziel .z-tabelle td:first-child{font-weight:600;color:var(--brand-dark)}
.lz-ziel .z-tabelle td b{color:var(--brand);font-weight:800}
.lz-ziel .z-tabelle td a{color:var(--brand)}
@media (max-width:760px){
  .lz-ziel .seo-table-wrap{overflow:visible}
  .lz-ziel .z-tabelle thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .lz-ziel .z-tabelle tr{display:block;padding:12px 0;border-bottom:1px solid var(--ort-line)}
  .lz-ziel .z-tabelle td{display:grid;grid-template-columns:minmax(96px,38%) 1fr;gap:10px;padding:3px 0;border:0;font-size:14px}
  .lz-ziel .z-tabelle td::before{content:attr(data-l);font-size:12.5px;font-weight:600;color:var(--ink-3)}
  .lz-ziel .z-tabelle td:first-child{display:block;font-size:15.5px;padding-bottom:6px}
  .lz-ziel .z-tabelle td:first-child::before{content:none}
  .lz-ziel .z-sp2 td{display:block}
  .lz-ziel .z-sp2 td::before{content:none}
}

/* Zahlen ohne Kästen */
.lz-ziel .z-zahlen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ort-line);border-bottom:1px solid var(--ort-line)}
.lz-ziel .z-zahlen li{padding:18px 18px 18px 0}
.lz-ziel .z-zahlen li+li{padding-left:18px;border-left:1px solid var(--ort-line)}
.lz-ziel .z-zahlen b{display:block;font-size:clamp(24px,2.4vw,34px);font-weight:800;color:var(--brand-dark);line-height:1.1;margin-bottom:6px}
.lz-ziel .z-zahlen li:first-child b{color:var(--brand)}
.lz-ziel .z-zahlen span{font-size:14px;color:var(--ink-3);line-height:1.4;display:block}
@media (max-width:640px){
  .lz-ziel .z-zahlen{grid-template-columns:1fr}
  .lz-ziel .z-zahlen li,.lz-ziel .z-zahlen li+li{padding:12px 0;border-left:0}
  .lz-ziel .z-zahlen li+li{border-top:1px solid var(--ort-line)}
}

/* Listen und Schritte */
.lz-ziel .z-liste{margin:0;padding:0 0 0 18px}
.lz-ziel .z-liste li{margin:0 0 7px}
.lz-ziel .z-schritte{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 28px;border-top:1px solid var(--ort-line)}
.lz-ziel .lz-schritte li b{color:var(--brand-dark)}
.lz-ziel .lz-schritte li span{font-size:15px;line-height:1.55}

/* Studios */
.lz-ziel .z-studios{grid-auto-columns:clamp(190px,17%,260px)}
.lz-ziel .z-studio{display:block;text-decoration:none;color:inherit;scroll-snap-align:start}
.lz-ziel .z-studio .lz-bild{aspect-ratio:1/1;margin:0 0 10px}
.lz-ziel .z-studio b{display:block;font-size:15.5px;color:var(--brand-dark);line-height:1.25}
.lz-ziel .z-studio span{display:block;font-size:13px;color:var(--ink-3);margin-top:2px;line-height:1.35}
.lz-ziel .z-studio:hover b{color:var(--brand)}
@media (max-width:700px){.lz-ziel .z-studios{grid-auto-columns:58%}}

/* Quellen */
.lz-ziel .z-quellen{padding-top:12px!important;padding-bottom:12px!important}
.lz-ziel .z-quellen .section-header{margin-bottom:10px}
.lz-ziel .z-quellen h2{font-size:17px!important}
.lz-ziel .z-quellen ol{margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.55;color:var(--ink-3);max-width:95ch}
.lz-ziel .z-quellen li{margin:0 0 5px}
.lz-ziel .z-quellen a{text-decoration:underline;text-underline-offset:2px}


/* Abschlussbanner: kein Video, ruhige Fläche */
.lz-ziel .z-banner{padding-top:24px!important;padding-bottom:64px!important}
.lz-ziel .z-banner .trust-banner{padding:clamp(28px,4vw,48px);border-radius:8px}
.lz-ziel .z-banner .tb-lead{margin-bottom:18px}

/* Weiterlesen-Karten (Regeln der Stadtseiten, dort im Seitenkörper) */
.lz-ziel .seo-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lz-ziel .seo-link{display:block;padding:18px;background:#fff;border:1px solid var(--ort-line);border-radius:8px}
.lz-ziel .seo-link:hover{border-color:var(--brand)}
.lz-ziel .seo-link .k{display:block;font-size:12.5px;font-weight:700;color:var(--brand);margin-bottom:6px}
.lz-ziel .seo-link h3{font-size:16px;line-height:1.3;margin:0 0 6px;color:var(--brand-dark)}
.lz-ziel .seo-link p{font-size:14px;line-height:1.5;color:var(--ink-3);margin:0}
@media (max-width:900px){.lz-ziel .seo-links{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.lz-ziel .seo-links{grid-template-columns:1fr}}

/* ort.css blendet auf dem Handy Spalte 2 der Preistabelle aus, hier ist das die Monatsrate */
.lz-ziel #preise .z-preise th:nth-child(2),.lz-ziel #preise .z-preise td:nth-child(2),.lz-ziel #preise .z-preise th:nth-child(3),.lz-ziel #preise .z-preise td:nth-child(3){display:table-cell!important}
@media (max-width:560px){
  .lz-ziel .z-preise th:nth-child(3),.lz-ziel .z-preise td:nth-child(3){padding-left:6px}
  .lz-ziel .z-sub{font-size:12.5px}
  .lz-ziel .z-einzel{font-size:13.5px}
  .lz-ziel .z-rate b{font-size:19px}
}