/* Fehlersuche turbolader24.ch (03.10.2026), Stil der Startseiten-Hero. Alles unter .t24f gekapselt.
   Abstaende nur Fibonacci: 8 13 21 34 55 89. Farben: Weiss, Rot #f54949, Schwarz/Anthrazit. */
@font-face{font-family:"T24H Oswald";font-weight:500 700;font-display:swap;src:url("/storage/2026/10/t24h/t24h-oswald.woff2") format("woff2")}
 .t24f{
  --s1:8px;--s2:13px;--s3:21px;--s4:34px;--s5:55px;--s6:89px;
  --schwarz:#0E0F10;--anthrazit:#17191B;--anthrazit-2:#212427;
  --rot:#f54949;--rot-tief:#C9302F;--weiss:#fff;
  --grund:#F4F4F4;--linie:#E2E3E5;--text:#17191B;--text-2:#55595E;
  --zeile:"T24H Oswald",Oswald,"Roboto Condensed","Arial Narrow",sans-serif;
  --lauf:Roboto,"Segoe UI",system-ui,sans-serif;
}
.t24f,.t24f *,.t24f *::before,.t24f *::after{box-sizing:border-box}
.t24f{background:var(--grund);color:var(--text);font-family:var(--lauf);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-align:left;margin:0 0 var(--s4)}
.t24f ul,.t24f ol{margin:0;padding:0}
.t24f p{margin:0}
.t24f .t24f-kopf{
  background:radial-gradient(ellipse 110% 78% at 64% 24%,var(--anthrazit-2) 0%,rgba(23,25,27,.6) 44%,transparent 72%),linear-gradient(176deg,#131416 0%,var(--anthrazit) 44%,var(--schwarz) 100%);
  color:#F4F4F4;padding:var(--s5) var(--s3) var(--s4);border-bottom:3px solid var(--rot)
}
@media(min-width:900px){.t24f .t24f-kopf{padding:var(--s6) var(--s5) var(--s5)}}
.t24f .t24f-innen{max-width:1220px;margin:0 auto}
.t24f .t24f-braue{display:flex;align-items:center;gap:var(--s2);margin:0 0 var(--s3);font-size:12.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#AFB3B7}
.t24f .t24f-braue::before{content:"";width:var(--s4);height:3px;background:var(--rot);flex:none}
.t24f .t24f-titel{font-family:var(--zeile)!important;border:0;padding:0;background:none;font-weight:700;font-size:clamp(2.4rem,7vw,4.2rem);line-height:.95;text-transform:uppercase;margin:0 0 var(--s3);color:#fff}
.t24f .t24f-titel .rot{display:block;color:var(--rot)}
.t24f .t24f-titel .rot::after{content:"";display:block;width:2.2em;height:4px;margin-top:.12em;background:var(--rot)}
.t24f .t24f-lede{margin:0;max-width:56ch;color:#AFB3B7;font-size:1.06rem}
.t24f .t24f-lede b{color:#fff;font-weight:500}

.t24f .t24f-haupt{padding:var(--s5) var(--s3) var(--s6)}
@media(min-width:900px){.t24f .t24f-haupt{padding:var(--s5) var(--s5) var(--s6)}}
.t24f .t24f-schritt{font-family:var(--zeile)!important;padding:0;border:0;display:flex;align-items:baseline;gap:var(--s2);margin:0 0 var(--s3);font-family:var(--zeile);font-weight:600;font-size:1.3rem;letter-spacing:.06em;text-transform:uppercase}
.t24f .t24f-schritt span{display:inline-grid;place-items:center;width:var(--s4);height:var(--s4);background:var(--schwarz);color:#fff;border-radius:2px;font-size:1rem}

.t24f .t24f-karten{display:grid;gap:var(--s2);grid-template-columns:1fr;margin:0 0 var(--s4);padding:0;list-style:none}
@media(min-width:620px){.t24f .t24f-karten{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.t24f .t24f-karten{grid-template-columns:repeat(3,1fr);gap:var(--s3)}}
.t24f .t24f-karte{position:relative;display:flex;align-items:center;gap:var(--s2);min-height:89px;padding:var(--s2) var(--s3) var(--s2) var(--s2);
  background:#fff;border:1px solid var(--linie);border-left:3px solid var(--linie);border-radius:2px;transition:border-color .2s,box-shadow .2s}
.t24f .t24f-karte.ja{border-color:var(--rot);border-left-color:var(--rot);box-shadow:0 var(--s1) var(--s3) rgba(245,73,73,.14)}
.t24f .t24f-symbol{flex:none;display:grid;place-items:center;width:55px;height:55px;border-radius:2px;background:var(--grund);color:var(--schwarz)}
.t24f .t24f-karte.ja .t24f .t24f-symbol{background:var(--rot);color:#fff}
.t24f .t24f-symbol svg{width:34px;height:34px}
.t24f .t24f-name{flex:1;font-weight:500;line-height:1.3;font-size:1rem}
.t24f .t24f-name small{display:block;color:var(--text-2);font-weight:400;font-size:.82rem}
.t24f .t24f-schalter{flex:none;display:inline-flex;border:1px solid var(--schwarz);border-radius:2px;overflow:hidden}
.t24f .t24f-schalter input{position:absolute;opacity:0;pointer-events:none}
.t24f .t24f-schalter label{margin:0;font-family:var(--zeile)!important;min-width:55px;min-height:44px;display:grid;place-items:center;padding:0 var(--s2);cursor:pointer;font-family:var(--zeile);font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.95rem;color:var(--schwarz);background:#fff;user-select:none}
.t24f .t24f-schalter input:checked+label{background:var(--schwarz);color:#fff}
.t24f .t24f-schalter input[value=yes]:checked+label{background:var(--rot);color:#fff}
.t24f .t24f-schalter input:focus-visible+label{outline:2px solid var(--rot);outline-offset:-4px}

.t24f .t24f-aktion{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin:0 0 var(--s5)}
.t24f .t24f-knopf{font-family:var(--zeile)!important;display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:55px;padding:0 var(--s5);border:1px solid var(--rot);border-radius:2px;cursor:pointer;
  font-family:var(--zeile);font-weight:700;font-size:1.17rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--rot);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 0 var(--rot-tief),0 var(--s1) var(--s3) rgba(245,73,73,.3);text-decoration:none}
.t24f .t24f-knopf:hover{filter:brightness(1.07)}
.t24f .t24f-knopf.zweit{background:transparent;color:var(--schwarz);border-color:var(--schwarz);box-shadow:none}
.t24f .t24f-knopf:focus-visible{outline:2px solid var(--schwarz);outline-offset:3px}
.t24f .t24f-zaehler{color:var(--text-2);font-size:.95rem}
.t24f .t24f-leeren{background:none;border:0;padding:var(--s1) 0;color:var(--text-2);text-decoration:underline;cursor:pointer;font:inherit}

.t24f .t24f-hinweis{padding:var(--s3);background:#fff;border-left:3px solid var(--rot);margin:0 0 var(--s3)}
.t24f .t24f-liste{list-style:none;margin:0 0 var(--s4);padding:0;display:grid;gap:var(--s2)}
.t24f .t24f-ursache{display:grid;grid-template-columns:55px 1fr;gap:var(--s2) var(--s3);padding:var(--s3);background:#fff;border:1px solid var(--linie);border-radius:2px}
.t24f .t24f-ursache.top{border-color:var(--schwarz);border-left:3px solid var(--rot)}
.t24f .t24f-rang{display:grid;place-items:center;width:55px;height:55px;background:var(--schwarz);color:#fff;font-family:var(--zeile);font-weight:700;font-size:1.6rem;border-radius:2px}
.t24f .t24f-ursache.top .t24f .t24f-rang{background:var(--rot)}
.t24f .t24f-ursache h4{margin:0 0 var(--s1);font-family:var(--zeile)!important;color:var(--text);font-weight:600;font-size:1.3rem;line-height:1.2;letter-spacing:.02em}
.t24f .t24f-abhilfe{margin:0 0 var(--s2);color:var(--text-2)}
.t24f .t24f-abhilfe b{color:var(--text);font-weight:500}
.t24f .t24f-treffer{display:flex;align-items:center;gap:var(--s2);font-size:.88rem;color:var(--text-2)}
.t24f .t24f-balken{flex:0 0 89px;height:8px;background:var(--linie);border-radius:2px;overflow:hidden}
.t24f .t24f-balken i{display:block;height:100%;background:var(--rot)}
.t24f .t24f-mehr{margin:0 0 var(--s4)}
.t24f .t24f-weiter{display:grid;gap:var(--s3);padding:var(--s4) var(--s3);background:var(--anthrazit);color:#F4F4F4;border-bottom:3px solid var(--rot)}
@media(min-width:900px){.t24f .t24f-weiter{grid-template-columns:1fr auto;align-items:center;padding:var(--s4)}}
.t24f .t24f-weiter h4{margin:0 0 var(--s1);font-family:var(--zeile)!important;font-weight:700;font-size:1.6rem;text-transform:uppercase;color:#fff}
.t24f .t24f-weiter p{margin:0;color:#AFB3B7}
.t24f .t24f-weiter .knoepfe{display:flex;flex-wrap:wrap;gap:var(--s2)}
.t24f .t24f-weiter .t24f .t24f-knopf.zweit{color:#fff;border-color:rgba(255,255,255,.5)}
.t24f .t24f-quelle{margin-top:var(--s4);font-size:.82rem;color:var(--text-2)}
@media(max-width:439px){
  .t24f .t24f-karte{gap:var(--s2);padding:var(--s2)}
  .t24f .t24f-symbol{width:44px;height:44px}.t24f .t24f-symbol svg{width:26px;height:26px}
  .t24f .t24f-schalter label{margin:0;font-family:var(--zeile)!important;min-width:44px;padding:0 var(--s1)}
  .t24f .t24f-knopf{width:100%;padding:0 var(--s3)}
  .t24f .t24f-ursache{grid-template-columns:44px 1fr;padding:var(--s2)}
  .t24f .t24f-rang{width:44px;height:44px;font-size:1.3rem}
}

.t24f .t24f-karten li{margin:0}
.t24f .t24f-fehler{padding:var(--s3);background:#fff;border-left:3px solid var(--rot)}
.t24f a.t24f-knopf,.t24f a.t24f-knopf:hover,.t24f a.t24f-knopf:focus{color:#fff!important;text-decoration:none!important}
.t24f .t24f-weiter a.t24f-knopf.zweit{color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:transparent!important}
.t24f .t24f-weiter a.t24f-knopf.zweit:hover{border-color:#fff!important}