/* Schriften */
@font-face{
  font-family:"Space Grotesk";
  src:url('assets/fonts/spacegrotesk-var.woff2') format('woff2');
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"JetBrains Mono";
  src:url('assets/fonts/jetbrainsmono-400.woff2') format('woff2');
  font-weight:400;
  font-style:normal;
  font-display:swap;
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  --tk-ink:#000000;
  --tk-sheet:#ffffff;
  --tk-soft:#5a5a4f;
  --tk-mute:#6d6e67;
  --tk-mark:#0B6B3A;
  --tk-zebra:#f2f2f2;
  --tk-shell:1180px;
  --tk-pad:clamp(20px,5vw,40px);
  --tk-sans:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --tk-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
  --tk-step-cap:12px;
  --tk-step-sm:14px;
  --tk-step-b:16px;
  --tk-step-sub:clamp(18px,2.2vw,21px);
  --tk-step-hs:clamp(21px,2.6vw,25px);
  --tk-step-h:clamp(26px,3.6vw,34px);
  --tk-step-hl:clamp(30px,5vw,45px);
  --tk-step-d:clamp(36px,6.4vw,64px);
  --tk-cut:polygon(15px 0,100% 0,calc(100% - 15px) 100%,0 100%);
  --tk-cut-in:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);
  --tk-head:96px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--tk-sheet);
  color:var(--tk-ink);
  font-family:var(--tk-sans);
  font-size:var(--tk-step-b);
  line-height:1.55;
  font-weight:400;
  overflow-wrap:break-word;
}
img{display:block;max-width:100%;height:auto}
[hidden]{display:none !important}
a{color:var(--tk-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--tk-mark)}
button{font:inherit}
:focus-visible{outline:2px solid var(--tk-mark);outline-offset:3px}
[id]{scroll-margin-top:calc(var(--tk-head) + 20px)}

h1,h2,h3{font-weight:700;letter-spacing:-0.01em;margin:0}
h1{font-size:var(--tk-step-d);line-height:.94}
h2{font-size:var(--tk-step-h);line-height:1.08}
h3{font-size:var(--tk-step-hs);line-height:1.2}
p{margin:0}

