/* =========================================================
   Eiscafé Nuraghe · Rechts-Seiten (Impressum / Datenschutz)
   Nutzt die Farben & Schriften aus style.css
   ========================================================= */

.legal-page{min-height:100vh;display:flex;flex-direction:column}

/* Kopfzeile mit Zurück-Link */
.legal-top{
  width:min(100% - 40px,820px);margin:0 auto;padding:28px 0 6px;
}
.legal-back{
  display:inline-flex;align-items:center;gap:.55em;
  color:var(--creme-muted);font-weight:600;font-size:.95rem;
  transition:color .2s var(--ease);
}
.legal-back:hover{color:var(--gold-hell)}

/* Inhalt */
.legal{
  width:min(100% - 40px,820px);margin:0 auto;flex:1;
  padding:clamp(24px,5vw,48px) 0 clamp(60px,9vw,110px);
}
.legal h1{
  font-size:clamp(2.2rem,6vw,3.2rem);margin-bottom:clamp(20px,4vw,34px);
  color:var(--creme);
}
.legal h2{
  font-size:clamp(1.25rem,2.6vw,1.55rem);margin:clamp(30px,5vw,46px) 0 10px;
  color:var(--gold-hell);
}
.legal p{color:var(--creme-muted);margin-bottom:14px;max-width:72ch}
.legal ul{color:var(--creme-muted);margin:0 0 14px;padding-left:1.3em;max-width:72ch}
.legal li{margin-bottom:6px}
.legal a{color:var(--gold-hell);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--gold)}
.legal strong{color:var(--creme)}

/* Platzhalter, die noch ausgefüllt werden müssen – fallen bewusst auf */
.legal mark{
  background:rgba(194,90,61,.22);color:#F3C9B7;
  border:1px dashed rgba(230,150,120,.5);border-radius:6px;
  padding:.1em .45em;font-weight:600;font-style:normal;
}

.legal-stand{margin-top:34px;font-size:.9rem;opacity:.7}

/* Fußzeile */
.legal-foot{
  border-top:1px solid var(--karte-rand);padding:22px 0;text-align:center;
}
.legal-foot p{color:var(--creme-muted);font-size:.88rem}
.legal-foot a{color:var(--creme-muted)}
.legal-foot a:hover{color:var(--gold-hell)}