/* RSW Fahrgast-App Lernstudio, vollständig lokal */
.fap-demo{max-width:1240px;margin:auto}.fap-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.fap-note{padding:13px 16px;border:1px solid #4276a8;border-radius:10px;background:#10273b;margin:16px 0}.fap-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:18px}.fap-card{background:#172332;border:1px solid #35475d;border-radius:14px;padding:18px;margin:12px 0}.fap-card h2{margin:0 0 10px}.fap-card label{display:grid;gap:6px;margin:12px 0}.fap-card input,.fap-card select,.fap-card textarea{box-sizing:border-box;width:100%;background:#0c1725;border:1px solid #49617b;border-radius:7px;color:white;padding:10px}.fap-card textarea{min-height:85px}.fap-card button,.fap-btn{border:0;background:#1674cf;color:white;border-radius:8px;padding:10px 14px;cursor:pointer;margin:3px}.fap-card button.secondary{background:#41556d}.fap-phone{max-width:310px;margin:10px auto;background:#070b11;border:7px solid #33445c;border-radius:28px;padding:20px 12px;min-height:370px;color:white}.fap-phone .fap-brand{padding:22px 12px;border-radius:12px;background:var(--fap-primary,#176ac1);text-align:center;font-weight:700}.fap-phone .fap-tile{background:var(--fap-surface,#202f40);border-radius:9px;padding:13px;margin:10px 0}.fap-list{padding:0;list-style:none}.fap-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #455367;padding:10px 0}.fap-demo .fap-highlight{outline:3px solid #43b7ff;outline-offset:4px}.fap-demo .fap-steps{display:flex;gap:8px;flex-wrap:wrap}.fap-preview{position:sticky;top:12px;align-self:start}.fap-small{font-size:.87rem;color:#b6c8da}.fap-color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fap-color-row input{height:46px;padding:3px}.fap-demo .fap-head a{color:#a7d4ff}@media(max-width:880px){.fap-grid{grid-template-columns:1fr}.fap-preview{position:static}}

/* Update 20: Original-RSW Fahrgast-App Hintergrund und Farbstimmung. */
.fap-demo{max-width:none;background:#0c1420;color:#eef2f8;min-height:calc(100vh - 110px);padding:24px 28px 48px;box-sizing:border-box}
.fap-original-hero{height:190px;margin:0 0 20px;border-radius:13px;border:1px solid #273548;background:#101a27 url('../assets/fahrgast_app_preview/hero.png') center center / cover no-repeat;position:relative;overflow:hidden}
.fap-original-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,20,.30),rgba(8,12,20,.02) 75%);pointer-events:none}
.fap-demo .fap-card{background:#121b27;border-color:#273548}
.fap-demo .fap-btn,.fap-demo .fap-card button:not(.secondary){background:linear-gradient(90deg,#8d37e6,#a94af1)}
.fap-demo .fap-note{background:#111d2b;border-color:#3d4f67;color:#c7d5e7}
.fap-demo .fap-phone{background:#05070a;border-color:#34495e}
@media(max-width:720px){.fap-demo{padding:14px}.fap-original-hero{height:120px}}