.tk-vh{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tk-shell{width:100%;max-width:var(--tk-shell);margin-inline:auto;padding-inline:var(--tk-pad)}
.tk-mono{font-family:var(--tk-mono);font-variant-numeric:tabular-nums}

.tk-skip{position:absolute;left:-9999px;top:0;z-index:120;background:var(--tk-ink);color:var(--tk-sheet);padding:14px 20px;font-weight:700}
.tk-skip:focus{left:12px;top:12px;color:var(--tk-sheet)}

.tk-kicker{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.08em;text-transform:uppercase;color:var(--tk-mark);margin:0}
.tk-meta{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.02em;color:var(--tk-mute);font-variant-numeric:tabular-nums}

/* Schaltflaechen */
.tk-go{
  position:relative;isolation:isolate;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:48px;padding:12px 30px;
  font-family:var(--tk-sans);font-weight:700;font-size:var(--tk-step-sm);line-height:1.2;
  color:var(--tk-ink);background:transparent;border:0;text-decoration:none;cursor:pointer;
  transition:color .15s ease,transform .1s ease;
}
.tk-go::before{content:"";position:absolute;inset:0;z-index:-2;clip-path:var(--tk-cut);background:var(--tk-ink);transition:background-color .15s ease}
.tk-go:active{transform:translateY(1px)}
.tk-go--solid{color:var(--tk-sheet)}
.tk-go--solid:hover{color:var(--tk-sheet)}
.tk-go--solid:hover::before{background:var(--tk-mark)}
.tk-go--ghost::after{content:"";position:absolute;inset:1px;z-index:-1;clip-path:var(--tk-cut-in);background:var(--tk-sheet);transition:background-color .15s ease}
.tk-go--ghost:hover{color:var(--tk-sheet)}
.tk-go--ghost:hover::after{background:var(--tk-ink)}
.tk-go--chip{padding:11px 24px;font-size:13px}
.tk-go--chip[aria-current="true"]{color:var(--tk-sheet)}
.tk-go--chip[aria-current="true"]::after{background:var(--tk-mark)}
.tk-go--chip[aria-current="true"]:hover::after{background:var(--tk-mark)}
.tk-go__ico{width:14px;height:14px;flex:none}
.tk-up{position:fixed;right:20px;bottom:20px;z-index:40}
[data-tk-consent="open"] .tk-up{bottom:196px}

/* Kopf */
.tk-masthead{position:sticky;top:0;z-index:80;background:var(--tk-sheet)}
.tk-masthead__bar{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding-block:12px}
.tk-masthead__logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:48px}
.tk-masthead__mark{
  font-family:var(--tk-sans);font-weight:700;font-size:20px;line-height:1;
  padding:9px 10px 8px;background:var(--tk-ink);color:var(--tk-sheet);letter-spacing:.02em;
}
.tk-masthead__name{font-weight:700;font-size:21px;letter-spacing:-0.02em;position:relative;padding-bottom:4px}
.tk-masthead__name::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--tk-mark)}
.tk-masthead__logo:hover .tk-masthead__name{color:var(--tk-mark)}
.tk-masthead__burger{
  margin-left:auto;display:inline-flex;align-items:center;justify-content:center;
  width:48px;height:48px;background:transparent;border:0;color:var(--tk-ink);cursor:pointer;
}
.tk-masthead__ico{width:24px;height:24px;display:block}
.tk-masthead__ico--close{display:none}
.tk-masthead__burger[aria-expanded="true"] .tk-masthead__ico--open{display:none}
.tk-masthead__burger[aria-expanded="true"] .tk-masthead__ico--close{display:block}
.tk-masthead__panel{flex-basis:100%;display:none;padding-bottom:12px}
.tk-masthead__panel--open{display:block}
.tk-masthead__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 22px}
.tk-masthead__link{
  display:inline-flex;align-items:center;min-height:48px;text-decoration:none;
  font-size:var(--tk-step-sm);font-weight:700;letter-spacing:.01em;
}
.tk-masthead__link[aria-current]{color:var(--tk-mark)}
.tk-masthead__brand{display:grid;gap:0}
.tk-masthead__date{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.04em;color:var(--tk-mute);font-variant-numeric:tabular-nums}
@media (min-width:1000px){
  .tk-masthead__burger{display:none}
  .tk-masthead__panel{display:block;flex-basis:auto;margin-left:auto;padding-bottom:0}
  .tk-masthead__sections .tk-masthead__list{justify-content:flex-end;gap:0 20px}
}

/* Beitragstext */
.tk-story{padding-block:clamp(44px,7vw,88px)}
.tk-story--front{padding-block:clamp(40px,6vw,72px)}
.tk-story__head{display:grid;gap:16px;max-width:34em}
.tk-story__title{font-size:var(--tk-step-hl)}
.tk-story__dateline{font-family:var(--tk-mono);font-size:var(--tk-step-sm);color:var(--tk-soft);letter-spacing:.02em}
.tk-story__body{margin-top:28px;display:grid;gap:22px}
.tk-story__body p{max-width:34em;font-size:17px;line-height:1.62}
.tk-story__body h2{margin-top:18px;font-size:var(--tk-step-hs)}
.tk-story__body h3{margin-top:12px;font-size:var(--tk-step-sub)}
.tk-story__quote{margin:14px 0;padding-left:22px;border-left:3px solid var(--tk-mark);max-width:26em}
.tk-story__quote p{font-size:var(--tk-step-hs);line-height:1.24;font-weight:700;letter-spacing:-0.01em;max-width:none}
.tk-story__quote cite{display:block;margin-top:12px;font-style:normal;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-soft)}
.tk-story__fig{margin:8px 0 0;max-width:44em}
.tk-story__fig img{width:100%;aspect-ratio:3/2;object-fit:cover}
.tk-story__cap{margin-top:10px;font-family:var(--tk-mono);font-size:var(--tk-step-cap);line-height:1.5;color:var(--tk-mute);max-width:44em}
.tk-story__sign{margin-top:8px;padding-top:18px;display:flex;gap:14px;align-items:center;max-width:34em}
.tk-story__sign p{font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:none}
.tk-story__crumbs{padding-block:14px 0}
.tk-story__crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0 10px;margin:0;padding:0;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-soft)}
.tk-story__crumbs li{display:inline-flex;align-items:center}
.tk-story__crumbs li + li::before{content:"\203A";margin-right:10px;color:var(--tk-mute)}
.tk-story__crumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.tk-story__crumbs li[aria-current]{display:inline-flex;align-items:center;min-height:44px;color:var(--tk-ink)}
.tk-story__more{padding-block:clamp(36px,5vw,64px)}
.tk-story__morelist{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:6px}
.tk-story__morelist a{display:inline-flex;align-items:center;min-height:48px;font-weight:700;font-size:var(--tk-step-sub);text-decoration:none;line-height:1.25}
.tk-story__morelist a:hover{text-decoration:underline}
@media (min-width:900px){
  .tk-story--front .tk-story__cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:48px;align-items:start}
  .tk-story--front .tk-story__fig{margin-top:6px;max-width:none}
}

