:root{
  --statement:clamp(34px,5.4vw,var(--text-display-xl));
  --sectionlead:clamp(28px,3.4vw,var(--text-h1));
  --numeral-1:clamp(64px,10vw,180px);
  --numeral-2:clamp(36px,4.4vw,80px);
}

.container{
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--grid-margin);
}
img{max-width:100%;height:auto}
[id]{scroll-margin-top:var(--space-6)}
:target,[id]{scroll-margin-block-start:calc(var(--space-9) + 76px)}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}

.section{padding-block:var(--space-11)}
.section--sunken{background:var(--surface-sunken)}
.section--tight{padding-block:var(--space-9)}
.section--break{padding-block-start:var(--space-12)}

.section--dark{background:var(--surface-inverse);color:var(--text-inverse)}
.section--dark h2,.section--dark h3{color:var(--text-inverse)}
.section--brand{background:var(--blue-700);color:var(--text-inverse)}
.section--brand h1,.section--brand h2{color:var(--text-inverse)}

.section__head{margin-bottom:var(--space-7);max-width:76ch}
.section__head--center{margin-inline:auto;text-align:center}

.eyebrow{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-brand);
  margin-bottom:var(--space-3);
}
.eyebrow--quiet{color:var(--text-secondary)}
.eyebrow--inverse{color:var(--blue-300)}

.lede{
  font-size:var(--text-h5);
  line-height:var(--leading-body);
  color:var(--text-secondary);
  max-width:68ch;
  margin-top:var(--space-4);
}
.section--dark .lede,.section--brand .lede{color:var(--blue-100)}
.section__head--center .lede{margin-inline:auto}

.note{
  font-size:var(--text-small);
  line-height:var(--leading-body);
  color:var(--text-secondary);
  max-width:75ch;
}
.note--inverse{color:var(--text-muted-inverse)}
* + .note{margin-top:var(--space-4)}

.prose{max-width:68ch}
.prose > * + *{margin-top:var(--space-4)}
.prose h2{margin-top:var(--space-8)}
.prose h3{margin-top:var(--space-6)}
.prose ul{padding-left:1.2em;margin:0}
.prose li + li{margin-top:var(--space-2)}

.grid{display:grid;gap:var(--grid-gutter)}
* + .grid{margin-top:var(--space-6)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--split{grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}

.rule{border:0;border-top:var(--border-1) solid var(--border);margin-block:var(--space-8)}

.visually-hidden{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.skip-link{
  position:absolute;left:-9999px;top:0;z-index:var(--z-tooltip);
  background:var(--surface);color:var(--text-brand);
  padding:var(--space-3) var(--space-4);text-decoration:underline;
}
.skip-link:focus{left:var(--space-3)}

.claim{
  font-family:var(--font-core);
  font-weight:var(--weight-medium);
  line-height:var(--leading-display);
  margin:0;
  text-wrap:balance;
}
.claim--abbinder{
  font-size:var(--text-h2);
  color:var(--text-inverse);
  padding-block:0.9em;
}

.tvbrand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none}
.tvbrand img{height:22px;width:auto;display:block}
.tvbrand__mark{
  display:inline-flex;align-items:center;justify-content:center;
  height:22px;padding-inline:7px;
  font-family:var(--font-display);
  font-size:var(--text-small);
  font-weight:var(--weight-bold);
  letter-spacing:var(--tracking-label);
  color:var(--text-inverse);
  background:var(--blue-600);
  border-radius:var(--radius-1);
}
[data-tone="inverse"] .tvbrand__mark{background:var(--neutral-0);color:var(--blue-700)}

.site-header{
  background:var(--surface);
  border-bottom:var(--border-1) solid var(--border);
  position:sticky;
  inset-block-start:0;
  z-index:var(--z-header);
}

.header-main{
  display:flex;
  align-items:center;
  gap:var(--space-5);
  min-height:76px;
}

.header-main__logo{line-height:0;padding-block:var(--space-3)}

.nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}
.nav__link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding-inline:10px;
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  text-decoration:none;
  color:var(--text-primary);
  border-bottom:var(--border-2) solid transparent;
  transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);
}
.nav__link:hover{color:var(--text-brand);border-bottom-color:var(--accent)}
.nav__link[aria-current="true"],
.nav__link[aria-current="page"]{color:var(--text-brand);border-bottom-color:var(--accent)}

