/* Gemeinsame Styles der Hadiyah-Rechtsseiten (Impressum/Datenschutz/AGB).
   Palette & Typo identisch zur Startseite. */
:root{
  --teal:#1E5B57; --teal-dark:#123E3B; --gold:#C7A24C; --cream:#F7EEDC;
  --white:#FFFFFF; --ink:#241E17; --text-2:#6E6353; --text-3:#9C917E;
  --divider:#E6D9BE; --radius:26px;
  --shadow:0 24px 60px -28px rgba(36,32,24,.28);
  --maxw:820px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;
  color:var(--ink); background:var(--cream); line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23C7A24C' stroke-width='1' opacity='0.16'%3E%3Cpath d='M32 2 L40 24 L62 32 L40 40 L32 62 L24 40 L2 32 L24 24 Z'/%3E%3Crect x='0.5' y='0.5' width='63' height='63'/%3E%3C/g%3E%3C/svg%3E");
}
body::after{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(60% 45% at 82% 8%, rgba(199,162,76,.18), transparent 60%),
    radial-gradient(55% 40% at 6% 30%, rgba(30,91,87,.10), transparent 60%);
}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px;position:relative;z-index:1}
a{color:var(--teal);text-decoration:none}
a:hover{text-decoration:underline}

.nav{padding:22px 0}
.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--ink)}
.brand img{width:34px;height:34px;border-radius:9px}

.legal{padding:12px 0 60px}
.back{display:inline-block;margin-bottom:18px;color:var(--teal);font-weight:600;font-size:.95rem}
.card{
  background:var(--white);border:1px solid var(--divider);border-radius:var(--radius);
  box-shadow:var(--shadow);padding:clamp(24px,5vw,48px)
}
.legal h1{font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.updated{color:var(--text-3);font-size:.9rem;margin-bottom:26px}
.legal h2{font-size:1.15rem;font-weight:700;color:var(--teal);margin:30px 0 10px}
/* Dritte Ebene: bislang nur auf der Support-Seite (FAQ-Fragen). Bewusst in
   Ink statt Teal, damit die h2-Abschnitte die Gliederung tragen. */
.legal h3{font-size:1rem;font-weight:700;color:var(--ink);margin:22px 0 6px}
.legal p,.legal li{color:var(--text-2);font-size:1rem;margin-bottom:10px}
.legal ul{padding-left:20px;margin-bottom:12px}
.legal li{margin-bottom:8px}
.legal strong{color:var(--ink);font-weight:700}
.disclaimer{margin-top:34px;color:var(--text-3);font-size:.88rem;border-top:1px solid var(--divider);padding-top:18px}

footer{padding:38px 0;border-top:1px solid var(--divider);margin-top:8px}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;color:var(--text-3);font-size:.9rem}
.foot a{color:var(--text-2)}
@media(max-width:560px){.foot{flex-direction:column;text-align:center}}