/* Tabelle des Bewerbs */
.tk-sheet{padding-block:clamp(48px,8vw,96px)}
.tk-sheet__intro{margin-top:14px;color:var(--tk-soft);max-width:38em}
.tk-sheet__wrap{margin-top:26px;overflow-x:auto}
.tk-sheet__table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.tk-sheet__table caption{text-align:left;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.05em;text-transform:uppercase;color:var(--tk-soft);padding-bottom:12px}
.tk-sheet__table th,.tk-sheet__table td{padding:11px 12px;text-align:right;white-space:nowrap}
.tk-sheet__table thead th{
  font-family:var(--tk-mono);font-size:var(--tk-step-cap);font-weight:400;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tk-soft);border-bottom:1px solid var(--tk-ink);
}
.tk-sheet__table thead th:first-child{text-align:left}
.tk-sheet__table tbody th{text-align:left;font-weight:700;font-size:var(--tk-step-sm)}
.tk-sheet__table tbody td{font-family:var(--tk-mono);font-size:var(--tk-step-sm);color:var(--tk-soft)}
.tk-sheet__table tbody td.tk-sheet__pts{color:var(--tk-ink);font-weight:400}
.tk-sheet__table tbody tr:nth-child(odd){background:var(--tk-zebra)}
.tk-sheet__rank{display:inline-block;min-width:22px;font-family:var(--tk-mono);font-weight:400;color:var(--tk-mute)}
.tk-sheet__grid{margin-top:34px;display:grid;gap:26px}
.tk-sheet__table td.tk-sheet__place{text-align:left}
.tk-sheet__legend{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:2px}
.tk-sheet__legend li{display:flex;flex-wrap:wrap;gap:2px 16px;padding:9px 10px;font-size:var(--tk-step-sm)}
.tk-sheet__legend li:nth-child(odd){background:var(--tk-zebra)}
.tk-sheet__legend b{font-family:var(--tk-mono);font-weight:400;min-width:78px}
.tk-sheet__legend span{color:var(--tk-soft)}
.tk-sheet--sub{padding-block:clamp(36px,5vw,64px)}
.tk-sheet .tk-go{margin-top:22px}
.tk-sheet__note{margin-top:16px;font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:40em}
@media (min-width:900px){
  .tk-sheet__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:start}
}

/* Beitragsstrecke */
.tk-rail{padding-block:clamp(44px,7vw,80px)}
.tk-rail__top{display:grid;gap:14px}
.tk-rail__intro{color:var(--tk-soft);max-width:42em}
.tk-rail__all{margin-top:36px}
.tk-rail__status{font-family:var(--tk-mono);font-size:var(--tk-step-cap);color:var(--tk-mute);letter-spacing:.03em}
.tk-rail__grid{margin-top:30px;display:grid;gap:38px}
.tk-rail__notes{display:grid;gap:0}
.tk-rail__notestitle{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.09em;text-transform:uppercase;color:var(--tk-soft);font-weight:400;margin-bottom:6px}
@media (min-width:860px){
  .tk-rail__grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:44px 40px}
  .tk-rail__grid > *{grid-column:span 6}
  .tk-piece--a{grid-column:span 7}
  .tk-piece--b{grid-column:span 5;padding-top:22px}
  .tk-piece--c{grid-column:span 5}
  .tk-piece--d{grid-column:span 7;padding-top:26px}
  .tk-piece--e{grid-column:span 6}
  .tk-piece--f{grid-column:span 6;padding-top:18px}
  .tk-piece--g{grid-column:span 7}
  .tk-piece--h{grid-column:span 5;padding-top:24px}
  .tk-rail__notes{grid-column:span 12;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 44px}
  .tk-rail__notestitle{grid-column:1 / -1}
}