.header-search{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  min-width:44px;height:44px;padding-inline:var(--space-2);
  color:var(--text-secondary);text-decoration:none;
  border:var(--border-1) solid transparent;border-radius:var(--radius-1);
  transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);
}
.header-search:hover{color:var(--text-brand);border-color:var(--border-strong)}

.corp-link{
  display:inline-flex;
  align-items:center;
  gap:var(--space-2);
  height:44px;
  padding-inline:var(--space-4);
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  color:var(--text-brand);
  background:var(--surface);
  border:var(--border-1) solid var(--blue-600);
  border-radius:var(--radius-1);
  transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);
}
.corp-link:hover{background:var(--blue-50);color:var(--accent-hover)}
.corp-link:active{background:var(--blue-100)}

.menu-panel .corp-link{display:none}

.menu-toggle{
  display:none;
  align-items:center;justify-content:center;
  width:44px;height:44px;
  margin-left:auto;
  background:none;border:var(--border-1) solid var(--border);border-radius:var(--radius-1);
  color:var(--text-primary);cursor:pointer;
}
.menu-toggle__close{display:none}
.menu-toggle[aria-expanded="true"] .menu-toggle__open{display:none}
.menu-toggle[aria-expanded="true"] .menu-toggle__close{display:block}

.page-head{
  background:var(--surface-brand);
  color:var(--text-inverse);
  padding-block:var(--space-8) var(--space-9);
  position:relative;
  overflow:hidden;
}

.page-head::before{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:34%;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='74.24' height='127.594' viewBox='0 0 74.24 127.594'%3E%3Cg fill='%238194CA'%3E%3Cpath transform='translate(5.12 5.12) scale(0.043182) translate(-218.9 -340.13)' d='M252.9,531.9c64.6-161.2,195.3-191.8,711.5-191.8c423,0,516.1,12.5,598.6,55.6c102.1,51.9,138,139.8,138,360.2v73.4h-358.6v-73.4c0-55.6-26.9-116.5-182.7-116.5H744c-107.6,0-166.8,59.2-166.8,166.7v308.3c0,107.6,59.2,166.7,166.8,166.7h415.8c155.8,0,182.7-61,182.7-116.5v-73.4H1701v73.4c0,220.4-35.9,308.3-138,360.2c-82.4,43-175.5,55.5-598.6,55.5c-516.1,0-646.8-30.4-711.5-191.8c-26.9-66.3-34-164.8-34-428.3s7.2-362,34-428.3V531.9z'/%3E%3Cpath transform='translate(69.12 68.917) scale(-0.043182 0.043182) translate(-218.9 -340.13)' d='M252.9,531.9c64.6-161.2,195.3-191.8,711.5-191.8c423,0,516.1,12.5,598.6,55.6c102.1,51.9,138,139.8,138,360.2v73.4h-358.6v-73.4c0-55.6-26.9-116.5-182.7-116.5H744c-107.6,0-166.8,59.2-166.8,166.7v308.3c0,107.6,59.2,166.7,166.8,166.7h415.8c155.8,0,182.7-61,182.7-116.5v-73.4H1701v73.4c0,220.4-35.9,308.3-138,360.2c-82.4,43-175.5,55.5-598.6,55.5c-516.1,0-646.8-30.4-711.5-191.8c-26.9-66.3-34-164.8-34-428.3s7.2-362,34-428.3V531.9z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:74.24px 127.594px;
  opacity:.16;
  -webkit-mask-image:linear-gradient(to left,#000 30%,rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to left,#000 30%,rgba(0,0,0,0) 100%);
}

@media (max-width:1200px){.page-head::before{content:none}}
.page-head .container{position:relative}
.page-head--tall{padding-block:var(--space-9) var(--space-10)}
.page-head h1{
  color:var(--text-inverse);
  font-size:var(--sectionlead);
  max-width:26ch;
  text-wrap:pretty;
}
.page-head .lede{color:var(--blue-100)}
.page-head .eyebrow{color:var(--blue-200)}

.breadcrumb{font-size:var(--text-small);margin-bottom:var(--space-5)}
.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);list-style:none;margin:0;padding:0}
.breadcrumb li{display:flex;align-items:center;gap:var(--space-2)}
.breadcrumb a{display:inline-block;padding-block:var(--space-1);color:var(--blue-100);text-decoration:none}
.breadcrumb a:hover{color:var(--text-inverse);text-decoration:underline}
.breadcrumb [aria-current="page"]{color:var(--text-inverse);font-weight:var(--weight-medium)}
.breadcrumb__sep{color:var(--blue-300)}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-2);
  min-height:44px;
  padding-inline:var(--space-5);
  font-family:var(--font-core);
  font-size:var(--text-small);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  text-decoration:none;
  text-align:center;
  border:var(--border-1) solid transparent;
  border-radius:var(--radius-1);
  cursor:pointer;
  transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);
}
.btn--primary{background:var(--accent);color:var(--text-inverse)}
.btn--primary:hover{background:var(--accent-hover);color:var(--text-inverse)}
.btn--primary:active{background:var(--accent-active)}
.btn--secondary{background:var(--surface);color:var(--text-brand);border-color:var(--blue-600)}
.btn--secondary:hover{background:var(--blue-50);color:var(--accent-hover)}
.btn--on-dark{background:var(--surface);color:var(--text-brand);border-color:var(--surface)}
.btn--on-dark:hover{background:var(--blue-50);color:var(--accent-hover);border-color:var(--blue-50)}
.btn--on-dark-quiet{background:transparent;color:var(--blue-100);border-color:rgb(255 255 255 / .34)}
.btn--on-dark-quiet:hover{background:var(--blue-800);color:var(--text-inverse);border-color:var(--neutral-0)}

.actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}
.actions--center{justify-content:center}

.slot{
  position:relative;
  aspect-ratio:16/9;
  background:var(--blue-800);
  border:var(--border-1) solid var(--blue-500);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}
.slot--light{background:var(--surface-sunken);border-color:var(--border)}

.slot::before,.slot::after,
.slot__inner::before,.slot__inner::after{
  content:"";position:absolute;width:14px;height:14px;
  border:0 solid var(--blue-300);
}
.slot--light::before,.slot--light::after,
.slot--light .slot__inner::before,.slot--light .slot__inner::after{border-color:var(--blue-500)}
.slot::before{top:8px;left:8px;border-top-width:2px;border-left-width:2px}
.slot::after{top:8px;right:8px;border-top-width:2px;border-right-width:2px}
.slot__inner::before{bottom:8px;left:8px;border-bottom-width:2px;border-left-width:2px}
.slot__inner::after{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px}
.slot__inner{position:static;text-align:center;padding:var(--space-5)}

.slot__grid{
  position:absolute;inset:0;pointer-events:none;
  background:repeating-linear-gradient(to bottom,rgb(255 255 255 / .05) 0,rgb(255 255 255 / .05) 1px,transparent 1px,transparent 24px);
}
.slot--light .slot__grid{background:repeating-linear-gradient(to bottom,rgb(35 57 126 / .06) 0,rgb(35 57 126 / .06) 1px,transparent 1px,transparent 24px)}
.slot__label{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--blue-300);
}
.slot--light .slot__label{color:var(--blue-500)}
.slot__title{
  font-family:var(--font-display);
  font-size:var(--text-h3);
  font-weight:var(--weight-bold);
  color:var(--text-inverse);
  margin-top:var(--space-2);
}
.slot--light .slot__title{color:var(--text-brand)}
.slot__text{font-size:var(--text-small);color:var(--blue-100);margin-top:var(--space-2);max-width:44ch;margin-inline:auto}
.slot--light .slot__text{color:var(--text-secondary)}

.soon{
  border:var(--border-1) solid var(--border);
  border-left:3px solid var(--blue-600);
  background:var(--surface);
  padding:var(--space-6);
}
.soon--band{
  border:0;border-top:var(--border-1) solid var(--blue-500);
  background:var(--surface-inverse);color:var(--text-inverse);
  text-align:center;padding:var(--space-8) var(--space-6);
}
.soon__status{
  display:inline-flex;align-items:center;gap:var(--space-2);
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-brand);
}
.soon--band .soon__status{color:var(--blue-300)}

