.fsk-app{--fsk-ink:#183448;--fsk-muted:#657987;--fsk-line:#e1e9ed;--fsk-blue:#176b87;--fsk-pale:#eff7f9;max-width:1120px;margin:32px auto;color:var(--fsk-ink);font-family:inherit}
.fsk-app *{box-sizing:border-box}.fsk-heading{margin:0 0 28px}.fsk-eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--fsk-blue)}.fsk-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.15;letter-spacing:-.035em;margin:10px 0 12px;color:var(--fsk-ink)}.fsk-heading p{color:var(--fsk-muted);font-size:16px;line-height:1.65;max-width:720px;margin:0}
.fsk-layout{display:grid;grid-template-columns:minmax(235px, .78fr) minmax(0,1.6fr);gap:22px;align-items:start}.fsk-class-list,.fsk-detail{border:1px solid var(--fsk-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(24,52,72,.045)}.fsk-class-list-title{padding:17px 19px;background:#f7fafb;border-bottom:1px solid var(--fsk-line);font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--fsk-muted)}
.fsk-class-button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 16px;border:0;border-bottom:1px solid #edf1f3;background:#fff;text-align:left;cursor:pointer;color:var(--fsk-ink);font:inherit;transition:background .18s}.fsk-class-button:last-child{border-bottom:0}.fsk-class-button:hover{background:#f5fafb}.fsk-class-button.is-active{background:var(--fsk-pale);box-shadow:inset 3px 0 var(--fsk-blue)}.fsk-class-code{display:grid;place-items:center;min-width:49px;height:37px;border-radius:9px;background:#eef2f4;font-size:13px;font-weight:800;letter-spacing:.02em}.fsk-class-button.is-active .fsk-class-code{background:var(--fsk-blue);color:#fff}.fsk-class-name{font-size:13px;font-weight:600;line-height:1.3;flex:1}.fsk-chevron{font-size:24px;color:#8ca1ad}.fsk-class-button:focus-visible{outline:3px solid #f2b544;outline-offset:-3px}
.fsk-detail{padding:clamp(20px,3.2vw,36px);min-height:600px}.fsk-detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.fsk-class-pill{font-size:11px;font-weight:800;letter-spacing:.1em;padding:8px 11px;border-radius:100px;background:var(--fsk-pale);color:var(--fsk-blue)}.fsk-detail-kicker{font-size:10px;font-weight:800;letter-spacing:.13em;color:#8b9ca6}.fsk-detail h3{font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;margin:17px 0 4px;color:var(--fsk-ink)}.fsk-illustration{display:grid;place-items:center;background:linear-gradient(135deg,#f5fafb,#edf5f7);border:1px solid #e5eef1;border-radius:14px;margin:20px 0 19px;min-height:195px;overflow:hidden}.fsk-vehicle{width:min(100%,380px);height:auto;display:block}.fsk-example-label{font-size:10px;letter-spacing:.13em;font-weight:800;color:#8295a0}.fsk-example{font-size:16px;font-weight:750;margin-top:5px}.fsk-definition-title{font-size:17px;font-weight:800;margin:24px 0 7px}.fsk-definition{font-size:15px;line-height:1.75;color:#526a79;margin:0}.fsk-note{display:flex;gap:11px;background:#f7fafb;border:1px solid var(--fsk-line);border-radius:12px;padding:14px;margin-top:24px;color:#647986;font-size:12px;line-height:1.6}.fsk-note-icon{display:grid;place-items:center;flex:0 0 21px;height:21px;border:1px solid #9db5c0;border-radius:50%;font-weight:800;font-size:12px;color:var(--fsk-blue)}.fsk-source{font-size:12px;color:#7b8d97;margin:15px 2px}.fsk-source a{color:var(--fsk-blue);text-decoration:underline}.fsk-detail-panel[hidden]{display:none!important}
@media(max-width:760px){.fsk-layout{grid-template-columns:1fr;gap:14px}.fsk-class-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.fsk-class-list-title{grid-column:1/-1}.fsk-class-button{border-right:1px solid #edf1f3;padding:10px 8px;gap:7px;flex-direction:column;align-items:flex-start}.fsk-class-name{font-size:11px}.fsk-chevron{display:none}.fsk-class-code{min-width:0;padding:0 10px;height:31px}.fsk-detail{min-height:0}.fsk-detail-kicker{display:none}}
@media(prefers-reduced-motion:reduce){.fsk-class-button{transition:none}}
/* Hervorhebung der angebotenen Ausbildungsklassen AM bis BE */
.fsk-training-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 7px;border-radius:999px;background:#e3f4e8;color:#17683a;font-size:10px;font-weight:800;line-height:1.1}.fsk-class-button:has(.fsk-training-badge){background:#fbfefc}.fsk-class-button:has(.fsk-training-badge) .fsk-class-code{background:#d9f0e1;color:#17683a}.fsk-class-button:has(.fsk-training-badge).is-active .fsk-class-code{background:#17683a;color:#fff}.fsk-class-button:has(.fsk-training-badge):hover{background:#eef9f1}@media(max-width:520px){.fsk-training-badge{font-size:9px;padding:4px 5px}.fsk-class-button{gap:8px;padding:11px 10px}}

/* Branding: white typography, red accent, training classes AM through BE */
.fsk-app{--fsk-ink:#fff;--fsk-muted:#e4e8eb;--fsk-line:rgba(255,255,255,.22);--fsk-blue:#e50914;--fsk-pale:rgba(229,9,20,.12);color:#fff}
.fsk-app .fsk-heading h2,.fsk-app .fsk-heading p,.fsk-app .fsk-eyebrow{color:#fff}
.fsk-app .fsk-class-list,.fsk-app .fsk-detail{background:rgba(12,16,20,.88);border-color:rgba(255,255,255,.24);color:#fff}
.fsk-app .fsk-class-list-title{background:rgba(255,255,255,.07);color:#fff;border-color:rgba(255,255,255,.15)}
.fsk-app .fsk-class-button{background:transparent;color:#fff;border-color:rgba(255,255,255,.12)}
.fsk-app .fsk-class-button:hover{background:rgba(255,255,255,.08)}
.fsk-app .fsk-class-code{background:rgba(255,255,255,.12);color:#fff}
.fsk-app .fsk-class-button.is-active{background:rgba(229,9,20,.15);box-shadow:inset 4px 0 #e50914}
.fsk-app .fsk-class-button.is-active .fsk-class-code{background:#e50914;color:#fff}
.fsk-app .fsk-training-badge{background:#e50914;color:#fff;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:800;white-space:nowrap}
.fsk-app .fsk-class-button[data-class="AM"],.fsk-app .fsk-class-button[data-class="A1"],.fsk-app .fsk-class-button[data-class="A2"],.fsk-app .fsk-class-button[data-class="B"],.fsk-app .fsk-class-button[data-class="BE"]{border-left:3px solid #e50914}
.fsk-app .fsk-class-pill{background:#e50914;color:#fff}
.fsk-app .fsk-source,.fsk-app .fsk-source a{color:#fff}
.fsk-app .fsk-note{background:rgba(255,255,255,.07);color:#f5f5f5;border-color:rgba(255,255,255,.16)}
.fsk-app .fsk-example-label,.fsk-app .fsk-definition-title,.fsk-app .fsk-detail-kicker{color:#ff646b}
@media(max-width:700px){.fsk-app .fsk-training-badge{font-size:9px;padding:3px 5px}}

/* Echte Fahrzeugfotos aus der neuen Fahrzeugübersicht */
.fsk-app .fsk-illustration{display:block;min-height:0;background:#111820;border:1px solid rgba(255,255,255,.18);border-radius:14px;margin:20px 0 19px;overflow:hidden}
.fsk-app .fsk-vehicle-photo{display:block;width:100%;height:clamp(180px,28vw,300px);object-fit:cover;object-position:center}
.fsk-app .fsk-class-button[data-class="AM"],.fsk-app .fsk-class-button[data-class="A1"],.fsk-app .fsk-class-button[data-class="A2"],.fsk-app .fsk-class-button[data-class="A"],.fsk-app .fsk-class-button[data-class="B"],.fsk-app .fsk-class-button[data-class="B96"],.fsk-app .fsk-class-button[data-class="BE"]{border-left:3px solid #e50914}
.fsk-app .fsk-class-button[data-class="AM"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="A1"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="A2"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="A"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="B"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="B96"] .fsk-class-code,.fsk-app .fsk-class-button[data-class="BE"] .fsk-class-code{background:#e50914;color:#fff}