.tk-piece{display:grid;gap:12px;align-content:start}
.tk-piece__media img{width:100%;aspect-ratio:520/347;object-fit:cover}
.tk-piece__title{font-size:var(--tk-step-hs);line-height:1.16}
.tk-piece--a .tk-piece__title{font-size:var(--tk-step-h);line-height:1.06}
.tk-piece__title a{text-decoration:none}
.tk-piece__title a:hover{text-decoration:underline}
.tk-piece__text{color:var(--tk-soft);max-width:36em}
.tk-piece__go{margin-top:4px;justify-self:start}
.tk-piece--note{grid-template-columns:auto minmax(0,1fr);column-gap:20px;row-gap:4px;padding:18px 0;align-items:start}
.tk-piece--note .tk-piece__num{font-family:var(--tk-mono);font-size:34px;line-height:1;color:var(--tk-mark);grid-row:span 3;font-variant-numeric:tabular-nums}
.tk-piece--note .tk-piece__title{font-size:var(--tk-step-sub);line-height:1.22}
.tk-piece--note .tk-piece__text{font-size:var(--tk-step-sm)}

/* Terminkalender */
.tk-diary{padding-block:clamp(52px,9vw,104px)}
.tk-diary__intro{margin-top:14px;color:var(--tk-soft);max-width:40em}
.tk-diary__block{margin-top:30px}
.tk-diary__wrap{overflow-x:auto}
.tk-diary__table{width:100%;border-collapse:collapse;min-width:660px;font-variant-numeric:tabular-nums}
.tk-diary__table caption{text-align:left;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.05em;text-transform:uppercase;color:var(--tk-soft);padding-bottom:12px}
.tk-diary__table th,.tk-diary__table td{padding:12px 14px;text-align:left;vertical-align:top}
.tk-diary__table thead th{
  font-family:var(--tk-mono);font-size:var(--tk-step-cap);font-weight:400;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tk-soft);border-bottom:1px solid var(--tk-ink);white-space:nowrap;
}
.tk-diary__table tbody th{font-family:var(--tk-mono);font-weight:400;font-size:var(--tk-step-sm);white-space:nowrap}
.tk-diary__table tbody td{font-size:var(--tk-step-sm);color:var(--tk-soft)}
.tk-diary__table tbody tr:nth-child(even){background:var(--tk-zebra)}
.tk-diary__sport{display:inline-flex;align-items:center;gap:8px;color:var(--tk-ink);white-space:nowrap}
.tk-diary__sport svg{width:16px;height:16px;flex:none;color:var(--tk-mark)}
.tk-diary__note{margin-top:18px;font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:44em}

/* Weitere Bewerbe */
.tk-digest{padding-block:clamp(44px,7vw,88px)}
.tk-digest__grid{margin-top:30px;display:grid;gap:34px}
.tk-digest__wrap{overflow-x:auto}
.tk-digest--serie .tk-digest__wrap{margin-top:24px}
.tk-digest--serie .tk-digest__format:last-child{margin-top:20px}
.tk-digest__item{display:grid;gap:12px;align-content:start}
.tk-digest__format{color:var(--tk-soft);font-size:var(--tk-step-sm);max-width:34em}
.tk-digest__next{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-ink);font-variant-numeric:tabular-nums}
@media (min-width:840px){
  .tk-digest__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 40px}
  .tk-digest__item--wide{grid-column:span 6}
  .tk-digest__item--half{grid-column:span 3}
  .tk-digest__item--third{grid-column:span 2}
}

