/* ============================================================
   VIDEOAZRO — legal pages (Impressum / Datenschutz)
   Same monochrome system as the main site.
   ============================================================ */
:root{
  --ink:#06080C;          /* blue-black ground */
  --ink-2:#0B0E14;        /* raised blue-black */
  --ink-3:#1D2028;        /* blue charcoal (from reference) */
  --line:rgba(255,255,255,.10);
  --line-2:rgba(255,255,255,.06);
  --fog:#91A1AB;          /* blue-grey (from reference) */
  --fog-2:#5C636E;
  --chalk:#DDE6EF;        /* bluish light text */
  --marble:#EDF3FA;       /* bluish white */
  --display:'Space Grotesk',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{background:var(--ink);color:var(--chalk);font-family:var(--body);font-weight:300;
  line-height:1.75;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
::selection{background:var(--marble);color:var(--ink)}
:focus-visible{outline:2px solid var(--fog);outline-offset:3px}
a{color:var(--marble);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(255,255,255,.35);transition:text-decoration-color .3s}
a:hover{text-decoration-color:var(--marble)}

.lhead{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:20px clamp(20px,5vw,64px);border-bottom:1px solid var(--line-2)}
.lhead__brand img{height:24px;width:auto;max-width:none;opacity:.96}
.lhead__back{font-family:var(--display);font-size:13px;color:var(--fog);text-decoration:none;
  transition:color .3s}
.lhead__back:hover{color:var(--marble)}

.legal{position:relative;z-index:1;max-width:780px;margin:0 auto;
  padding:clamp(46px,7vw,88px) clamp(20px,5vw,40px)}
.legal h1{font-family:var(--display);font-weight:500;color:var(--marble);
  font-size:clamp(2rem,5.5vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin-bottom:34px}
.legal h2{font-family:var(--display);font-weight:500;color:var(--marble);
  font-size:1.15rem;letter-spacing:-.015em;margin:40px 0 12px;
  padding-top:20px;border-top:1px solid var(--line-2)}
.legal h2:first-of-type{border-top:0;padding-top:0}
.legal p,.legal li{color:var(--fog);margin-bottom:12px;font-size:.97rem}
.legal ul{padding-left:20px;margin-bottom:12px}
.legal li::marker{color:var(--fog-2)}
.legal strong{color:var(--chalk);font-weight:500}
.hint{display:block;margin-top:8px;font-size:.86rem;color:var(--fog-2);font-style:italic}
.updated{margin-top:44px;padding-top:22px;border-top:1px solid var(--line-2);
  font-size:.84rem;color:var(--fog-2)}

.lfoot{border-top:1px solid var(--line-2);padding:30px clamp(20px,5vw,64px);
  display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;
  font-size:12.5px;color:var(--fog-2)}
.lfoot a{color:var(--fog-2);text-decoration:none;transition:color .3s}
.lfoot a:hover{color:var(--marble)}

@media(prefers-reduced-motion:reduce){*{transition-duration:.001ms!important}}