.soon__status::before{
  content:"";width:8px;height:8px;border-radius:50%;
  background:var(--blue-600);
}
.soon--band .soon__status::before{background:var(--blue-300)}
@media (prefers-reduced-motion:no-preference){
  .soon__status::before{animation:soon-puls 2.4s var(--ease-in-out) infinite}
}
@keyframes soon-puls{0%,100%{opacity:1}50%{opacity:.35}}
.soon__title{
  font-family:var(--font-display);
  font-size:var(--text-h4);
  font-weight:var(--weight-bold);
  margin-top:var(--space-3);
  color:var(--text-primary);
}
.soon--band .soon__title{color:var(--text-inverse);font-size:var(--text-h3)}
.soon__text{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-2);max-width:60ch}
.soon--band .soon__text{color:var(--blue-100);margin-inline:auto}

.programme{list-style:none;margin:0;padding:0}
.programme__item{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
  gap:var(--space-8);
  align-items:center;
  padding-block:var(--space-8);
}
.programme__item + .programme__item{border-top:var(--border-1) solid var(--border)}
.programme__item:nth-child(even) .programme__body{order:2}
.programme__no{
  font-family:var(--font-display);
  font-size:var(--text-h5);
  font-weight:var(--weight-semibold);
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
}
.programme__name{
  font-family:var(--font-display);
  font-size:var(--text-h3);
  font-weight:var(--weight-bold);
  margin-top:var(--space-2);
}
.programme__name a{color:var(--text-primary);text-decoration:none}
.programme__name a:hover{color:var(--text-brand)}
.programme__text{color:var(--text-secondary);margin-top:var(--space-3);max-width:52ch}
.programme__meta{
  display:flex;flex-wrap:wrap;gap:var(--space-2);
  margin-top:var(--space-4);
}

.badge{
  display:inline-flex;align-items:center;
  min-height:24px;padding:2px var(--space-2);
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
  border:var(--border-1) solid var(--border);
  border-radius:var(--radius-1);
}
.badge--brand{color:var(--text-brand);border-color:var(--blue-200)}

.index{list-style:none;margin:0;padding:0;border-top:var(--border-1) solid var(--border)}
.index__item{border-bottom:var(--border-1) solid var(--border)}
.index__link{
  display:grid;
  grid-template-columns:56px minmax(16ch,22ch) minmax(0,1fr) 24px;
  gap:var(--space-4);
  align-items:baseline;
  padding-block:var(--space-5);
  text-decoration:none;
  color:var(--text-primary);
  transition:background var(--duration-fast) var(--ease-out);
}
.index__link:hover{background:var(--blue-50)}
.index__no{
  font-family:var(--font-display);
  font-size:var(--text-h5);
  font-weight:var(--weight-semibold);
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
}
.index__name{
  font-family:var(--font-display);
  font-size:var(--text-h4);
  font-weight:var(--weight-bold);
  color:var(--text-brand);
}
.index__text{font-size:var(--text-small);color:var(--text-secondary);max-width:64ch}
.index__arrow{align-self:center;color:var(--text-brand)}
.index__arrow::after{content:"→"}

.pointlist{list-style:none;margin:0;padding:0;border-top:var(--border-1) solid var(--border)}
.pointlist__item{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:var(--space-4);
  align-items:baseline;
  padding-block:var(--space-4);
  border-bottom:var(--border-1) solid var(--border);
}
.pointlist__no{
  font-family:var(--font-display);
  font-size:var(--text-h5);
  font-weight:var(--weight-semibold);
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
}
.pointlist__text{max-width:70ch}

.index--inverse{border-top-color:var(--blue-500)}
.index--inverse .index__item{border-bottom-color:var(--blue-500)}
.index--inverse .index__link{color:var(--text-inverse)}
.index--inverse .index__link:hover{background:var(--blue-700)}
.index--inverse .index__no{color:var(--blue-300)}
.index--inverse .index__name{color:var(--text-inverse)}
.index--inverse .index__text{color:var(--blue-100)}
.index--inverse .index__arrow{color:var(--blue-300)}