/* Redaktion */
.tk-crew{padding-block:clamp(56px,9vw,112px)}
.tk-crew__lay{display:grid;gap:36px;margin-top:26px}
.tk-crew__grid{display:grid;gap:26px}
.tk-crew__member{display:flex;gap:16px;align-items:flex-start}
.tk-crew__avatar{width:56px;height:56px;flex:none}
.tk-crew__name{font-size:var(--tk-step-sub);line-height:1.2}
.tk-crew__role{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-mark);margin-top:4px}
.tk-crew__bio{font-size:var(--tk-step-sm);color:var(--tk-soft);margin-top:8px;max-width:30em}
.tk-crew__trust{display:grid;gap:14px;align-content:start}
.tk-crew__trust p{color:var(--tk-soft);max-width:32em;font-size:var(--tk-step-sm)}
.tk-crew__trust h3{font-size:var(--tk-step-sub)}
@media (min-width:820px){
  .tk-crew__lay{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px}
  .tk-crew__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 36px}
}

/* Haeufige Fragen */
.tk-ask{padding-block:clamp(48px,8vw,96px)}
.tk-ask__list{margin-top:26px;display:grid;gap:12px}
.tk-ask__item{display:grid}
.tk-ask__h{margin:0}
.tk-ask__q{width:100%;justify-content:space-between;text-align:left;min-height:58px;padding:16px 22px;font-size:var(--tk-step-b)}
.tk-ask__q::before,.tk-ask__q::after{background:var(--tk-zebra)}
.tk-ask__q:hover::after{background:var(--tk-ink)}
.tk-ask__q .tk-ask__sign{flex:none;width:16px;height:16px}
.tk-ask__q[aria-expanded="true"] .tk-ask__sign--plus{display:none}
.tk-ask__sign--minus{display:none}
.tk-ask__q[aria-expanded="true"] .tk-ask__sign--minus{display:block}
.tk-ask__a{padding:14px 22px 6px}
.tk-ask__a p{color:var(--tk-soft);max-width:44em}

/* Fuss */
.tk-base{padding-block:clamp(48px,7vw,80px) 36px;background:var(--tk-sheet)}
.tk-base__grid{display:grid;gap:28px}
.tk-base__col h2{font-family:var(--tk-mono);font-size:var(--tk-step-cap);font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:var(--tk-soft)}
.tk-base__list{list-style:none;margin:2px 0 0;padding:0}
.tk-base__link{display:inline-flex;align-items:center;min-height:48px;text-decoration:none;font-size:var(--tk-step-sm)}
.tk-base__link[aria-current]{color:var(--tk-mark)}
.tk-base__brand{display:grid;gap:12px}
.tk-base__brand p{font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:24em}
.tk-base__bottom{margin-top:34px;display:grid;gap:10px}
.tk-base__note{font-size:var(--tk-step-cap);line-height:1.5;color:var(--tk-mute);max-width:60em}
.tk-base__copy{font-family:var(--tk-mono);font-size:var(--tk-step-cap);color:var(--tk-mute);letter-spacing:.02em}
@media (min-width:760px){
  .tk-base__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
}
@media (min-width:1040px){
  .tk-base__grid{grid-template-columns:1.3fr repeat(4,minmax(0,1fr));gap:36px}
}

/* Hinweisleiste */
.tk-consent{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  background:var(--tk-sheet);border-top:1px solid var(--tk-ink);
  padding:18px var(--tk-pad);
  display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;
}
.tk-consent__text{font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:52em}
.tk-consent__actions{display:flex;flex-wrap:wrap;gap:12px}

/* Rechtstexte */
.tk-legal{padding-block:clamp(36px,5vw,64px) clamp(48px,8vw,96px)}
.tk-legal__title{font-size:var(--tk-step-hl);max-width:18em}
.tk-legal__stand{margin-top:14px;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-soft)}
.tk-legal__body{margin-top:30px;display:grid;gap:20px}
.tk-legal__body h2{font-size:var(--tk-step-hs);margin-top:20px}
.tk-legal__body h3{font-size:var(--tk-step-sub);margin-top:10px}
.tk-legal__body p,.tk-legal__body li{max-width:36em;color:var(--tk-ink)}
.tk-legal__body ul{margin:0;padding-left:20px;display:grid;gap:8px}
.tk-legal__back{margin-top:16px;justify-self:start}

/* Rubrikleiste */
.tk-chips{padding-block:14px 0}
.tk-chips__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}

