/* Titelseite STRICKER.TV. Gehört zu tools/build_start.py und assets/start.js.
   Nach Änderungen VERSION in tools/build_start.py hochzählen. Kopf und Fuss kommen aus marke.css. */

body.titel{--tinte:#141414;--grau:#5c5c5c;--linie:#e2e2e2;--papier:#f4f3f0;--nacht2:#0d0d0d;--hell:#f3f3f3;--grau-n:#a9a9a9;--linie-n:#2a2a2a;--rand:20px;
  display:flex;flex-direction:column;min-height:100vh;margin:0;background:#fff;color:var(--tinte);font-size:17px;line-height:1.45;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(min-width:700px){body.titel{--rand:32px}}
body.titel ::selection{background:var(--rot);color:#fff}

.ts,.ts *,.ts *::before,.ts *::after,.ts-band,.ts-band *{box-sizing:border-box}
.ts{display:block;flex:1 0 auto}
:where(.ts) a{color:inherit;text-decoration:none}
:where(.ts) img{display:block;max-width:100%;height:auto}
:where(.ts) :where(h2,h3,p,ul,ol,dl,dd),:where(.ts-band) h1{margin:0}
:where(.ts) :where(ul,ol){padding:0;list-style:none}
.ts [hidden]{display:none!important}
.ts-in{max-width:1320px;margin:0 auto;padding:0 var(--rand)}
.ts-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- Zeitungskopf ---------- */
.ts-band{background:#000;color:var(--grau-n);border-bottom:1px solid #222}
.ts-band-in{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px clamp(16px,3vw,34px) 7px;font:600 13px/1.2 var(--display);letter-spacing:.09em;text-transform:uppercase}
.ts-marke{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1261px){
  .ts-band{order:-1;border-bottom:0;padding:28px 0 20px}
  .ts-band-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;max-width:1388px;margin:0 auto;padding:0 clamp(16px,3vw,34px)}
  #ts-tag{justify-self:start;padding-bottom:1px}
  #ts-stand{justify-self:end;padding-bottom:1px}
  .ts-marke{position:static!important;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:flex;flex-direction:column;align-items:center;gap:13px}
  .ts-marke img{display:block;width:auto;height:clamp(48px,4.2vw,62px)}
  .ts-marke span{font:600 13px/1 var(--display);letter-spacing:.34em;margin-right:-.34em;text-transform:uppercase;color:var(--grau-n)}
  body.titel header.sx-kopf{min-height:56px;border-top:1px solid #222!important}
  body.titel .sx-kopf .sx-logo{display:none}
  body.titel .sx-kopf .sx-nav{margin-left:-9px}
  body.titel .sx-kopf .sx-nav a{padding:18px 9px 16px!important}
}

/* ---------- Im Fokus ---------- */
.ts-fokus{background:#000;color:#e8e8e8;border-bottom:1px solid #222}
.ts-fokus-in{display:flex;align-items:center;gap:0 22px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.ts-fokus-in::-webkit-scrollbar{display:none}
.ts-fokus b{flex:none;font:700 13px/1 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--rot-text-dunkel)}
.ts-fokus a{flex:none;display:inline-flex;align-items:center;gap:7px;min-height:46px;font:600 16px/1 var(--display);letter-spacing:.04em;text-transform:uppercase}
.ts-fokus a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px;text-underline-offset:6px}
.ts-fokus i{font:600 12px/1 var(--sans);font-style:normal;color:#8c8c8c}
@media(max-width:699px){.ts-fokus-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);padding-right:40px}}

/* ---------- Bausteine ---------- */
.ts-dach{margin-bottom:6px;font:700 13px/1.2 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--rot-text)}
.ts-dach a:hover{text-decoration:underline;text-underline-offset:3px}
.ts-vor{color:var(--grau)}
.ts-meta{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:14px;line-height:1.3;color:var(--grau)}
.ts-meta>*+*::before{content:"·";margin:0 .5em;color:#9a9a9a}
.ts-neu-p{font:700 13px/1 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--rot-text)}
.ts-neu-p::before{content:"";display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:var(--rot);vertical-align:1px}
.ts-dauer{position:absolute;right:8px;bottom:8px;z-index:1;padding:3px 7px 2px;background:rgba(0,0,0,.82);color:#fff;font:600 14px/1.2 var(--display);letter-spacing:.04em}
.ts-ohne{display:grid;place-items:center;width:100%;height:100%;background:#111;color:#4a4a4a;font:800 20px/1 var(--display);letter-spacing:.04em}
.ts-knoepfe{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ts-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.16em 22px 0;border:1px solid currentColor;border-radius:0;background:none;color:inherit;font:700 18px/1.1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}
.ts-knopf:hover{background:var(--tinte);border-color:var(--tinte);color:#fff}
.ts-knopf-rot{background:var(--rot);border-color:var(--rot);color:#fff}
.ts-knopf-rot:hover{background:var(--rot-hell);border-color:var(--rot-hell);color:#fff}
body.titel .ts h2 em{color:inherit!important;padding-bottom:.06em;background:url(pinsel.svg) no-repeat 0 100%/100% .16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* dunkle Bänder */
.ts-auf,.ts-paket,.ts-songs{color:var(--hell)}
.ts-auf .ts-dach,.ts-paket .ts-dach{color:var(--rot-text-dunkel)}
.ts-auf .ts-meta,.ts-paket .ts-meta{color:var(--grau-n)}
.ts-auf .ts-knopf:not(.ts-knopf-rot),.ts-paket .ts-knopf:not(.ts-knopf-rot){border-color:#5a5a5a;color:#fff}
.ts-auf .ts-knopf:not(.ts-knopf-rot):hover,.ts-paket .ts-knopf:not(.ts-knopf-rot):hover{background:#fff;border-color:#fff;color:#000}
.ts-auf .ts-neu-p{color:var(--rot-text-dunkel)}

/* ---------- Aufmacher ---------- */
.ts-auf{background:#000}
.ts-auf-in{display:flex;flex-direction:column;padding:0}
.ts-auf-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.ts-auf-bild img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
a.ts-auf-bild:hover img{transform:scale(1.02)}
.ts-spielt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ts-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:var(--rot);box-shadow:0 6px 30px rgba(0,0,0,.5);transition:transform .2s}
.ts-play::after{content:"";position:absolute;left:54%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
a.ts-auf-bild:hover .ts-play{transform:scale(1.08)}
.ts-auf-bild .ts-dauer{right:12px;bottom:12px;font-size:15px}
.ts-auf-text{padding:20px var(--rand) 30px}
.ts-auf-titel{font-size:clamp(38px,10.6vw,54px)}
.ts-auf-titel.ts-xl2{font-size:clamp(31px,8.5vw,46px)}
.ts-auf-titel.ts-xl3{font-size:clamp(27px,7.4vw,40px)}
body.titel .ts-auf-titel{line-height:.98!important}
.ts-auf-titel a:hover{color:#fff}
@media(prefers-reduced-motion:no-preference){
  .ts-auf-titel em{animation:ts-strich .7s .45s cubic-bezier(.2,.7,.2,1) backwards}
  .ts-auf-text>*{animation:ts-hoch .6s cubic-bezier(.2,.7,.2,1) backwards}
  .ts-auf-text>:nth-child(2){animation-delay:.06s}
  .ts-auf-text>:nth-child(3){animation-delay:.12s}
  .ts-auf-text>:nth-child(n+4){animation-delay:.18s}
}
@keyframes ts-strich{from{background-size:0 .16em}}
@keyframes ts-hoch{from{opacity:0;transform:translateY(12px)}}
.ts-auf .ts-vor{max-width:34em;margin-top:14px;font-size:18px;color:#cfcfcf}
.ts-auf .ts-meta{margin-top:12px}
@media(min-width:1100px){.ts-auf .ts-vor{margin-top:22px;font-size:19px}.ts-auf .ts-meta{margin-top:16px}}
.ts-auf .ts-knopf{flex:1 1 auto}
.ts-dazu{margin-top:22px;padding-top:14px;border-top:1px solid var(--linie-n)}
.ts-dazu b{display:block;margin-bottom:2px;font:700 13px/1.2 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--grau-n)}
.ts-dazu a{display:block;padding:9px 0;font:600 18px/1.2 var(--display)}
.ts-dazu a:hover{text-decoration:underline;text-decoration-color:var(--rot);text-underline-offset:4px}
@media(min-width:700px){
  .ts-auf-text{padding:28px var(--rand) 40px}
  .ts-auf .ts-knopf{flex:0 0 auto}
  .ts-play{width:80px;height:80px;margin:-40px 0 0 -40px}
  .ts-play::after{border-width:14px 0 14px 23px}
}
@media(min-width:1100px){
  .ts-auf-in{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:clamp(32px,4vw,60px);padding:44px var(--rand) 56px}
  .ts-auf-text{order:1;padding:0}
  .ts-auf-bild{order:2}
  .ts-auf-titel{font-size:clamp(50px,5vw,80px)}
  .ts-auf-titel.ts-xl2{font-size:clamp(38px,3.7vw,58px)}
  .ts-auf-titel.ts-xl3{font-size:clamp(32px,3.1vw,48px)}
}

/* ---------- Demnächst ---------- */
.ts-dem{background:var(--papier);border-bottom:1px solid var(--linie)}
.ts-dem-in{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;padding-top:13px;padding-bottom:13px}
.ts-dem-marke{grid-area:1/1;font:700 13px/1.2 var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--rot-text)}
.ts-dem-liste{grid-area:2/1/3/3;display:grid;gap:8px}
.ts-dem-eintrag{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px}
.ts-dem-eintrag time{font:600 15px/1.3 var(--display);letter-spacing:.05em;text-transform:uppercase;color:var(--grau)}
.ts-dem-zaehler{padding:3px 8px 2px;background:#000;color:#fff;font:600 13px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase}
.ts-dem-eintrag strong{flex:1 0 100%;font:700 21px/1.15 var(--display)}
.ts-dem-dauer{display:none;font-size:14px;color:var(--grau)}
.ts-dem-rand{display:contents;font-size:14px;color:var(--grau)}
.ts-dem-arbeit{grid-area:3/1/4/3;margin-top:3px;font-size:14px;color:var(--grau)}
.ts-dem-arbeit i{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--rot);animation:ts-puls 2.2s ease-in-out infinite}
@keyframes ts-puls{50%{opacity:.2}}
.ts-dem-kal{grid-area:1/2;display:inline-flex;align-items:center;min-height:44px;margin:-14px 0;font:600 14px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--tinte)}
.ts-dem-kal::after{content:"+";margin-left:6px;color:var(--rot);font-weight:800;font-size:17px}
.ts-dem-kal:hover{text-decoration:underline;text-decoration-color:var(--rot);text-underline-offset:4px}
@media(min-width:900px){
  .ts-dem-in{grid-template-columns:auto 1fr auto;gap:8px 26px;padding-top:15px;padding-bottom:15px}
  .ts-dem-marke,.ts-dem-liste,.ts-dem-arbeit,.ts-dem-kal{grid-area:auto}
  .ts-dem-eintrag{gap:3px 14px}
  .ts-dem-eintrag strong{flex:0 1 auto;order:0}
  .ts-dem-dauer{display:inline}
  .ts-dem-rand{display:flex;align-items:center;gap:22px}
  .ts-dem-arbeit{margin-top:0}
  .ts-dem-kal{margin:-10px 0}
}

/* ---------- Abschnitte ---------- */
.ts-abschnitt{padding:30px 0 36px}
.ts-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px;padding-top:11px;border-top:3px solid var(--tinte)}
.ts-h h2,.ts-h-titel{font:800 25px/1 var(--display);text-transform:uppercase}
.ts-h-sub{font-size:15px;color:var(--grau)}
.ts-besuch{font-size:15px;font-weight:600;color:var(--rot-text)}
.ts-mehr{display:inline-flex;align-items:center;min-height:44px;margin:-14px 0 -14px auto;font:600 15px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.ts-mehr::after{content:"→";margin-left:6px;color:var(--rot);transition:transform .2s}
.ts-mehr:hover::after{transform:translateX(4px)}
.ts-h-n{border-top-color:#fff}
.ts-h-n .ts-h-sub{color:var(--grau-n)}
.ts-h-n .ts-mehr::after{color:var(--rot-text-dunkel)}
@media(min-width:700px){.ts-abschnitt{padding:46px 0 56px}.ts-h{margin-bottom:22px}.ts-h h2,.ts-h-titel{font-size:28px}}

/* ---------- Karten ---------- */
.ts-k{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:start;gap:14px;padding:14px 0;border-top:1px solid var(--linie)}
.ts-k-bild{position:relative;order:2;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.ts-k-bild img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.ts-k:hover .ts-k-bild img{transform:scale(1.045)}
.ts-k-bild .ts-dauer{display:none}
.ts-k h3{font-size:20px;overflow-wrap:break-word}
.ts-k h3 a:hover,.ts-e h3 a:hover{text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px;text-underline-offset:3px}
.ts-k .ts-vor{display:none}
.ts-k .ts-meta{margin-top:6px}
.ts-k2{grid-template-columns:minmax(0,1fr) 128px}
.ts-k2 h3{font-size:22px}
.ts-neu-raster>.ts-k:first-child{padding-top:0;border-top:0}
@media(min-width:700px){
  .ts-neu-raster{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
  .ts-k2{display:block;position:relative;padding:0 0 24px;border-top:0}
  .ts-k2 .ts-k-bild{margin-bottom:13px}
  .ts-k2 .ts-k-bild .ts-dauer{display:block}
  .ts-k2 h3{font-size:30px;line-height:1.05}
  .ts-k2 .ts-vor{display:block;margin-top:8px;font-size:16px}
  .ts-k2+.ts-k2::before{content:"";position:absolute;left:-20px;top:0;bottom:24px;width:1px;background:var(--linie)}
  .ts-liste{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
}
@media(min-width:1100px){
  .ts-neu-raster{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ts-k2{padding-bottom:0}
  .ts-k2+.ts-k2::before{bottom:0}
  .ts-liste{grid-column:auto;display:block;position:relative}
  .ts-liste::before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:var(--linie)}
  .ts-liste>.ts-k:first-child{padding-top:0;border-top:0}
  .ts-liste>.ts-k:last-child{padding-bottom:0}
  .ts-liste .ts-k h3{font-size:19px}
}

/* ---------- An diesem Tag ---------- */
.ts-einst{background:var(--papier)}
.ts-einst-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.ts-e-bild{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.ts-e-bild img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter .4s,transform .4s}
.ts-e:hover .ts-e-bild img{filter:none;transform:scale(1.03)}
.ts-e-bild::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.ts-e-bild b{position:absolute;left:12px;bottom:5px;z-index:1;color:#fff;font:800 46px/1 var(--display)}
.ts-e-jahr{margin-top:11px;font:700 13px/1.2 var(--display);letter-spacing:.09em;text-transform:uppercase;color:var(--rot-text)}
.ts-e h3{margin-top:3px;font-size:21px;overflow-wrap:break-word}
@media(max-width:699px){
  .ts-schiene{display:flex;gap:14px;margin:0 calc(var(--rand)*-1);padding:0 var(--rand) 2px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--rand);scrollbar-width:none}
  .ts-schiene::-webkit-scrollbar{display:none}
  .ts-schiene>*{flex:0 0 min(76vw,290px);scroll-snap-align:start}
  .ts-songs-liste.ts-schiene>*{flex-basis:200px}
}

/* ---------- Paket (laufende Serie) ---------- */
.ts-paket{padding:38px 0 42px;background:#000}
.ts-paket-in{display:grid;gap:22px}
.ts-paket h2{font-size:clamp(40px,11.5vw,56px)}
.ts-paket-zeile{margin-top:20px;font:600 21px/1.2 var(--display);color:#fff}
.ts-paket .ts-vor{max-width:36em;margin-top:8px;color:#bdbdbd}
.ts-paket-bild{display:block;aspect-ratio:16/9;overflow:hidden;background:#111}
.ts-paket-bild img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.12);transition:filter .5s}
.ts-paket-bild:hover img{filter:none}
.ts-paket-folgen{border-top:1px solid var(--linie-n)}
.ts-paket-folgen li{border-bottom:1px solid var(--linie-n)}
.ts-paket-folgen a{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 16px;min-height:60px;padding:13px 0}
.ts-paket-folgen b{grid-row:1/3;font:700 13px/1.7 var(--display);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;color:var(--rot-text-dunkel)}
.ts-paket-folgen span{font:600 20px/1.15 var(--display)}
.ts-paket-folgen small{font-size:14px;color:var(--grau-n)}
.ts-paket-folgen a:hover span{text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px;text-underline-offset:4px}
@media(min-width:1100px){
  .ts-paket{padding:60px 0 64px}
  .ts-paket-in{grid-template-columns:5fr 7fr;align-items:start;gap:30px clamp(32px,4vw,60px)}
  .ts-paket-text{grid-area:1/1}
  .ts-paket-bild{grid-area:1/2/3/3}
  .ts-paket-folgen{grid-area:2/1}
  .ts-paket h2{font-size:clamp(50px,5vw,78px)}
}

/* ---------- Ressorts ---------- */
.ts-ress-raster{display:grid;gap:30px 0}
.ts-ress-spalte{position:relative;min-width:0}
.ts-ress-spalte h2{margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--tinte);font-size:22px}
.ts-ress-spalte .ts-k:first-of-type{padding-top:0;border-top:0}
.ts-kr h3{font-size:21px}
.ts-kt{display:block;padding:11px 0}
.ts-kt .ts-k-bild,.ts-kt .ts-dach{display:none}
.ts-kt h3{font-size:18px}
.ts-ress-wege{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:2px;padding-top:4px;border-top:1px solid var(--linie)}
.ts-ress-wege a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font:600 15px/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase}
.ts-ress-wege a:hover{text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px;text-underline-offset:4px}
.ts-ress-wege i{font:600 12px/1 var(--sans);font-style:normal;color:var(--grau)}
@media(max-width:699px){.ts-ress-spalte article:nth-of-type(4){display:none}
  .ts-ress-wege{flex-wrap:nowrap;gap:0 22px;margin-right:calc(var(--rand)*-1);padding-right:var(--rand);overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .ts-ress-wege::-webkit-scrollbar{display:none}}
@media(min-width:700px){
  .ts-ress-raster{grid-template-columns:1fr 1fr;gap:40px}
  .ts-kr{display:block;padding:0 0 14px}
  .ts-kr .ts-k-bild{margin-bottom:11px}
  .ts-kr .ts-k-bild .ts-dauer{display:block}
  .ts-kr h3{font-size:23px}
}
@media(min-width:1100px){
  .ts-ress-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}
  .ts-ress-4 .ts-ress-spalte+.ts-ress-spalte::before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:1px;background:var(--linie)}
  .ts-ress-wege{display:block;padding-top:6px}
  .ts-ress-wege a{display:flex;justify-content:space-between;min-height:40px}
}

/* ---------- Songs ---------- */
.ts-songs{padding:36px 0 42px;background:var(--nacht2)}
@media(min-width:700px){.ts-songs-liste{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 24px}}
.ts-song{position:relative;display:block}
.ts-song img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111;transition:opacity .2s}
.ts-song:hover img{opacity:.85}
.ts-song-note{position:absolute;left:8px;top:8px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--rot);color:#fff;font-size:15px;line-height:1}
.ts-song strong{display:block;margin-top:10px;font:700 21px/1.1 var(--display)}
.ts-song small{display:block;margin-top:3px;font-size:14px;color:var(--grau-n)}
.ts-song:hover strong{text-decoration:underline;text-decoration-color:var(--rot);text-decoration-thickness:2px;text-underline-offset:4px}
@media(min-width:700px){.ts-songs{padding:50px 0 58px}}

/* ---------- Das ganze Archiv ---------- */
.ts-haus-in{display:grid;gap:30px}
.ts-haus-kopf{min-width:0}
.ts-haus h2{font-size:clamp(40px,11.5vw,56px)}
.ts-haus .ts-vor{margin-top:12px;font-size:18px}
.ts-such{display:flex;margin-top:18px}
.ts-such input{flex:1;min-width:0;height:54px;padding:0 14px;border:2px solid var(--tinte);border-right:0;border-radius:0;background:#fff;color:var(--tinte);font-size:17px;-webkit-appearance:none;appearance:none}
.ts-such button{flex:none;height:54px;padding:.16em 20px 0;border:0;border-radius:0;background:var(--tinte);color:#fff;font:700 18px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s}
.ts-such button:hover{background:var(--rot)}
.ts-haus-knoepfe{margin-top:12px}
.ts-zahlen{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:26px;padding-top:22px;border-top:1px solid var(--linie)}
.ts-zahlen div{display:flex;flex-direction:column-reverse}
.ts-zahlen dd{font:800 44px/1 var(--display)}
.ts-zahlen dt{margin-top:5px;font:600 13px/1.3 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}
.ts-haus-wege{display:grid;border-top:3px solid var(--tinte)}
.ts-haus-wege a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:66px;padding:11px 30px 11px 0;border-bottom:1px solid var(--linie)}
.ts-haus-wege strong{font:700 21px/1.1 var(--display);letter-spacing:.02em;text-transform:uppercase}
.ts-haus-wege span{font-size:15px;line-height:1.35;color:var(--grau)}
.ts-haus-wege a::after{content:"→";position:absolute;right:3px;top:50%;transform:translateY(-50%);color:var(--rot);font-size:18px;transition:transform .2s}
.ts-haus-wege a:hover::after{transform:translate(4px,-50%)}
.ts-haus-wege a:hover strong{color:var(--rot-text)}
@media(max-width:699px){.ts-haus-wege{grid-template-columns:1fr 1fr;column-gap:20px}.ts-haus-wege a{min-height:54px;padding:9px 26px 7px 0}.ts-haus-wege span{display:none}}
@media(min-width:700px){.ts-haus-wege{grid-template-columns:1fr 1fr;column-gap:40px}.ts-zahlen dd{font-size:52px}}
@media(min-width:1100px){
  .ts-haus-in{grid-template-columns:5fr 7fr;align-items:start;gap:clamp(40px,5vw,72px)}
  .ts-haus h2{font-size:clamp(50px,4.8vw,72px)}
}

/* ---------- Unterstützen ---------- */
.ts-stuetz{padding:46px 0 50px;background:var(--papier);border-top:1px solid var(--linie);text-align:center}
.ts-stuetz-in{max-width:860px}
.ts-stuetz h2{font-size:clamp(36px,9.8vw,66px)}
.ts-stuetz .ts-vor{max-width:36em;margin:18px auto 0;font-size:18px;color:#3a3a3a}
.ts-stuetz .ts-knoepfe{justify-content:center;margin-top:24px}
.ts-stuetz .ts-knopf{padding-top:.5em;padding-bottom:.34em}
@media(max-width:699px){.ts-stuetz .ts-knoepfe{flex-direction:column;align-items:stretch}.ts-stuetz .ts-knopf{padding-left:10px;padding-right:10px;font-size:17px}}
.ts-stuetz-grund{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:15px;color:var(--grau);text-decoration:underline;text-underline-offset:3px}
.ts-stuetz-grund:hover{color:var(--tinte)}
@media(min-width:700px){.ts-stuetz{padding:68px 0 72px}}