.techfield{
  position:relative;
  display:block;
  text-decoration:none;
  background:var(--surface);
  border:var(--border-1) solid var(--border);
  padding:var(--space-6) var(--space-5) var(--space-5);
  transition:border-color var(--duration-fast) var(--ease-out);
}
.techfield:hover{border-color:var(--border-strong)}
.techfield::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:var(--blue-600)}
.techfield--grill::before{background:linear-gradient(90deg,var(--blue-600) 50%,var(--blue-300) 50%)}
.techfield--robotik::before{background:repeating-linear-gradient(90deg,var(--blue-600) 0 16px,transparent 16px 24px)}
.techfield--engineering::before{height:5px;background:linear-gradient(to bottom,var(--blue-600) 2px,transparent 2px,transparent 3px,var(--blue-600) 3px)}
.techfield__no{
  font-family:var(--font-display);
  font-size:var(--text-small);
  font-weight:var(--weight-semibold);
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
}
.techfield__name{
  font-family:var(--font-display);
  font-size:var(--text-h4);
  font-weight:var(--weight-bold);
  color:var(--text-brand);
  margin-top:var(--space-2);
}
.techfield__text{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-3)}
.techfield__spec{
  font-size:var(--text-label);
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
  margin-top:var(--space-4);
  padding-top:var(--space-3);
  border-top:var(--border-1) solid var(--border);
}

.filterbar{
  display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;
  padding-block:var(--space-4);
  border-block:var(--border-1) solid var(--border);
}
.filterbar__group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
.filterbar__label{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
  margin-right:var(--space-2);
}
.chip{
  display:inline-flex;align-items:center;
  min-height:36px;padding-inline:var(--space-3);
  font-family:var(--font-core);
  font-size:var(--text-small);
  font-weight:var(--weight-medium);
  color:var(--text-primary);
  background:var(--surface);
  border:var(--border-1) solid var(--border);
  border-radius:var(--radius-1);
  cursor:pointer;
  transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);
}
.chip:hover{border-color:var(--border-strong)}
.chip[aria-pressed="true"]{background:var(--blue-600);border-color:var(--blue-600);color:var(--text-inverse)}

.searchfield{position:relative;max-width:520px}
.searchfield input{
  width:100%;
  min-height:48px;
  padding:var(--space-3) var(--space-4) var(--space-3) 44px;
  font-family:var(--font-core);
  font-size:var(--text-body);
  color:var(--text-primary);
  background:var(--surface);
  border:var(--border-1) solid var(--border-strong);
  border-radius:var(--radius-1);
}
.searchfield input:focus-visible{outline:var(--border-2) solid var(--focus);outline-offset:2px}
.searchfield svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-secondary)}

.archive{list-style:none;margin:0;padding:0}
.archive__item{
  display:grid;
  grid-template-columns:minmax(200px,280px) minmax(0,1fr);
  gap:var(--space-6);
  padding-block:var(--space-6);
  border-bottom:var(--border-1) solid var(--border);
}
.archive__item:first-child{border-top:var(--border-1) solid var(--border)}
.archive__slot{align-self:start}
.archive__title{
  font-family:var(--font-display);
  font-size:var(--text-h4);
  font-weight:var(--weight-bold);
}
.archive__title a{color:var(--text-primary);text-decoration:none}
.archive__title a:hover{color:var(--text-brand)}
.archive__series{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-brand);
  margin-bottom:var(--space-2);
}
.archive__text{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-2);max-width:66ch}
.archive__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.archive__empty{padding-block:var(--space-8)}

.slot--compact::before,.slot--compact::after,
.slot--compact .slot__inner::before,.slot--compact .slot__inner::after{width:10px;height:10px}
.slot--compact .slot__label{font-size:10px;letter-spacing:0.1em}
.slot--compact .slot__inner{padding:var(--space-3)}

.player{margin:0}
.player .slot{border-color:var(--blue-500)}
.player figcaption{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-3)}

.vmeta{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:var(--space-4) var(--space-6);
  margin-top:var(--space-6);
  padding:var(--space-5);
  background:var(--surface-sunken);
  border:var(--border-1) solid var(--border);
}
.vmeta div{margin:0}
.vmeta dt{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
}
.vmeta dd{margin:var(--space-1) 0 0;font-size:var(--text-small);color:var(--text-primary)}
.vmeta dd a{color:var(--text-brand)}

.chapters{list-style:none;margin:0;padding:0;border-top:var(--border-1) solid var(--border)}
.chapters li{
  display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-4);
  padding-block:var(--space-3);
  border-bottom:var(--border-1) solid var(--border);
  font-size:var(--text-small);
}
.chapters .chapters__time{
  color:var(--text-secondary);
  font-variant-numeric:var(--numeric-technical);
}

