/* Shared styling for Impressum / Datenschutz. Same world as index.html. */
:root{
  --ink:#0B0B0D; --cream:#FBF7F1; --cream-2:#F4ECE1; --white:#FFFFFF;
  --text:#131418; --text-2:#4A5060; --muted-l:#767E8E; --muted-d:#8F97A6;
  --line-l:rgba(0,0,0,.10); --line-d:rgba(255,255,255,.10);
  --red:#F5311B; --amber:#FFB020;
  --display:'Archivo',system-ui,sans-serif; --body:'Space Grotesk',system-ui,sans-serif;
  --maxw:860px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--cream);color:var(--text);font-family:var(--body);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
::selection{background:var(--red);color:#fff}
a{color:inherit}
a:hover{color:var(--red)}
h1,h2,h3{font-family:var(--display);font-variation-settings:'wdth' 118,'wght' 800;
  line-height:.98;letter-spacing:-.02em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}

header{position:sticky;top:0;z-index:50;padding:18px 0;background:rgba(251,247,241,.92);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--line-l)}
.hd{display:flex;align-items:center;justify-content:space-between;gap:18px;
  width:100%;max-width:1240px;margin:0 auto;padding:0 28px}
.brand{display:flex;align-items:center;gap:11px;font-family:var(--display);
  font-variation-settings:'wdth' 118,'wght' 800;font-size:18px;text-transform:uppercase;
  text-decoration:none;color:var(--text)}
.brand:hover{color:var(--text)}
.brand .mk{width:38px;height:28px;flex:none;display:block}
.brand .lt{font-variation-settings:'wdth' 118,'wght' 400;opacity:.7}
.hdright{display:flex;align-items:center;gap:16px}
.langs{display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;
  border:1px solid var(--text);opacity:.85}
.langs button{font-family:var(--body);font-size:10.5px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;padding:5px 9px;border-radius:999px;border:0;background:transparent;
  color:var(--text);cursor:pointer;line-height:1;transition:background .22s,color .22s}
.langs button[aria-pressed="true"]{background:var(--red);color:#fff}
.btn{display:inline-flex;align-items:center;padding:12px 20px;border-radius:999px;
  font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  background:var(--red);color:#fff;border:1px solid var(--red);text-decoration:none;
  white-space:nowrap;transition:transform .22s,box-shadow .22s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(245,49,27,.3);color:#fff}
@media(max-width:620px){.hdright .btn{display:none}.hd{padding:0 18px}}

main{padding:clamp(56px,9vw,110px) 0 clamp(70px,10vw,130px)}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--muted-l)}
h1{font-size:clamp(28px,5.6vw,60px);margin-top:16px;overflow-wrap:break-word;hyphens:auto}
.updated{margin-top:20px;color:var(--muted-l);font-size:14px}
h2{font-size:clamp(18px,2.6vw,26px);margin:52px 0 16px;overflow-wrap:break-word;hyphens:auto;
  font-variation-settings:'wdth' 112,'wght' 800}
h3{font-size:17px;margin:28px 0 10px;font-variation-settings:'wdth' 110,'wght' 800}
p{margin-bottom:16px;color:var(--text-2);overflow-wrap:break-word}
p strong{color:var(--text)}
ul{margin:0 0 18px 20px;color:var(--text-2)}
li{margin-bottom:9px}
.block{background:var(--white);border:1px solid var(--line-l);border-radius:18px;
  padding:26px 28px;margin-bottom:20px}
.block p:last-child{margin-bottom:0}
.note{background:#FFF3DC;border:1px solid rgba(255,176,32,.5);border-radius:16px;
  padding:22px 26px;margin:30px 0;font-size:15px;color:#5A4212}
.note strong{color:#3D2C06}

/* Fields the owner must supply. Impossible to miss, impossible to ship by accident. */
.todo{display:inline-block;background:#FFE1DC;color:#A32213;border:1px dashed var(--red);
  border-radius:6px;padding:1px 8px;font-family:var(--body);font-weight:700;font-size:.92em}
#draftbar{background:var(--red);color:#fff;text-align:center;padding:11px 20px;
  font-size:13.5px;font-weight:700;letter-spacing:.02em}
#draftbar a{color:#fff}

footer{background:var(--ink);color:var(--cream);padding:56px 0 40px}
footer p{color:var(--muted-d)}
.fbot{margin-top:32px;padding-top:24px;border-top:1px solid var(--line-d);
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  color:var(--muted-d);font-size:13px}
.flinks{display:flex;gap:20px}
.flinks a{text-decoration:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}