/* Spieltagkopf */
.tk-kick{padding-block:22px 6px}
.tk-kick__bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 26px}
.tk-kick__runde{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.06em;text-transform:uppercase;color:var(--tk-soft);font-variant-numeric:tabular-nums}
.tk-kick__no{background:var(--tk-mark);color:var(--tk-sheet);padding:6px 14px;clip-path:var(--tk-cut)}
.tk-kick__pairs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0;font-size:var(--tk-step-sm)}
.tk-kick__pairs li{white-space:nowrap;padding-right:18px}
.tk-kick__pairs li + li{padding-left:18px;position:relative}
.tk-kick__pairs li + li::before{content:"\00B7";position:absolute;left:0;top:0;color:var(--tk-mute)}
@media (max-width:759px){
  .tk-kick__pairs{display:grid;gap:4px}
  .tk-kick__pairs li{padding:0}
  .tk-kick__pairs li + li{padding-left:0}
  .tk-kick__pairs li + li::before{content:none}
  .tk-go--chip{padding:10px 18px;font-size:var(--tk-step-cap)}
}
@media (min-width:1000px){.tk-kick__go{margin-left:auto}}

/* Aufmacher */
.tk-lead{padding-block:clamp(24px,3vw,36px) clamp(40px,6vw,72px)}
.tk-lead__cols{display:grid;gap:26px}
.tk-lead__text{display:grid;gap:18px;align-content:start}
.tk-lead__title{font-size:var(--tk-step-d);max-width:14em}
.tk-lead__lead{font-size:var(--tk-step-sub);line-height:1.35;color:var(--tk-soft);max-width:28em}
.tk-lead__text p{max-width:34em}
.tk-lead__text > .tk-go{justify-self:start}
.tk-lead__fig{margin:0}
.tk-lead__fig img{width:100%;aspect-ratio:520/347;object-fit:cover;max-height:200px}
.tk-lead__cap{margin-top:10px;font-family:var(--tk-mono);font-size:var(--tk-step-cap);line-height:1.5;color:var(--tk-mute)}
@media (min-width:1000px){
  .tk-lead__cols{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:52px;align-items:start}
  .tk-lead__fig img{max-height:320px}
}

/* Ergebnisstreifen */
.tk-scores{padding-block:clamp(36px,5vw,60px)}
.tk-scores__top{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline}
.tk-scores__list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:2px}
.tk-scores__row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:10px;font-size:var(--tk-step-sm)}
.tk-scores__row:nth-child(odd){background:var(--tk-zebra)}
.tk-scores__score{font-family:var(--tk-mono);font-variant-numeric:tabular-nums}
.tk-scores__note{margin-top:20px;font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:44em}
.tk-scores .tk-go{margin-top:18px}
@media (min-width:820px){
  .tk-scores__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 30px}
  .tk-scores__row:nth-child(odd){background:transparent}
  .tk-scores__row:nth-child(-n+3){background:var(--tk-zebra)}
}

/* Kopf eines Bereichs */
.tk-page{padding-block:clamp(20px,3vw,32px) clamp(24px,4vw,44px)}
.tk-page__title{font-size:var(--tk-step-hl);max-width:16em}
.tk-page__lead{margin-top:18px;font-size:var(--tk-step-sub);line-height:1.4;color:var(--tk-soft);max-width:36em}
.tk-page .tk-chips{padding-block:0;margin-top:26px}
.tk-page .tk-rail__status{margin-top:14px}

/* Runden und Ansetzungen */
.tk-plan{padding-block:clamp(40px,6vw,80px)}
.tk-plan__intro{margin-top:14px;color:var(--tk-soft);max-width:42em}
.tk-plan__grid{margin-top:30px;display:grid;gap:36px}
.tk-plan__wrap{overflow-x:auto}
.tk-plan__table{width:100%;border-collapse:collapse;min-width:320px;font-variant-numeric:tabular-nums}
.tk-plan__table caption{text-align:left;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.05em;text-transform:uppercase;color:var(--tk-soft);padding-bottom:12px}
.tk-plan__table th,.tk-plan__table td{padding:10px 12px;text-align:left;vertical-align:top}
.tk-plan__table thead th{font-family:var(--tk-mono);font-size:var(--tk-step-cap);font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-soft);border-bottom:1px solid var(--tk-ink);white-space:nowrap}
.tk-plan__table tbody th{font-weight:700;font-size:var(--tk-step-sm)}
.tk-plan__table tbody td{font-size:var(--tk-step-sm);color:var(--tk-soft)}
.tk-plan__table tbody tr:nth-child(odd){background:var(--tk-zebra)}
.tk-plan__note{margin-top:24px;font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:46em}
.tk-plan__links{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:1000px){
  .tk-plan__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 48px}
}

