/* ==============================================================
   weiter.css  ·  Besitzer: P0 Fundament  ·  K04 Weiter-Zeile
   Markup nur aus kh_weiter() (includes/weiter.php). Hell: liegt auf der
   Flaeche der Sektion davor. Dunkel (.weiter--dunkel.schild): gehoert zur
   Ladenschild-Buehne davor. Kompakt: eine Zeile, ohne Zeiten.
   ============================================================== */
.weiter{padding-block:clamp(1.5rem, 1rem + 2vw, 2.5rem)}
.weiter-innen{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.6rem}
.weiter-innen > *{min-width:0}
.weiter-tel{
  display:inline-flex;align-items:center;gap:.55rem;min-height:48px;
  font-family:var(--schrift-titel);font-weight:720;font-stretch:88%;
  font-size:clamp(1.25rem, 1.1rem + .6vw, 1.6rem);line-height:1.1;letter-spacing:-.01em;
  color:var(--text);text-decoration:none;white-space:nowrap;
}
.weiter-tel svg{flex:0 0 auto;color:var(--accent-text)}
.weiter-tel:hover span,.weiter-tel:focus-visible span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em}
.weiter-zeiten{margin:0;color:var(--muted);flex-basis:100%}
@media (min-width:56rem){
  .weiter-zeiten{flex-basis:auto;margin-left:auto}
}
.weiter--kompakt{padding-block:clamp(1rem, .8rem + 1vw, 1.5rem)}

/* ---- Nachbesserung 25.09.2026 (Jury Befund 7, 12) --------------------
   Kompakt = Knopf + kleiner Telefon-Link (keine Gross-Stufe, keine Zeiten).
   Die volle Zeile steht hoechstens zweimal je Seite. */
.weiter--kompakt .weiter-tel{font-size:1.125rem;font-weight:640;font-stretch:96%;letter-spacing:0}
/* fix2 (Wunsch P4/P12, global statt nur .sb): mobil steht die kompakte Zeile
   in EINER Zeile - Primaerknopf + Telefon als 48-px-Hoerer-Knopf. Die Nummer
   bleibt als Linktext im DOM (Name fuer Screenreader, nur visuell verborgen);
   sichtbar steht sie im Anruf-Knopf des Kopfs (K10). Spart je Zeile ~60 px. */
@media (max-width:47.99rem){
  .weiter--kompakt .weiter-innen{flex-wrap:nowrap;gap:.75rem}
  .weiter--kompakt .btn-1{flex:1 1 auto;min-width:0;padding-inline:.8rem;gap:.4rem;font-size:.9375rem;letter-spacing:-.005em}
  .weiter--kompakt .weiter-tel{
    flex:0 0 48px;width:48px;justify-content:center;gap:0;
    border:2px solid var(--border-feld);border-radius:var(--r-knopf);
  }
  .weiter--kompakt .weiter-tel span{
    position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;
  }
}
/* Angstabbauende Microcopy am Klickpunkt, nur in der vollen Zeile (Text-Review
   fix2; Wortlaut wie auf /fragen.php). */
.weiter-micro{margin:0;flex-basis:100%;color:var(--muted);font-size:.9375rem}
/* Telefon-Textlink neben einem Primaerknopf (kh_tel_link) */
.tel-link{
  display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding-inline:.25rem;
  font-family:var(--schrift-titel);font-weight:640;font-stretch:96%;font-size:1.0625rem;line-height:1.2;
  color:var(--text);text-decoration:none;white-space:nowrap;
}
.tel-link svg{flex:0 0 auto;color:var(--accent-text)}
.tel-link span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--line-2)}
.tel-link:hover span,.tel-link:focus-visible span{text-decoration-color:currentColor;text-decoration-thickness:2px}