/* Schmockdog – Legal-Seiten (Impressum/Datenschutz) – Vice-City-Comic-CI */
:root{
  --pink:#FF1493; --pink-glow:#FF69B4; --black:#000;
  --deep:#3D0F2A; --cream:#F5F3EF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',system-ui,sans-serif;
  background:var(--cream);color:var(--black);
  -webkit-font-smoothing:antialiased;line-height:1.7;
}
.halftone{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(var(--pink) 1.4px, transparent 1.6px);
  background-size:22px 22px;opacity:.07;
}

/* Top-Bar */
.legal-top{
  position:relative;z-index:2;
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
  padding:18px clamp(16px,4vw,40px);
  border-bottom:5px solid var(--black);background:var(--cream);
}
.legal-top img{height:48px;width:auto;display:block}
.legal-back{
  font-family:'Bangers',cursive;letter-spacing:1.5px;font-size:18px;
  text-decoration:none;color:var(--cream);background:var(--black);
  padding:.35em .9em .28em;border:3px solid var(--black);
  box-shadow:4px 4px 0 var(--pink);transition:transform .12s,box-shadow .12s;
}
.legal-back:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pink)}

/* Inhalt */
.legal{
  position:relative;z-index:1;
  max-width:760px;margin:0 auto;
  padding:clamp(32px,6vw,64px) clamp(16px,4vw,24px) 80px;
}
.legal h1{
  font-family:'Bangers',cursive;letter-spacing:1px;
  font-size:clamp(38px,8vw,64px);line-height:.95;
  color:var(--black);text-shadow:4px 4px 0 var(--pink);
  margin-bottom:8px;
}
.legal .sub{font-weight:700;color:var(--deep);margin-bottom:32px;font-size:15px}
.legal h2{
  font-family:'Bangers',cursive;letter-spacing:.5px;
  font-size:clamp(22px,4vw,30px);color:var(--deep);
  margin:38px 0 12px;
}
.legal p{font-size:15.5px;color:#1a1a1a;margin-bottom:12px}
.legal ul{margin:10px 0 16px 22px;list-style:disc}
.legal li{font-size:15.5px;color:#1a1a1a;margin-bottom:6px}
.legal strong{color:var(--black)}
.legal a{color:var(--pink);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(255,20,147,.35)}
.legal a:hover{border-bottom-color:var(--pink)}
.legal .divider{width:56px;height:4px;background:var(--black);border:none;margin:40px 0}
.legal .stand{margin-top:48px;font-size:13px;color:var(--deep);opacity:.7}

/* Hinweis-Box */
.legal .note{
  background:#fff;border:3px solid var(--black);
  box-shadow:6px 6px 0 var(--pink);
  padding:18px 20px;margin:8px 0 24px;border-radius:2px;
}
.legal .note p:last-child{margin-bottom:0}

/* Footer */
.legal-foot{
  text-align:center;padding:28px 20px 44px;
  font-size:13px;font-weight:600;color:var(--deep);
  border-top:3px dashed rgba(61,15,42,.35);
}
.legal-foot a{color:var(--pink);text-decoration:none;font-weight:800}
.legal-foot .by{font-family:'Bangers',cursive;letter-spacing:1px;font-size:18px;color:var(--black);margin-bottom:6px}
.legal-foot .by span{color:var(--pink)}
.legal-foot nav{margin:8px 0}
.legal-foot nav a{margin:0 8px}