/* ===== v2: Bausteine fuer Umsteiger (wird an site.css angehaengt) ===== */
/* Trust-Zeile unter dem Hero */
.td-thurwiki .td-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:26px;font-size:13.5px;color:var(--td-dark-muted)}
.td-thurwiki .td-trust span{display:inline-flex;align-items:center;gap:7px}
.td-thurwiki .td-trust svg{width:15px;height:15px;stroke:var(--td-accent);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
/* Hero mit Bild rechts */
.td-thurwiki .td-hero-v2{background:var(--td-dark)}
.td-thurwiki .td-hero-v2 .td-hero-raster{display:grid;grid-template-columns:minmax(0,50fr) minmax(0,50fr);gap:48px;align-items:center}
.td-thurwiki .td-hero-v2 .hero-copy{max-width:560px}
.td-thurwiki .td-hero-v2 .td-hero-bild{margin:0;min-width:0}
.td-thurwiki .td-hero-v2 .td-hero-bild img{display:block;width:100%;height:auto;border-radius:var(--td-radius-lg);box-shadow:0 30px 60px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.12)}
@media(max-width:1023px){.td-thurwiki .td-hero-v2 .td-hero-raster{grid-template-columns:1fr;gap:30px}.td-thurwiki .td-hero-v2 .hero-copy{max-width:100%}}
/* Zitat-Karten: Originalton aus Foren */
.td-thurwiki .td-zitate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
@media(max-width:1023px){.td-thurwiki .td-zitate{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-zitate{grid-template-columns:1fr}}
.td-thurwiki .td-zitate article{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:0;border:1px solid var(--td-line);border-radius:var(--td-radius-lg);background:#fff;padding:22px 22px 20px;min-width:0}
.td-thurwiki .td-zitate blockquote{align-self:start;margin:0 0 18px;padding:0 0 0 14px;border-left:3px solid var(--td-accent);font-size:15px;line-height:1.55;color:var(--td-text);font-style:italic}
.td-thurwiki .td-zitate cite{display:block;font-style:normal;font-size:12.5px;color:var(--td-muted);margin-top:8px}
.td-thurwiki .td-zitate p{margin:0;align-self:start;padding-top:14px;border-top:1px solid var(--td-line);font-size:14.5px;line-height:1.6;color:var(--td-body)}
.td-thurwiki .td-zitate p b{color:var(--td-primary)}
/* Chips (Quellsysteme) */
.td-thurwiki .td-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.td-thurwiki .td-chips a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--td-primary);border-radius:var(--td-radius-pill);color:var(--td-primary);font-weight:500;font-size:14.5px;text-decoration:none;background:#fff}
.td-thurwiki .td-chips a:hover{background:var(--td-primary);color:#fff}
.td-thurwiki .td-chips a small{font-weight:400;opacity:.75}
/* Kacheln mit Bildausschnitt (Outcome-Karten) */
.td-thurwiki .td-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:40px}
@media(max-width:1023px){.td-thurwiki .td-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-kacheln{grid-template-columns:1fr}}
.td-thurwiki .td-kacheln.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1023px){.td-thurwiki .td-kacheln.drei{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-kacheln.drei{grid-template-columns:1fr}}
.td-thurwiki .td-kacheln.zwei{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px){.td-thurwiki .td-kacheln.zwei{grid-template-columns:1fr}}
.td-thurwiki .td-kachel{display:flex;flex-direction:column;min-width:0}
.td-thurwiki .td-kachel figure{margin:0 0 16px;position:relative;aspect-ratio:5/4;border-radius:var(--td-radius-lg);overflow:hidden;background:#EEF4FA;border:1px solid var(--td-line)}
.td-thurwiki .td-kachel figure.grau{background:var(--td-light)}
.td-thurwiki .td-kachel figure.dunkel{background:var(--td-dark);border-color:transparent}
.td-thurwiki .td-kachel figure.breit{aspect-ratio:16/9}
.td-thurwiki .td-kachel figure picture,.td-thurwiki .td-kachel figure .td-zoom{position:absolute;inset:0;display:block}
.td-thurwiki .td-kachel figure img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,0 0);display:block}
.td-thurwiki .td-kachel figure.rand picture{inset:14px 0 0 28px}
.td-thurwiki .td-kachel figure.rand img{border-radius:8px 0 0 0;box-shadow:0 10px 30px rgba(15,26,36,.18)}
.td-thurwiki .td-kachel figure.dunkel.rand img{box-shadow:0 10px 30px rgba(0,0,0,.5)}
.td-thurwiki .td-kachel h3{font-size:20px;line-height:1.25;margin:0 0 8px}
.td-thurwiki .td-kachel p{font-size:14.5px;line-height:1.6;color:var(--td-body);margin:0}
.td-thurwiki .td-kachel>a{margin-top:10px;font-weight:500;font-size:14.5px}
/* Stichtage */
.td-thurwiki .td-stichtage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px}
@media(max-width:767px){.td-thurwiki .td-stichtage{grid-template-columns:1fr}}
.td-thurwiki .td-stichtag{border:1px solid rgba(255,255,255,.14);border-radius:var(--td-radius-lg);padding:20px 22px;background:rgba(255,255,255,.04)}
.td-thurwiki .td-stichtag b{display:block;font-size:26px;color:#fff;letter-spacing:-.01em}
.td-thurwiki .td-stichtag span{display:block;margin-top:6px;font-size:14px;color:var(--td-dark-muted);line-height:1.55}
.td-thurwiki .sec-dark .td-lead,.td-thurwiki .sec-dark p{color:var(--td-dark-muted)}
.td-thurwiki .sec-dark h2{color:#fff}
.td-thurwiki .sec-dark .td-kachel h3{color:#fff}
.td-thurwiki .sec-dark .td-kachel p{color:var(--td-dark-muted)}
.td-thurwiki .sec-dark .td-kachel figure{border-color:rgba(255,255,255,.12);background:#16303f}
.td-thurwiki .sec-dark .td-kachel>a{color:#fff}
/* "Nicht extra bezahlen" */
.td-thurwiki .td-inklusive{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:34px}
@media(max-width:1023px){.td-thurwiki .td-inklusive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-inklusive{grid-template-columns:1fr}}
.td-thurwiki .td-inklusive div{border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:20px 22px;background:#fff;min-width:0}
.td-thurwiki .td-inklusive b{display:block;font-size:16.5px;margin-bottom:6px;color:var(--td-text)}
.td-thurwiki .td-inklusive small{display:block;font-size:12.5px;color:var(--td-muted);margin-bottom:8px;text-decoration:line-through}
.td-thurwiki .td-inklusive p{font-size:14.5px;line-height:1.6;color:var(--td-body);margin:0}
/* Gruende (Umstieg) */
.td-thurwiki .td-gruende{counter-reset:g;list-style:none;margin:34px 0 0;padding:0;display:grid;gap:14px}
.td-thurwiki .td-gruende li{counter-increment:g;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:20px 22px;background:#fff}
.td-thurwiki .td-gruende li::before{content:counter(g);display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--td-primary);color:#fff;font-weight:700;font-size:16px}
.td-thurwiki .td-gruende h3{font-size:17px;margin:0 0 6px}
.td-thurwiki .td-gruende blockquote{margin:0 0 8px;font-style:italic;color:var(--td-muted);font-size:14px;line-height:1.55}
.td-thurwiki .td-gruende p{margin:0;font-size:14.5px;line-height:1.6;color:var(--td-body)}
.td-thurwiki .td-gruende p b{color:var(--td-primary)}
/* Quelle-Anker (Umstieg je System) */
.td-thurwiki .td-quellen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}
@media(max-width:1023px){.td-thurwiki .td-quellen{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-quellen{grid-template-columns:1fr}}
.td-thurwiki .td-quellen article{border:1px solid var(--td-line);border-radius:var(--td-radius-lg);padding:20px 22px;background:#fff;scroll-margin-top:90px;min-width:0}
.td-thurwiki .td-quellen h3{font-size:17px;margin:0 0 8px}
.td-thurwiki .td-quellen dl{margin:0;font-size:14px;line-height:1.55}
.td-thurwiki .td-quellen dt{font-weight:700;color:var(--td-text);margin-top:8px}
.td-thurwiki .td-quellen dd{margin:2px 0 0;color:var(--td-body)}
/* Kompaktes Datenblatt */
.td-thurwiki .td-datenblatt{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 28px;font-size:14.5px;line-height:1.55}
@media(max-width:1023px){.td-thurwiki .td-datenblatt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-datenblatt{grid-template-columns:1fr}}
.td-thurwiki .td-datenblatt div{border-top:2px solid var(--td-line-strong);padding-top:10px;min-width:0}
.td-thurwiki .td-datenblatt b{display:block;color:var(--td-text);margin-bottom:3px}
.td-thurwiki .td-datenblatt span{color:var(--td-body)}
/* Umschalter Einsteiger / Umsteiger in der Kopfzeile */
.td-nav-schalter{margin-left:14px;display:flex;align-items:center}
.td-bar-schalter{display:inline-flex;align-items:center;height:32px;padding:0 13px;border:1.5px solid var(--td-accent);border-radius:var(--td-radius-pill);color:#fff;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap}
.td-bar-schalter:hover{background:var(--td-accent);color:#fff}
.td-mob-link span{display:block;font-size:12.5px;font-weight:400;opacity:.7;margin-top:2px}
/* Einsteiger-Baum: dezenter Hinweisbalken unter der Kopfzeile */
.tw-einstieg .td-thurwiki .td-hinweis-baum{background:#EEF4FA;border-bottom:1px solid var(--td-line);font-size:14px;color:var(--td-body);padding:10px 0}
.tw-einstieg .td-thurwiki .td-hinweis-baum a{font-weight:500}
/* Detail-Ausschnitt: Bild auf 200 % und mit --dx/--dy verschoben */
.td-thurwiki .td-kachel figure.detail picture{overflow:visible}
.td-thurwiki .td-kachel figure.detail img{position:absolute;width:var(--w,200%);height:auto;max-width:none;left:var(--dx,0);top:var(--dy,0);object-fit:unset}
.td-thurwiki .td-kachel figure.rand.detail picture{overflow:hidden;border-radius:8px 0 0 0}
.td-thurwiki .td-kachel figure.rand.detail img{border-radius:8px;box-shadow:0 10px 30px rgba(15,26,36,.18)}
/* Mobiles Menü darf geschlossen keine Breite erzeugen */
.td-panel{visibility:hidden;transition:transform .3s ease,visibility 0s linear .3s}
.td-panel.open{visibility:visible;transition:transform .3s ease}

/* ===== Kopfzeile: hoeher, Elemente mittig, Logo ===== */
.tw-site{--bar-h:68px}
.td-bar{height:var(--bar-h);padding-top:0;padding-bottom:0}
.td-logo svg{height:34px;width:auto;display:block}
.td-nav-liste,.td-nav-item,.td-bar-right{height:100%;align-items:center}
.td-nav-link{display:inline-flex;align-items:center;height:100%}
@media(max-width:1024px){.tw-site{--bar-h:60px}.td-logo svg{height:30px}}

/* ===== Kleine Heros mit Hintergrundbild ===== */
.td-thurwiki .td-hero-klein{position:relative;background-color:#0B0F14;background-image:url('../media/produkt-thurwiki-hero-1280.webp');background-size:cover;background-position:center 40%}
.td-thurwiki .td-hero-klein .hero-overlay{background:linear-gradient(90deg,rgba(8,11,16,.95) 0%,rgba(8,11,16,.90) 40%,rgba(8,11,16,.70) 70%,rgba(8,11,16,.55) 100%)}
.td-thurwiki .td-hero-klein .td-container{position:relative;z-index:2}
@media(min-width:1281px){.td-thurwiki .td-hero-klein{background-image:url('../media/produkt-thurwiki-hero-1920.webp')}}
@media(max-width:767px){.td-thurwiki .td-hero-klein{background-image:url('../media/produkt-thurwiki-hero-768.webp')}.td-thurwiki .td-hero-klein .hero-overlay{background:linear-gradient(180deg,rgba(8,11,16,.80) 0%,rgba(8,11,16,.92) 100%)}}
.td-thurwiki .td-hero-v2{position:relative;background-image:url('../media/produkt-thurwiki-hero-1920.webp');background-size:cover;background-position:center 40%}
.td-thurwiki .td-hero-v2 .hero-overlay{background:linear-gradient(90deg,rgba(8,11,16,.96) 0%,rgba(8,11,16,.92) 45%,rgba(8,11,16,.78) 100%)}
.td-thurwiki .td-hero-v2 .td-container{position:relative;z-index:2}

/* ===== Demo-Formular ===== */
.td-thurwiki .td-formular{max-width:820px;margin-top:34px}
.td-thurwiki .td-formular .zeile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
@media(max-width:640px){.td-thurwiki .td-formular .zeile{grid-template-columns:1fr}}
.td-thurwiki .td-formular .feld{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}
.td-thurwiki .td-formular .feld.voll{grid-column:1/-1}
.td-thurwiki .td-formular label{font-size:14px;font-weight:700;color:var(--td-body)}
.td-thurwiki .td-formular label small{font-weight:400;color:var(--td-muted)}
.td-thurwiki .td-formular input,.td-thurwiki .td-formular select,.td-thurwiki .td-formular textarea{width:100%;font-size:15px}
.td-thurwiki .td-formular textarea{min-height:120px;resize:vertical}
.td-thurwiki .td-formular .haken{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.5;color:var(--td-body);font-weight:400}
.td-thurwiki .td-formular .haken input{width:18px;height:18px;margin-top:2px;flex:none}
.td-thurwiki .td-formular .hakenliste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 22px}
@media(max-width:640px){.td-thurwiki .td-formular .hakenliste{grid-template-columns:1fr}}
.td-thurwiki .td-formular .falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.td-thurwiki .td-formular .td-meldung{display:none;margin-top:18px;padding:14px 18px;border-radius:var(--td-radius-lg);font-size:15px;line-height:1.55}
.td-thurwiki .td-formular .td-meldung.ok{display:block;background:#EAF6EE;color:#1f5f35;border:1px solid #bfe0c9}
.td-thurwiki .td-formular .td-meldung.fehl{display:block;background:#FDECEC;color:#8a1d1d;border:1px solid #f1c0c0}
.td-thurwiki .td-formular .td-meldung.laeuft{display:block;background:#EEF4FA;color:var(--td-primary);border:1px solid var(--td-line)}
.td-thurwiki .td-formular .pflicht{color:var(--td-accent)}
.td-thurwiki .td-formular .captcha-hinweis{font-size:13px;color:var(--td-muted);margin-top:4px}
.td-thurwiki .td-formular button[disabled]{opacity:.6;cursor:wait}

/* Adresse im Footer untereinander */
.td-footer-adresse{font-style:normal;line-height:1.75;margin:0 0 14px;font-size:14.5px}
.td-footer-adresse strong{font-weight:700}

/* ===== Hero-Motive je Seite (KI-generiert, gen_image.py, Stimmungsflaechen ohne Infrastruktur-Anspruch) ===== */
.tw-administration .td-hero-klein{background-image:url('../media/hero-administration-1280.webp')}
@media(min-width:1281px){.tw-administration .td-hero-klein{background-image:url('../media/hero-administration-1536.webp')}}
@media(max-width:767px){.tw-administration .td-hero-klein{background-image:url('../media/hero-administration-768.webp')}}
.tw-connectoren .td-hero-klein{background-image:url('../media/hero-connectoren-1280.webp')}
@media(min-width:1281px){.tw-connectoren .td-hero-klein{background-image:url('../media/hero-connectoren-1536.webp')}}
@media(max-width:767px){.tw-connectoren .td-hero-klein{background-image:url('../media/hero-connectoren-768.webp')}}
.tw-demo .td-hero-klein{background-image:url('../media/hero-demo-1280.webp')}
@media(min-width:1281px){.tw-demo .td-hero-klein{background-image:url('../media/hero-demo-1536.webp')}}
@media(max-width:767px){.tw-demo .td-hero-klein{background-image:url('../media/hero-demo-768.webp')}}
.tw-funktionen .td-hero-klein{background-image:url('../media/hero-funktionen-1280.webp')}
@media(min-width:1281px){.tw-funktionen .td-hero-klein{background-image:url('../media/hero-funktionen-1536.webp')}}
@media(max-width:767px){.tw-funktionen .td-hero-klein{background-image:url('../media/hero-funktionen-768.webp')}}
.tw-ki-assistent .td-hero-klein{background-image:url('../media/hero-ki-assistent-1280.webp')}
@media(min-width:1281px){.tw-ki-assistent .td-hero-klein{background-image:url('../media/hero-ki-assistent-1536.webp')}}
@media(max-width:767px){.tw-ki-assistent .td-hero-klein{background-image:url('../media/hero-ki-assistent-768.webp')}}
.tw-makros .td-hero-klein{background-image:url('../media/hero-makros-1280.webp')}
@media(min-width:1281px){.tw-makros .td-hero-klein{background-image:url('../media/hero-makros-1536.webp')}}
@media(max-width:767px){.tw-makros .td-hero-klein{background-image:url('../media/hero-makros-768.webp')}}
.tw-sicherheit .td-hero-klein{background-image:url('../media/hero-sicherheit-1280.webp')}
@media(min-width:1281px){.tw-sicherheit .td-hero-klein{background-image:url('../media/hero-sicherheit-1536.webp')}}
@media(max-width:767px){.tw-sicherheit .td-hero-klein{background-image:url('../media/hero-sicherheit-768.webp')}}
.tw-wechsel .td-hero-klein{background-image:url('../media/hero-wechsel-1280.webp')}
@media(min-width:1281px){.tw-wechsel .td-hero-klein{background-image:url('../media/hero-wechsel-1536.webp')}}
@media(max-width:767px){.tw-wechsel .td-hero-klein{background-image:url('../media/hero-wechsel-768.webp')}}
.td-thurwiki .td-hero-klein{background-position:center 45%}
/* Startseite: Foto etwas sichtbarer */
.td-thurwiki .td-hero-v2 .hero-overlay{background:linear-gradient(90deg,rgba(8,11,16,.90) 0%,rgba(8,11,16,.80) 42%,rgba(8,11,16,.55) 72%,rgba(8,11,16,.45) 100%)}
@media(max-width:1023px){.td-thurwiki .td-hero-v2 .hero-overlay{background:linear-gradient(180deg,rgba(8,11,16,.85) 0%,rgba(8,11,16,.92) 100%)}}

/* Footer: vier Spalten mit Alternativen */
.td-footer-grid{grid-template-columns:1.3fr 1fr 1.1fr 1fr}
@media(max-width:1023px){.td-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.td-footer-grid{grid-template-columns:1fr}}
/* Umzugsweg auf den Landeseiten */
.td-thurwiki .td-quellen-dl{margin:18px 0 0;font-size:15px;line-height:1.6}
.td-thurwiki .td-quellen-dl dt{font-weight:700;color:var(--td-text);margin-top:12px}
.td-thurwiki .td-quellen-dl dd{margin:2px 0 0;color:var(--td-body)}

/* ===== Typografie: ausgewogene Ueberschriften, keine Einzelwoerter am Absatzende ===== */
.td-thurwiki h1,.td-thurwiki h2,.td-thurwiki h3,.td-thurwiki summary{text-wrap:balance}
.td-thurwiki p,.td-thurwiki li,.td-thurwiki dd,.td-thurwiki figcaption,.td-thurwiki blockquote,.td-thurwiki td{text-wrap:pretty}
.td-thurwiki .btn{white-space:nowrap}
@media(max-width:600px){
  .td-thurwiki p,.td-thurwiki li,.td-thurwiki dd,.td-thurwiki td,.td-thurwiki th,.td-thurwiki figcaption{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
  .td-thurwiki .btn{white-space:normal}
}

/* Schritte in drei Spalten, auf schmalen Bildschirmen weniger */
.td-thurwiki .td-schritte.drei{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1023px){.td-thurwiki .td-schritte.drei{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.td-thurwiki .td-schritte.drei{grid-template-columns:1fr}}
/* Lange Quell-URLs duerfen umbrechen */
.td-thurwiki .td-quellenliste a,.td-thurwiki .td-seo-text a{overflow-wrap:anywhere}

/* Hero-Titel ebenfalls ausgewogen (site.css setzt ihn auf initial) */
.td-thurwiki .td-hero h1,.td-thurwiki .td-hero-v2 h1{text-wrap:balance}

/* Zahlenkacheln: lange Wörter trennen statt überlaufen (Einsteiger-Startseite) */
.td-thurwiki .td-zahl span{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
/* Einsteiger: Was ist ein Wiki? */
.tw-was-ist-ein-wiki .td-hero-klein{background-image:url('../media/hero-was-ist-ein-wiki-1280.webp')}
@media(min-width:1281px){.tw-was-ist-ein-wiki .td-hero-klein{background-image:url('../media/hero-was-ist-ein-wiki-1536.webp')}}
@media(max-width:767px){.tw-was-ist-ein-wiki .td-hero-klein{background-image:url('../media/hero-was-ist-ein-wiki-768.webp')}}

/* ===== Zweiter Knopf in der Leiste: «Was ist ein Wiki?» (Umsteiger-Baum) ===== */
.td-nav-schalter{gap:8px}
.td-bar-wiki{background:var(--td-accent);border-color:var(--td-accent);color:#fff}
.td-bar-wiki:hover{background:#d9741f;border-color:#d9741f;color:#fff}
/*
 * Zwischen 1024 und 1400 px wurde die Leiste schon vor diesem Knopf zu breit
 * (gemessen: 1354 px Inhalt bei 1100 px Fenster). Die Navigationslinks haben
 * je 16 px Innenabstand; zehn genügen und bringen rund 96 px zurück.
 */
@media(min-width:1024px) and (max-width:1560px){
  .tw-site .td-nav-link{padding:0 9px;font-size:.78rem}
  .tw-site .td-nav-schalter{margin-left:8px;gap:6px}
  .tw-site .td-bar-schalter{padding:0 9px;font-size:12px}
  /*
   * Reicht es trotzdem nicht, scrollt die LEISTE in sich - nie die Seite.
   * Eine Seite, die sich seitlich schieben laesst, wirkt kaputt; eine Leiste,
   * deren letzter Punkt erst beim Wischen kommt, nicht.
   */
  .tw-site .td-nav{min-width:0;overflow-x:auto;scrollbar-width:none;
    /* Weiche Blende statt hartem Schnitt: so sieht man, dass es weitergeht. */
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .tw-site .td-nav::-webkit-scrollbar{display:none}
  .tw-site .td-nav-liste{flex-wrap:nowrap}
}

/* Die beiden Knöpfe stehen rechts in der Leiste, nicht in der Navigation:
   dort scrollt bei schmalen Fenstern der letzte Punkt aus dem Bild. */
.td-bar-knoepfe{display:flex;align-items:center;gap:8px;margin-right:10px}
@media(max-width:1023px){.td-bar-knoepfe{display:none}}
@media(min-width:1024px) and (max-width:1560px){.td-bar-knoepfe{gap:6px;margin-right:6px}}

/* ===== Umbruch in einer Pillenreihe erzwingen =====
 * Ein Element mit `flex-basis:100%` fuellt die Zeile und schiebt alles
 * Weitere in die naechste - der uebliche Weg, in einer Flexbox einen
 * Umbruch an einer GEWAEHLTEN Stelle zu setzen.
 *
 * Gebraucht wird er zwischen 880 und 1179 px: dort passen die acht Quellen
 * unter «Woher kommen Sie?» nicht mehr nebeneinander, und der natuerliche
 * Umbruch faellt auf sieben plus eine - eine Pille allein in der letzten
 * Zeile. Darueber passen alle acht in eine Zeile.
 *
 * Die untere Grenze ist gemessen, nicht geraten: unter 880 px ist der Platz
 * fuer die ersten SECHS zu knapp, der erzwungene Umbruch wuerde die Reihe
 * dann auf 5+1+2 zerlegen und die Pille, die er retten soll, erst recht
 * allein stellen. Ab dort bricht die Reihe von selbst brauchbar um
 * (5+3, 3+5, 1+2+3+2).
 */
.td-thurwiki .td-chips-umbruch{display:none;flex-basis:100%;height:0;margin:0;padding:0;border:0}
@media(min-width:880px) and (max-width:1179px){
  .td-thurwiki .td-chips-umbruch{display:block}
}
/* Die zweite Reihe hat nur vier kurze Pillen; sie passen bis hinunter zu
   402 px nebeneinander. Auf dem Telefon fehlen zwoelf Pixel, und die vierte
   stuende allein - also dort zwei und zwei. */
.td-thurwiki .td-chips-umbruch-eng{display:none}
@media(max-width:400px){
  .td-thurwiki .td-chips-umbruch-eng{display:block}
}

/* ── Sprachwahl in der Kopfleiste ─────────────────────────────────────
   Ein Knopf mit dem Kürzel, darunter die vier Sprachen. Sie steht links
   vom Telefon, damit der Weg zum Anruf und zur Demo unverändert bleibt.
   Unter 1024 px verschwindet sie: dort führt das Klappmenü die Sprachen
   als eigenen Abschnitt, das ist mit dem Daumen besser zu treffen. */
.td-sprachwahl{position:relative;display:flex;align-items:center}
.td-sprach-knopf{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;
  background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:6px;
  color:#fff;font:500 13px/1 Roboto,Arial,sans-serif;letter-spacing:.4px;cursor:pointer}
.td-sprach-knopf:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.4)}
.td-sprach-knopf svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6}
.td-sprach-liste{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:150px;
  display:none;flex-direction:column;padding:6px;background:#16242f;
  border:1px solid #2b4257;border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.35)}
.td-sprachwahl.offen .td-sprach-liste{display:flex}
.td-sprach-option{padding:9px 12px;border-radius:5px;color:#dbe6ef;
  font:400 14px/1.2 Roboto,Arial,sans-serif;text-decoration:none;white-space:nowrap}
.td-sprach-option:hover{background:#22384a;color:#fff}
.td-sprach-option.aktiv{color:#fff;font-weight:700;background:#1d2f3d}
@media(max-width:1023px){.td-sprachwahl{display:none}}

/* ── Pakete und Preise ────────────────────────────────────────────────
   Vier Karten nebeneinander, bei 1024 px zwei, auf dem Telefon eine.
   Die Preise kommen aus tools/preise.py, nicht aus dem Seitenquelltext. */
.td-pakete{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:28px}
.td-paket{position:relative;display:flex;flex-direction:column;padding:26px 22px 24px;
  background:#fff;border:1px solid var(--td-line,#dce4ec);border-radius:10px}
.td-paket.hervor{border-color:#1b5f8f;box-shadow:0 10px 30px rgba(27,95,143,.13)}
.td-paket-fahne{position:absolute;top:-11px;left:22px;padding:3px 10px;border-radius:4px;
  background:#1b5f8f;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}
.td-paket h3{margin:0 0 4px;font-size:20px}
.td-paket-wofuer{margin:0 0 16px;font-size:13.5px;line-height:1.45;color:var(--td-muted,#5a6b7c);min-height:38px}
.td-paket-preis{margin:0;display:flex;align-items:baseline;gap:6px}
.td-paket-preis .waehrung{font-size:15px;font-weight:500;color:var(--td-muted,#5a6b7c)}
.td-paket-preis .zahl{font-size:34px;font-weight:900;letter-spacing:-1px;line-height:1}
.td-paket-takt{margin:4px 0 18px;font-size:13.5px;line-height:1.5;color:var(--td-muted,#5a6b7c)}
.td-paket-grenzen{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:7px;font-size:14.5px}
.td-paket-grenzen li{display:flex;gap:7px;align-items:baseline}
.td-paket-grenzen b{min-width:52px;font-weight:700}
.td-paket .btn{margin-top:auto;text-align:center}
.td-paket-enthalten{margin-top:22px}
.td-trial{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:22px;padding:22px 24px;background:#0f1a24;border-radius:10px;color:#fff}
.td-trial h3{margin:0 0 6px;font-size:19px;color:#fff}
.td-trial p{margin:0;font-size:14.5px;line-height:1.55;color:#b9c7d4;max-width:62ch}
.td-trial .btn{flex:0 0 auto;background:transparent;border:1px solid #fff;color:#fff}
.td-trial .btn:hover{background:#fff;color:#0f1a24}
.td-preis-meta{margin-top:18px}
@media(max-width:1023px){.td-pakete{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){
  .td-pakete{grid-template-columns:1fr}
  .td-paket-wofuer{min-height:0}
  .td-trial{flex-direction:column;align-items:flex-start}
}

/* Verweis in eine andere Sprache: kleine Marke hinter dem Text. Steht nur
   dort, wo eine Seite noch nicht uebersetzt ist - ein stiller Wechsel der
   Sprache waere unhoeflich. */
.td-fremdsprache{display:inline-block;margin-left:6px;padding:1px 4px;border:1px solid currentColor;
  border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.5px;line-height:1.4;
  vertical-align:1px;opacity:.65}