.specstrip{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:var(--space-4);
  margin:var(--space-6) 0 0;
  padding-top:var(--space-4);
  border-top:var(--border-1) solid var(--border);
}
.specstrip div{margin:0}
.specstrip dt{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
}
.specstrip dd{
  margin:var(--space-1) 0 0;
  font-size:var(--text-body);
  font-weight:var(--weight-medium);
  font-variant-numeric:var(--numeric-technical);
}

.table-scroll{overflow-x:auto;margin-top:var(--space-6)}
.table{width:100%;border-collapse:collapse;font-size:var(--text-small)}
.table caption{
  text-align:left;
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
  padding-bottom:var(--space-3);
}
.table th,.table td{
  text-align:left;
  padding:var(--space-3) var(--space-4);
  border:var(--border-1) solid var(--border);
  vertical-align:top;
}
.table th{background:var(--surface-sunken);font-weight:var(--weight-semibold)}
.table td{font-variant-numeric:var(--numeric-technical)}

.faq{border-top:var(--border-1) solid var(--border)}
.faq details{border-bottom:var(--border-1) solid var(--border)}
.faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);
  padding-block:var(--space-4);
  font-size:var(--text-h5);
  font-weight:var(--weight-semibold);
  cursor:pointer;
  list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";
  font-family:var(--font-display);
  font-size:var(--text-h4);
  color:var(--text-brand);
  flex:none;
  line-height:1;
}
.faq details[open] summary::after{content:"–"}
.faq .faq__body{padding-bottom:var(--space-5);color:var(--text-secondary);max-width:70ch}
.faq .faq__body > * + *{margin-top:var(--space-3)}

.nextnav{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-6)}
.nextnav a{
  position:relative;
  display:block;
  padding:var(--space-5);
  text-decoration:none;
  background:var(--surface);
  border:var(--border-1) solid var(--border);
  transition:border-color var(--duration-fast) var(--ease-out);
}
.nextnav a:hover{border-color:var(--border-strong)}
.nextnav__kind{
  display:block;
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--text-secondary);
}
.nextnav__name{
  display:block;
  font-family:var(--font-display);
  font-size:var(--text-h4);
  font-weight:var(--weight-bold);
  color:var(--text-brand);
  margin-top:var(--space-2);
}
.nextnav__text{display:block;font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-2)}

.domainswitch{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);
  margin-top:var(--space-8);
  padding:var(--space-5);
  background:var(--surface-sunken);
  border:var(--border-1) solid var(--border);
}
.domainswitch p{font-size:var(--text-small);color:var(--text-secondary);max-width:64ch}

.hero{
  position:relative;
  background:var(--surface-brand);
  color:var(--text-inverse);
  overflow:hidden;
}

.hero__pattern{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:.12;
  -webkit-mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,0) 72%);
  mask-image:linear-gradient(to left,#000 0%,rgba(0,0,0,0) 72%);
  pointer-events:none;
}
@media (max-width:1200px){.hero__pattern{display:none}}
.hero__inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:var(--space-9);
  align-items:center;
  padding-block:var(--space-10) var(--space-11);
}

.hero__kicker{
  display:flex;align-items:center;gap:var(--space-3);
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--blue-200);
}
.hero__title{
  font-family:var(--font-display);
  font-size:var(--statement);
  font-weight:var(--weight-bold);
  line-height:var(--leading-display);
  letter-spacing:var(--tracking-display);
  color:var(--text-inverse);
  margin-top:var(--space-4);
  text-wrap:balance;
}
.hero__title span{color:var(--blue-300)}
.hero__h1{
  font-size:var(--text-h4);
  font-weight:var(--weight-semibold);
  color:var(--text-inverse);
  margin-top:var(--space-5);
  max-width:34ch;
}
.hero__text{
  font-size:var(--text-h5);
  color:var(--blue-100);
  margin-top:var(--space-4);
  max-width:56ch;
}

.abbinder{
  position:relative;
  background:var(--blue-700);
  color:var(--text-inverse);
  overflow:hidden;
  text-align:center;
}

