/* dgsmedia — Rechtstexte (Impressum, Datenschutz)
   Gleiche Tokens wie turnier-coverage.html, nur ohne den ganzen Landingpage-Apparat. */

@font-face{
  font-family:'Archivo';
  src:url('/assets/fonts/archivo.woff2') format('woff2-variations');
  font-weight:700 800; font-stretch:100% 125%; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Instrument Sans';
  src:url('/assets/fonts/instrument-sans.woff2') format('woff2-variations');
  font-weight:400 600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Martian Mono';
  src:url('/assets/fonts/martian-mono.woff2') format('woff2-variations');
  font-weight:400 600; font-style:normal; font-display:swap;
}

:root{
  --ink:#1C1D2C; --ink-900:#131421; --ink-800:#1A1B29; --ink-700:#24263A;
  --chalk:#E9EBEE; --chalk-3:#CBD0DA;
  --signal:#25B3E8; --signal-ink:#0B4E6B; --amber:#F2A93B;
  --dark-text:#C4C8D4; --dark-mute:#7E849A;
  --light-text:#3A3D50; --light-mute:#6B7086;
  --line-dark:rgba(233,235,238,.13); --line-light:rgba(28,29,44,.14);
  --display:'Archivo','Helvetica Neue',sans-serif;
  --body:'Instrument Sans','Helvetica Neue',sans-serif;
  --mono:'Martian Mono',ui-monospace,monospace;
  --wrap:1220px; --gut:clamp(20px,5vw,64px);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--chalk); color:var(--light-text);
  font-family:var(--body); font-size:16.5px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:var(--signal-ink)}
:focus-visible{outline:2px solid var(--signal-ink); outline-offset:3px}

.wrap{width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:var(--gut)}

/* Kopf */
.hdr{background:var(--ink-900); border-bottom:1px solid var(--line-dark)}
.hdr__in{display:flex; align-items:center; gap:20px; height:66px}
.brand{display:flex; align-items:baseline; gap:10px; text-decoration:none; flex:none}
.brand b{font-family:var(--body); font-weight:600; font-size:17px; color:#fff; letter-spacing:-.01em}
.brand span{font-family:var(--mono); font-size:9.5px; letter-spacing:.14em; color:var(--signal); text-transform:uppercase}
.hdr a.back{
  margin-left:auto; font-family:var(--mono); font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--dark-mute); text-decoration:none;
}
.hdr a.back:hover{color:#fff}
@media(max-width:520px){ .brand span{display:none} }

/* Titel */
.head{background:var(--ink-900); color:var(--dark-text); padding-block:clamp(44px,7vw,80px) clamp(36px,6vw,64px)}
.head p.eyebrow{
  font-family:var(--mono); font-size:10px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--signal); margin:0 0 20px;
  display:flex; align-items:center; gap:12px;
}
.head p.eyebrow::before{content:""; width:26px; height:2px; background:var(--signal); flex:none}
.head h1{
  font-family:var(--display); font-weight:800; font-variation-settings:'wdth' 115;
  font-size:clamp(2.1rem,6vw,3.4rem); line-height:1.05; letter-spacing:-.02em;
  text-transform:uppercase; color:#fff; margin:0;
}

/* Inhalt */
main{padding-block:clamp(40px,6vw,72px) clamp(56px,8vw,96px)}
/* Raster wie die Hauptseite, Textspalte aber in lesbarer Breite */
main .wrap > *{max-width:74ch}
main h2{
  font-family:var(--display); font-weight:800; font-variation-settings:'wdth' 108;
  font-size:1.32rem; line-height:1.2; letter-spacing:0; text-transform:uppercase;
  color:var(--ink); margin:44px 0 14px; padding-top:22px;
  border-top:1px solid var(--line-light);
}
main h2:first-of-type{margin-top:0; border-top:0; padding-top:0}
main h3{
  font-family:var(--body); font-weight:600; font-size:1rem;
  color:var(--ink); margin:26px 0 8px;
}
main p{margin:0 0 16px}
main ul{margin:0 0 16px; padding-left:20px}
main li{margin-bottom:7px}
address{font-style:normal; margin:0 0 16px}
.mono{
  font-family:var(--mono); font-size:11px; letter-spacing:.08em;
  text-transform:uppercase; color:var(--light-mute);
}

table{border-collapse:collapse; width:100%; margin:0 0 20px; font-size:15px}
th,td{text-align:left; padding:10px 12px; border-bottom:1px solid var(--line-light); vertical-align:top}
th{
  font-family:var(--mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--light-mute); font-weight:600;
}
td code{font-family:var(--mono); font-size:12.5px}

/* Platzhalter — vor Veröffentlichung ersetzen */
.todo{
  background:#FFF3D6; border-bottom:2px solid var(--amber);
  padding:1px 5px; border-radius:2px; font-weight:600;
}
.draft{
  background:#FFF3D6; border:1px solid var(--amber); border-left-width:4px;
  padding:16px 20px; margin-bottom:36px; font-size:14.5px;
}
.draft b{display:block; margin-bottom:5px}

/* Fuß */
.foot{background:var(--ink-900); border-top:1px solid var(--line-dark); padding-block:36px 26px; color:var(--dark-mute)}
.foot a{color:var(--dark-mute); text-decoration:none}
.foot a:hover{color:var(--signal)}
.foot__bar{
  display:flex; flex-wrap:wrap; gap:12px; justify-content:space-between;
  font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase;
}

.lang{display:inline-flex; align-items:center; gap:1px}
.lang a{
  font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase;
  text-decoration:none; color:var(--dark-mute); padding:3px 5px; border-radius:2px;
}
.lang a:hover{color:var(--signal)}
.lang a[aria-current="true"]{color:#fff; background:rgba(255,255,255,.1)}
.lang > span{color:var(--line-dark)}