/* ═══════════════════════════════════════════════════════════
   Seiten-CSS, Kontakt
   Eigene Bauteile: Kontakt-Info-Karten (.kinfo), Lageskizze (.lageskizze)
   ═══════════════════════════════════════════════════════════ */

.kontakt-grid{
  display:grid; gap:clamp(2.5rem,5vw,4.5rem); grid-template-columns:1fr;
  align-items:start;
}
@media(min-width:920px){.kontakt-grid{grid-template-columns:1.5fr 1fr}}
.kontakt-form.kontakt-info{min-width:0}

.kontakt-info{
  display:grid; gap:1rem; align-content:start;
  background:var(--water); border-radius:var(--r); padding:clamp(1.6rem,3vw,2.2rem);
}
.kinfo{display:grid; grid-template-columns:auto 1fr; gap:.9rem; align-items:start; min-width:0}
.kinfo [data-ico]{color:var(--navy); margin-top:.15rem; flex:none}
.kinfo h3{font-size:.92rem; font-weight:700; color:var(--deep); margin-bottom:.25rem}
.kinfo p{font-size:.92rem; color:var(--muted); overflow-wrap:anywhere}

/* ── Anfahrt ───────────────────────────────────────────────── */
.anfahrt-grid{
  display:grid; gap:clamp(2.2rem,5vw,4rem); grid-template-columns:1fr; align-items:center;
}
@media(min-width:900px){.anfahrt-grid{grid-template-columns:1fr 1fr}}
.anfahrt-txt.anfahrt-map{min-width:0}
.anfahrt-map{background:#fff; border:1px solid var(--grey); border-radius:var(--r); padding:1.4rem; text-align:center}
.lageskizze{width:100%; height:auto}
.lk__bg{fill:var(--water)}
.lk__road{fill:none; stroke:#B9CEDE; stroke-width:3; stroke-linecap:round; stroke-linejoin:round}
.lk__road--sm{stroke-dasharray:6 6}
.lk__pin{fill:var(--navy); stroke:#fff; stroke-width:2}
.lk__lbl{font-family:var(--ff-d); font-size:11px; font-weight:600; fill:var(--deep)}
.lk__lbl--muted{fill:var(--muted); font-weight:500}
.anfahrt-map__note{margin-top:.8rem; font-size:.78rem; color:var(--muted)}

@medianot all{
  .kinfo{transition:none}
}