.abbinder__pattern{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:var(--pattern-opacity-negative);
  -webkit-mask-image:linear-gradient(to left,#000 15%,rgba(0,0,0,0) 95%);
  mask-image:linear-gradient(to left,#000 15%,rgba(0,0,0,0) 95%);
  pointer-events:none;
}
.abbinder__inner{position:relative;padding-block:var(--space-10)}
.abbinder__text{color:var(--blue-100);max-width:64ch;margin-inline:auto}

.bignums{
  display:grid;grid-template-columns:repeat(3,1fr);gap:var(--grid-gutter);
  list-style:none;margin:var(--space-8) 0 0;padding:0;
}
.bignums li{border-top:var(--border-2) solid var(--blue-600);padding-top:var(--space-4)}
.bignums b{
  display:block;
  font-family:var(--font-display);
  font-size:var(--numeral-2);
  font-weight:var(--weight-bold);
  line-height:var(--leading-display);
  color:var(--text-brand);
  font-variant-numeric:var(--numeric-technical);
}
.bignums span{display:block;font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-2)}
.bignums--inverse li{border-top-color:var(--blue-300)}
.bignums--inverse b{color:var(--text-inverse)}
.bignums--inverse span{color:var(--blue-100)}

.results{list-style:none;margin:var(--space-6) 0 0;padding:0}
.results li{border-bottom:var(--border-1) solid var(--border);padding-block:var(--space-4)}
.results li:first-child{border-top:var(--border-1) solid var(--border)}
.results a{
  font-family:var(--font-display);
  font-size:var(--text-h5);
  font-weight:var(--weight-bold);
  color:var(--text-brand);
  text-decoration:none;
}
.results a:hover{text-decoration:underline}
.results p{font-size:var(--text-small);color:var(--text-secondary);margin-top:var(--space-1)}
.results .badge{margin-right:var(--space-2)}

.site-footer{
  background:var(--surface-inverse);
  color:var(--text-inverse);
  margin-top:var(--space-11);
}
.site-footer a{color:var(--neutral-300);text-decoration:none}
.site-footer a:hover{color:var(--text-inverse);text-decoration:underline}
.site-footer__inner{padding-block:var(--space-9) var(--space-6)}
.site-footer__grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));
  gap:var(--space-8) var(--grid-gutter);
}
.site-footer__logo{height:20px;width:auto}
.site-footer__brandtext{font-size:var(--text-small);color:var(--neutral-300);margin-top:var(--space-4);max-width:38ch}
.footer-col__head{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--neutral-300);
  margin-bottom:var(--space-3);
  list-style:none;
}
.footer-col ul{list-style:none;margin:0;padding:0}
.footer-col li{font-size:var(--text-small);padding-block:var(--space-1)}
.site-footer__social{margin-top:var(--space-5)}
.site-footer__social ul{display:flex;gap:var(--space-2);list-style:none;margin:var(--space-2) 0 0;padding:0}
.site-footer__social a{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;
  border:var(--border-1) solid var(--neutral-500);
  border-radius:var(--radius-1);
}
.site-footer__social a:hover{border-color:var(--neutral-0);text-decoration:none}
.site-footer__handle{font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--neutral-300)}
.site-footer__legal{
  margin-top:var(--space-8);
  padding-top:var(--space-5);
  border-top:var(--border-1) solid var(--neutral-500);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);
}
.site-footer__links ul{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none;margin:0;padding:0;font-size:var(--text-small)}
.site-footer__meta{font-size:var(--text-small);color:var(--neutral-300)}

.js-reveal .reveal{opacity:0;transform:translateY(12px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}
.js-reveal .reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .js-reveal .reveal{opacity:1;transform:none}
}

@media (max-width:1100px){
  .nav__link{padding-inline:var(--space-2)}
  .hero__title{font-size:clamp(40px,7vw,64px)}
}

@media (max-width:900px){
  .grid--3{grid-template-columns:repeat(2,1fr)}
  .hero__inner{grid-template-columns:1fr;gap:var(--space-8)}
  .programme__item{grid-template-columns:1fr;gap:var(--space-5)}
  .programme__item:nth-child(even) .programme__body{order:0}
  .site-footer__grid{grid-template-columns:repeat(2,1fr)}
  .index__link{grid-template-columns:44px minmax(0,1fr) 24px;grid-template-rows:auto auto;row-gap:var(--space-1)}
  .index__text{grid-column:2}
  .index__arrow{grid-column:3;grid-row:1}
}