/* Klubs */
.tk-club{padding-block:clamp(40px,6vw,80px)}
.tk-club__lay{display:grid;gap:30px}
.tk-club__intro{display:grid;gap:16px;align-content:start}
.tk-club__lead{color:var(--tk-soft);max-width:34em}
.tk-club__intro > .tk-go{justify-self:start}
.tk-club__card{display:grid;gap:20px;justify-items:start}
.tk-club__crest{width:72px;height:72px;flex:none}
.tk-club__facts{margin:0;display:grid;gap:2px;width:100%}
.tk-club__facts > div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:8px 10px}
.tk-club__facts > div:nth-child(odd){background:var(--tk-zebra)}
.tk-club__facts dt{font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.04em;text-transform:uppercase;color:var(--tk-mute)}
.tk-club__facts dd{margin:0;font-size:var(--tk-step-sm);font-weight:700}
.tk-club__grid{margin-top:30px;display:grid;gap:38px}
.tk-club__item{display:grid;gap:14px;align-content:start}
.tk-club__head{display:flex;align-items:center;gap:14px}
.tk-club__item .tk-club__crest{width:56px;height:56px}
.tk-club__item h3{font-size:var(--tk-step-sub)}
.tk-club__story{font-size:var(--tk-step-sm);color:var(--tk-soft);max-width:36em}
@media (min-width:860px){
  .tk-club__lay{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:start}
  .tk-club__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:44px 40px}
  .tk-club__item--wide{grid-column:span 6}
  .tk-club__item--half{grid-column:span 3}
  .tk-club__item--third{grid-column:span 2}
  .tk-club__item--wide{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px 44px;align-items:start}
  .tk-club__item--wide .tk-club__head{grid-column:1;grid-row:1}
  .tk-club__item--wide .tk-club__facts{grid-column:1;grid-row:2}
  .tk-club__item--wide .tk-club__story{grid-column:2}
  .tk-club__item--wide .tk-club__crest{width:72px;height:72px}
  .tk-club__item--wide h3{font-size:var(--tk-step-hs)}
}

/* Meinung */
.tk-view{padding-block:clamp(40px,6vw,84px)}
.tk-view__cols{margin-top:28px;display:grid;gap:34px}
.tk-view__grid{margin-top:28px;display:grid;gap:38px}
.tk-view__col{display:grid;gap:12px;align-content:start}
.tk-view__col p{color:var(--tk-soft);max-width:34em}
.tk-view__col .tk-crew__avatar{width:48px;height:48px}
.tk-view__title{font-size:var(--tk-step-hs);line-height:1.18}
.tk-view__col--lead .tk-view__title{font-size:var(--tk-step-h)}
.tk-view__media img{width:100%;aspect-ratio:520/347;object-fit:cover}
.tk-view__quote{margin:0;padding-left:22px;border-left:3px solid var(--tk-mark);max-width:30em}
.tk-view__quote p{font-size:var(--tk-step-hs);line-height:1.24;font-weight:700;letter-spacing:-0.01em}
.tk-view__quote cite{display:block;margin-top:12px;font-style:normal;font-family:var(--tk-mono);font-size:var(--tk-step-cap);letter-spacing:.03em;color:var(--tk-soft)}
.tk-view__all{margin-top:30px}
.tk-view--debatte h2{max-width:18em}
.tk-view__foot{margin-top:26px;font-size:var(--tk-step-sm);color:var(--tk-mute);max-width:44em}
@media (min-width:860px){
  .tk-view__cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 48px}
  .tk-view__quote{grid-column:1 / -1;margin-top:6px}
  .tk-view__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:46px 40px}
  .tk-view__col{grid-column:span 3}
  .tk-view__col--lead{grid-column:span 6}
}

