/* Flug-Spar-Werkzeug, Gestaltungsvariante C: kompakt in zwei Spalten, rechts Live-Vorschau. Lädt nach flug-sparen.css. */
.fs-c .fs-schritte{display:none}
.fs-c-raster{display:grid;gap:1.4rem;align-items:start}
@media (min-width:1080px){
  .fs-c-raster{grid-template-columns:minmax(0,30rem) minmax(0,1fr);gap:1.6rem}
  .fs-c-rechts{position:sticky;top:6.2rem;max-height:calc(100vh - 7.5rem);overflow:auto;overscroll-behavior:contain}
}
.fs-c .fs-formular{padding:clamp(1rem,2.4vw,1.5rem);gap:1.1rem}
.fs-c .fs-gruppe + .fs-gruppe{padding-top:1.1rem}
.fs-c .fs-gruppe > legend{font-size:1rem;margin-bottom:.8rem}
.fs-c .fs-gruppe > legend .fs-nr{width:1.55rem;height:1.55rem;font-size:.75rem}
.fs-c .fs-felder{gap:.8rem .9rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,11.5rem),1fr))}
.fs-c .fs-felder + .fs-felder,.fs-c .fs-wahl-zeile + .fs-felder{margin-top:.8rem}
.fs-c .fs-strecke{grid-template-columns:1fr auto 1fr;align-items:start;gap:.8rem .6rem}
.fs-c .fs-tauschen{margin-top:1.6rem;width:2.8rem;height:2.8rem;padding:0;justify-content:center}
.fs-c .fs-tauschen span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.fs-c .fs-feld label,.fs-c .fs-wahl > legend{font-size:.86rem}
.fs-c .fs-feld input,.fs-c .fs-feld select,.fs-c .fs-feld textarea{min-height:2.8rem;padding:.6rem .8rem;font-size:.95rem;border-radius:.7rem}
.fs-c .fs-feld textarea{min-height:4rem}
.fs-c .fs-feld small{display:none}
.fs-c .fs-feld small#fs-wuensche-hilfe{display:block}
.fs-c .fs-wahl-zeile{gap:.8rem 1.4rem}
.fs-c .fs-segmente span{padding:.5rem .8rem;font-size:.84rem}
.fs-c .fs-zahl input{max-width:none}
.fs-c .fs-aktionen{gap:.6rem .9rem}
.fs-c .fs-aktionen .knopf{padding:.85rem 1.25rem;font-size:.95rem}

.fs-c-rechts{background:var(--papier);border-radius:calc(var(--r-l) + .3rem);box-shadow:var(--schatten);padding:clamp(1rem,2.4vw,1.5rem);min-width:0}
.fs-c-kopf{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem;margin-bottom:1rem;padding-bottom:.9rem;border-bottom:1px solid var(--linie)}
.fs-c-live{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--marke)}
.fs-c-live i{width:.55rem;height:.55rem;border-radius:50%;background:var(--linie-2);box-shadow:0 0 0 0 rgba(30,122,87,.45)}
.fs-c-rechts.ist-bereit .fs-c-live{color:var(--gut)}
.fs-c-rechts.ist-bereit .fs-c-live i{background:var(--gut);animation:fsPuls 2.4s ease-out infinite}
@keyframes fsPuls{0%{box-shadow:0 0 0 0 rgba(30,122,87,.45)}70%,100%{box-shadow:0 0 0 .55rem rgba(30,122,87,0)}}
.fs-c-offen{color:var(--leise);font-size:.88rem}
.fs-c .fs-ausgabe{margin-top:0}
.fs-c .fs-ausgabe-kopf{margin-bottom:.8rem}
.fs-c .fs-ausgabe-kopf h3{font-size:1.15rem}
.fs-c .fs-vorschau,.fs-c .fs-varianten{grid-template-columns:1fr;gap:.6rem}
.fs-c .fs-vorschau li{padding:.8rem .9rem}
.fs-c .fs-variante{padding:1rem;gap:.7rem;box-shadow:inset 0 0 0 1px var(--linie)}
.fs-c .fs-v-kopf h4{font-size:1rem}
.fs-c .fs-prompt{max-height:15rem;font-size:.86rem;padding:.8rem .9rem}
.fs-c .fs-kopieren{min-height:2.6rem;padding:.5rem 1rem;font-size:.88rem}
@media (max-width:420px){.fs-c .fs-strecke{grid-template-columns:1fr}.fs-c .fs-tauschen{margin-top:0;width:auto;height:auto;padding:.5rem .85rem}.fs-c .fs-tauschen span{position:static!important;width:auto;height:auto;overflow:visible;clip:auto}}
@media (prefers-reduced-motion:reduce){.fs-c-rechts.ist-bereit .fs-c-live i{animation:none}}
@media (min-width:1080px){.fs-c-rechts .fs-c-kopf{position:sticky;z-index:2;top:-1.5rem;margin-top:-1.5rem;padding-top:1.5rem;background:var(--papier)}.fs-c-rechts{padding-top:1.5rem}}