@media (min-width:769px) and (max-width:1279px){
  .header-main{
    flex-wrap:wrap;
    row-gap:0;
    min-height:0;
    padding-block:var(--space-2);
  }
  .menu-panel{order:3;flex-basis:100%}
  .nav{flex-wrap:nowrap}
  .nav__link{padding-inline:8px}
  .header-search{margin-left:auto}
}

@media (max-width:768px){
  .section{padding-block:var(--space-9)}
  .grid--2,.grid--3,.grid--split{grid-template-columns:1fr}
  .bignums{grid-template-columns:1fr;gap:var(--space-5)}
  .nextnav{grid-template-columns:1fr}
  .archive__item{grid-template-columns:1fr;gap:var(--space-4)}
  .archive__slot{max-width:360px}
  .vmeta{grid-template-columns:1fr 1fr}

  
  
  .header-main{gap:var(--space-2) var(--space-3);min-height:64px}
  .header-main__logo,.menu-toggle,.header-search{flex-shrink:0}
  .tvbrand{gap:var(--space-2)}
  .tvbrand img{height:18px}
  .tvbrand__mark{height:18px;padding-inline:5px;font-size:var(--text-label)}
  .menu-toggle{display:inline-flex}
  .menu-panel{
    display:none;
    position:absolute;left:0;right:0;top:100%;
    background:var(--surface);
    border-bottom:var(--border-1) solid var(--border);
    padding:var(--space-4) var(--grid-margin) var(--space-6);
    box-shadow:none;
  }
  .menu-panel[data-open]{display:block}
  .nav{flex-direction:column;gap:0}
  .nav__link{min-height:48px;border-bottom:var(--border-1) solid var(--border);width:100%}
  .nav__link:hover{border-bottom-color:var(--border)}
  .nav__link[aria-current="true"],.nav__link[aria-current="page"]{border-bottom-color:var(--border)}
  .menu-panel .corp-link{margin-top:var(--space-4);width:100%;justify-content:center}
  .header-main .corp-link{display:none}
  .menu-panel .corp-link{display:inline-flex}
  .hero__title{font-size:clamp(34px,10vw,48px)}
  .footer-acc{border-bottom:var(--border-1) solid var(--neutral-500)}
  .footer-acc summary{cursor:pointer;padding-block:var(--space-3);margin-bottom:0}
  .site-footer__grid{grid-template-columns:1fr;gap:var(--space-4)}
  .site-footer__brand{margin-bottom:var(--space-4)}
}

@media (max-width:480px){
  .vmeta{grid-template-columns:1fr}
  .specstrip{grid-template-columns:1fr 1fr}
  
  .container{padding-inline:var(--space-4)}
  .tvbrand img{height:16px}
}

.wartung{
  min-height:100vh;
  min-height:100dvh;
  display:flex;
  flex-direction:column;
  background:var(--blue-700);
  color:var(--text-inverse);
}
.wartung .eyebrow{color:var(--blue-200)}
.wartung__main{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:var(--space-10) var(--grid-margin);
}
.wartung__box{max-width:620px;text-align:center}
.wartung__box .tvbrand{justify-content:center}
.wartung__box .eyebrow{margin-top:var(--space-8)}
.wartung h1{
  color:var(--text-inverse);
  font-size:var(--text-display);
  margin-top:var(--space-3);
  text-wrap:balance;
}
.wartung__text{color:var(--blue-100);font-size:var(--text-h5);margin-top:var(--space-4)}
.wartung__meta{color:var(--blue-200);font-size:var(--text-small);margin-top:var(--space-6)}

.wartung__langs{
  margin-top:var(--space-8);
  padding-top:var(--space-6);
  border-top:var(--border-1) solid var(--blue-500);
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:var(--space-6);
  text-align:left;
}
.wartung__lang-label{
  font-size:var(--text-label);
  font-weight:var(--weight-semibold);
  letter-spacing:var(--tracking-label);
  text-transform:uppercase;
  color:var(--blue-200);
  margin-bottom:var(--space-2);
}
.wartung__lang-text{font-size:var(--text-small);color:var(--blue-100)}
@media (max-width:768px){.wartung__langs{grid-template-columns:1fr}}
.wartung__foot{
  border-top:var(--border-1) solid var(--blue-500);
  padding:var(--space-5) var(--grid-margin);
  text-align:center;
  color:var(--blue-200);
  font-size:var(--text-small);
}
@media (max-width:480px){
  .wartung h1{font-size:var(--text-h2)}
}