/* Gemeinsame Gestaltung für Impressum und Datenschutzerklärung.
   Bewusst schlicht gehalten: hier zählt Lesbarkeit, nicht Bewegung. */
@font-face{
  font-family:'Space Grotesk';font-style:normal;font-weight:500 700;font-display:swap;
  src:url(assets/fonts/space-grotesk-latin.woff2) format('woff2');
}
@font-face{
  font-family:'IBM Plex Sans';font-style:normal;font-weight:300 500;font-display:swap;
  src:url(assets/fonts/ibm-plex-sans-latin.woff2) format('woff2');
}
:root{--accent:#d9c800;--bg:#232528;--fg:#f2ede4;--fg-dim:rgba(242,237,228,.68);
  --fg-faint:rgba(242,237,228,.4);--line:rgba(242,237,228,.13);--pad:clamp(20px,5vw,64px);}
*{box-sizing:border-box;}
body{margin:0;color:var(--fg);background:linear-gradient(180deg,#2f3135 0%,#26282c 42%,#1c1d20 78%,#17171a 100%) fixed;background-color:var(--bg);font-family:'IBM Plex Sans',system-ui,sans-serif;
  font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;}
a{color:inherit;}
::selection{background:var(--accent);color:var(--bg);}

.legal-nav{display:flex;justify-content:space-between;align-items:center;
  padding:20px var(--pad);border-bottom:1px solid var(--line);}
.legal-nav .mark{font-family:'Space Grotesk',sans-serif;font-weight:700;letter-spacing:.14em;font-size:14px;
  text-decoration:none;display:inline-flex;align-items:center;gap:9px;}
.mark-bird{width:20px;height:20px;}
.legal-nav .back{font-size:13px;letter-spacing:.06em;color:var(--fg-dim);text-decoration:none;
  border:1px solid var(--line);border-radius:999px;padding:8px 18px;transition:border-color .3s,color .3s;}
.legal-nav .back:hover{color:var(--fg);border-color:var(--accent);}

main{max-width:760px;margin:0 auto;padding:clamp(56px,10vh,110px) var(--pad) clamp(70px,12vh,140px);}
h1{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.02em;
  font-size:clamp(30px,5vw,54px);line-height:1.08;margin:0 0 14px;}
.sub{color:var(--fg-faint);font-size:14px;margin:0 0 clamp(40px,7vh,70px);}
h2{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:clamp(19px,2.2vw,24px);
  margin:clamp(40px,6vh,60px) 0 16px;padding-top:26px;border-top:1px solid var(--line);}
h3{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:17px;margin:28px 0 10px;}
p{margin:0 0 16px;color:var(--fg-dim);}
ul{margin:0 0 16px;padding-left:20px;color:var(--fg-dim);}
li{margin-bottom:8px;}
strong{color:var(--fg);font-weight:500;}
.box{border:1px solid var(--line);border-radius:14px;padding:26px 28px;margin:0 0 20px;}
.box p:last-child{margin-bottom:0;}
.note{font-size:14px;color:var(--fg-faint);}
main a{color:var(--fg);text-decoration:none;border-bottom:1px solid rgba(242,237,228,.3);
  transition:color .3s,border-color .3s;}
main a:hover{color:var(--accent);border-color:var(--accent);}

footer{padding:30px var(--pad) 44px;border-top:1px solid var(--line);text-align:center;
  font-size:12px;color:var(--fg-faint);}
footer a{text-decoration:none;color:var(--fg-dim);}
footer a:hover{color:var(--fg);}
footer nav{margin-top:12px;display:flex;justify-content:center;gap:24px;}