/* =========================================================================
   megs7 – Impressum & Datenschutz
   Nutzt Variablen und Buttons aus style.css, betrifft die Startseite nicht.
   ========================================================================= */

.legal{background:var(--bg-soft);min-height:100svh;display:flex;flex-direction:column}

/* ---------- Kopfleiste ---------- */
.legal__bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);
  backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
  box-shadow:0 6px 24px -16px rgba(13,55,90,.5)}
.legal__bar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:74px}

/* ---------- Inhalt ---------- */
.legal__main{flex:1;padding:clamp(2rem,5vw,3.4rem) 0 clamp(2.5rem,6vw,4rem)}
.legal__head{text-align:center;margin-bottom:clamp(1.6rem,3vw,2.2rem)}
.legal__head h1{font-size:clamp(2rem,5vw,3rem);margin-top:.7rem}
.legal__head h2{font-size:clamp(1.7rem,4vw,2.3rem)}
.legal__head--sub{margin-top:clamp(2.2rem,5vw,3.2rem);padding-top:clamp(1.6rem,3vw,2.2rem);
  border-top:1px solid var(--line)}
.legal__lead{color:var(--muted);margin-top:.6rem}

.legal__card{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(1.3rem,3vw,1.9rem);margin-bottom:1rem;box-shadow:var(--shadow-s)}
.legal__card h2{font-size:clamp(1.15rem,2.6vw,1.4rem);margin-bottom:.9rem}
.legal__card h3{font-size:1.02rem;margin:1.4rem 0 .5rem}
.legal__card p{color:var(--ink-2);font-size:.96rem}
.legal__card p + p{margin-top:.8rem}
.legal__card a{color:var(--blue);font-weight:700}
.legal__card a:hover{text-decoration:underline}
.legal__card strong{color:var(--ink)}

.legal__list{margin:.8rem 0 0;padding-left:1.3rem;display:flex;flex-direction:column;gap:.5rem;
  color:var(--ink-2);font-size:.96rem}
.legal__list li::marker{color:var(--blue)}

/* ---------- Datenliste ---------- */
.legal__dl{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:.1rem 1.2rem;margin:0}
.legal__dl dt{font-weight:700;font-size:.85rem;letter-spacing:.02em;color:var(--muted);
  padding:.55rem 0;border-top:1px solid var(--line)}
.legal__dl dd{margin:0;padding:.55rem 0;font-size:.96rem;color:var(--ink-2);border-top:1px solid var(--line)}
.legal__dl dt:first-of-type,.legal__dl dd:first-of-type{border-top:none}
.legal__dl .muted{font-size:.88rem}
.iban-plain{font-family:var(--fd);font-weight:700;letter-spacing:.03em;color:var(--blue-700)}
@media (max-width:560px){
  .legal__dl{grid-template-columns:1fr;gap:0}
  .legal__dl dt{padding-bottom:0;border-top:1px solid var(--line)}
  .legal__dl dd{padding-top:.15rem;border-top:none}
  .legal__dl dd:first-of-type{border-top:none}
}

.legal__meta{margin-top:1.2rem;font-size:.82rem;color:var(--muted)}

/* ---------- Fußzeile ---------- */
.legal__foot{background:var(--ink);color:rgba(255,255,255,.72);font-size:.85rem;padding:1.1rem 0}
.legal__foot-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.legal__foot a{color:#fff;font-weight:600}
.legal__foot a:hover{text-decoration:underline}