/* Serien */
.tk-serie{padding-block:clamp(40px,6vw,80px)}
.tk-serie__lay{margin-top:26px;display:grid;gap:34px}
.tk-serie__ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.tk-serie__ol li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:2px 16px;align-items:baseline;padding:12px 10px}
.tk-serie__ol li:nth-child(odd){background:var(--tk-zebra)}
.tk-serie__no{font-size:20px;color:var(--tk-mark);grid-row:span 2}
.tk-serie__klub{font-weight:700;font-size:var(--tk-step-sm)}
.tk-serie__val{font-family:var(--tk-mono);font-size:var(--tk-step-sm);font-variant-numeric:tabular-nums;text-align:right}
.tk-serie__seit{grid-column:2 / -1;font-size:var(--tk-step-cap);color:var(--tk-mute)}
.tk-serie__side{display:grid;gap:12px;align-content:start}
.tk-serie__side p{color:var(--tk-soft);font-size:var(--tk-step-sm);max-width:32em}
.tk-serie__side h3{font-size:var(--tk-step-sub)}
@media (min-width:860px){
  .tk-serie__lay{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:56px;align-items:start}
}

/* Redaktioneller Hinweis */
.tk-note{padding-block:clamp(40px,6vw,76px)}
.tk-note__lay{display:grid;gap:30px}
.tk-note__lay > div{display:grid;gap:14px;align-content:start}
.tk-note p{color:var(--tk-soft);max-width:38em}
.tk-note h3{font-size:var(--tk-step-sub)}
.tk-note__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
@media (min-width:860px){
  .tk-note__lay{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Bildlaufleisten — Schiene jeweils im Ton der Flaeche, auf der sie liegt */
:root{--tk-rail-page:var(--tk-sheet);--tk-rail-block:var(--tk-zebra)}
/* Seitenleiste: liegt auf der weissen Seitenflaeche */
::-webkit-scrollbar{width:14px;height:14px}
::-webkit-scrollbar-track{background:var(--tk-rail-page);box-shadow:inset 1px 0 0 rgba(0,0,0,.10)}
::-webkit-scrollbar-thumb{background:var(--tk-ink);border:3px solid var(--tk-rail-page);border-radius:0}
::-webkit-scrollbar-thumb:hover{background:var(--tk-mark)}
::-webkit-scrollbar-thumb:active{background:var(--tk-mark)}
::-webkit-scrollbar-corner{background:var(--tk-rail-page)}
::-webkit-scrollbar-button{display:none}
/* Tabellen: Schiene im Ton der Zebrastreifen darueber */
.tk-sheet__wrap,.tk-diary__wrap,.tk-digest__wrap,.tk-plan__wrap{padding-bottom:6px}
.tk-sheet__wrap::-webkit-scrollbar,.tk-diary__wrap::-webkit-scrollbar,
.tk-digest__wrap::-webkit-scrollbar,.tk-plan__wrap::-webkit-scrollbar{height:12px}
.tk-sheet__wrap::-webkit-scrollbar-track,.tk-diary__wrap::-webkit-scrollbar-track,
.tk-digest__wrap::-webkit-scrollbar-track,.tk-plan__wrap::-webkit-scrollbar-track{
  background:var(--tk-rail-block)}
.tk-sheet__wrap::-webkit-scrollbar-thumb,.tk-diary__wrap::-webkit-scrollbar-thumb,
.tk-digest__wrap::-webkit-scrollbar-thumb,.tk-plan__wrap::-webkit-scrollbar-thumb{
  background:var(--tk-ink);border:2px solid var(--tk-rail-block);border-radius:0}
.tk-sheet__wrap::-webkit-scrollbar-thumb:hover,.tk-diary__wrap::-webkit-scrollbar-thumb:hover,
.tk-digest__wrap::-webkit-scrollbar-thumb:hover,.tk-plan__wrap::-webkit-scrollbar-thumb:hover{
  background:var(--tk-mark)}
.tk-sheet__wrap:focus-visible,.tk-diary__wrap:focus-visible,
.tk-digest__wrap:focus-visible,.tk-plan__wrap:focus-visible{outline:2px solid var(--tk-mark);outline-offset:3px}
/* Firefox: nur Farben */
@supports not selector(::-webkit-scrollbar){
  html{scrollbar-width:thin;scrollbar-color:var(--tk-ink) var(--tk-rail-page)}
  .tk-sheet__wrap,.tk-diary__wrap,.tk-digest__wrap,.tk-plan__wrap{
    scrollbar-width:thin;scrollbar-color:var(--tk-ink) var(--tk-rail-block)}
}