/*
 * Mieten und Fahren: Entwürfe „Mieten“, „Mietfahrzeug“, „Fahren“ und „Rennstrecke“, dazu Rennstrecken, Fahrzeuge
 * und Buchen. Werte 1:1 aus den Inline-Styles der Referenz (content-box, cqi als vw). Klassen mit miet- und fahr-.
 */

/* ---------- Mieten: Flotte und weitere Klassiker (Varianten von card-mietwagen) ---------- */
.miet-fleet{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.miet-more{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.miet-card-l .rent-body{padding:14px 16px 16px}
.miet-card-l .rent-t{font-size:17px}
.miet-card-l .rent-s{font-size:13.5px;font-variant-numeric:tabular-nums}
.miet-card-m .rent-t{font-size:16px}

/* ---------- Mietanfrage: Panel ragt wie im Entwurf um Innenabstand und Rahmen über das Raster ---------- */
.miet-anfrage{display:flex;flex-wrap:wrap;gap:24px clamp(32px,4vw,64px)}
.miet-anfrage-copy{flex:1 1 280px;min-width:0;display:flex;flex-direction:column;gap:10px}
.miet-anfrage-x{margin:0;max-width:40ch}
.miet-anfrage-note{margin:6px 0 0;max-width:40ch;font-size:13.5px;color:var(--muted);text-wrap:pretty}
.miet-anfrage-form{flex:2 1 520px;min-width:0;display:flex;flex-direction:column;gap:14px}
.miet-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}
.miet-submit{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px}

/* ---------- Mieten: Selbst ans Steuer und Lieber auf der Straße? ---------- */
.miet-duo{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}
.miet-self,.miet-wish{min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(20px,3vw,36px);display:flex;flex-direction:column}
.miet-self{flex:1 1 360px;align-items:flex-start;gap:10px}
.miet-self-x{margin:0;max-width:46ch}
.miet-self-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.miet-self-btns .icon-external{width:11px;height:11px}
.miet-wish{flex:1.3 1 440px;gap:14px}
.miet-wish-t{margin:0;font-size:20px;font-weight:700}
.miet-wish-x{margin:0;max-width:56ch}
.miet-wish-form{gap:14px}
.miet-wish-btn{display:flex}

/* ---------- Mietfahrzeug und Rennstrecke: Bild neben Panel ---------- */
.fahr-top{display:flex;flex-wrap:wrap;align-items:stretch;gap:16px}
.fahr-top-img{flex:1.6 1 520px;min-width:0;border-radius:8px;overflow:hidden;background:var(--hero-bg)}
.fahr-top-img img{display:block;width:100%;height:100%;min-height:280px;aspect-ratio:16/9;object-fit:cover}
.fahr-top-img.is-43 img{min-height:300px;aspect-ratio:4/3}
.fahr-top-panel{flex:1 1 300px;min-width:0;background:#fff;border:1px solid var(--line);border-radius:8px;padding:clamp(20px,2.6vw,28px);display:flex;flex-direction:column;gap:14px}
.fahr-top-panel .btn{gap:10px;padding:0}
.fahr-top-panel .btn-primary{margin-top:auto}
.fahr-top-panel .btn .icon{width:11px;height:11px}
.miet-badge{align-self:flex-start;padding:3px 8px;border-radius:4px;background:var(--bg);font-size:12.5px;font-weight:600;color:var(--text-2)}
.miet-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.miet-facts>div{display:flex;flex-direction:column;padding:10px 12px;border-radius:6px;background:var(--bg)}
.miet-facts dt{font-size:12px;color:var(--muted)}
.miet-facts dd{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}
.fahr-facts{display:flex;flex-direction:column}
.fahr-facts>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line-soft)}
.fahr-facts>div:last-child{border-bottom:0}
.fahr-facts dt{font-size:14px;color:var(--muted)}
.fahr-facts dd{font-size:15px;font-weight:600;text-align:right}
.fahr-facts .is-ok{color:var(--ok)}
.fahr-facts .is-soon{color:var(--muted)}

/* ---------- Fahren: dunkle Bühne mit Brotkrumen ---------- */
.fahr-hero{background:var(--ink);padding-top:14px;padding-bottom:clamp(28px,3.4vw,44px)}
.fahr-hero-in{display:flex;flex-direction:column;gap:14px}
.fahr-hero .crumbs{align-items:normal;color:var(--foot-muted)}
.fahr-hero .crumbs a{color:var(--img-bg)}
.fahr-hero .crumbs .sep{color:inherit}
.fahr-hero .crumbs [aria-current]{color:#fff}
.fahr-stage{position:relative;min-height:clamp(380px,36vw,500px);border-radius:8px;overflow:hidden;background:var(--hero-bg);display:flex;align-items:flex-end}
.fahr-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fahr-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,20,23,0) 20%,rgba(18,20,23,.9) 100%)}
.fahr-stage-copy{position:relative;z-index:1;max-width:660px;padding:clamp(20px,3vw,40px);display:flex;flex-direction:column;gap:14px;color:#fff}
.fahr-stage-copy p{margin:0;max-width:52ch;font-size:16px;color:var(--img-bg);text-wrap:pretty}
.fahr-stage-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.fahr-stage-btns .btn{padding:0 22px}
.fahr-stage-btns .icon{width:11px;height:11px}
.fahr-btn-light{height:52px;border:1px solid #fff;background:transparent;color:#fff;font-size:16px}
.fahr-btn-light:hover{background:rgba(255,255,255,.12)}

/* ---------- Fahren: Strecken und Preistabelle ---------- */
.fahr-stack{display:flex;flex-direction:column;gap:16px}
.fahr-lead{margin:0;max-width:62ch}
.fahr-tracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px}
.fahr-soon{font-size:13px;font-weight:500;color:var(--muted)}
.fahr-prices{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px clamp(20px,3vw,40px) clamp(20px,3vw,32px)}
.fahr-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:4px 24px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line-soft)}
.fahr-row-t{font-size:15px;font-weight:600}
.fahr-row-x{font-size:14px;color:var(--text-2)}
.fahr-row-p{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.fahr-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.fahr-btns .icon{width:11px;height:11px}
.fahr-note{margin:14px 0 0;max-width:90ch;font-size:12.5px;color:var(--muted);text-wrap:pretty}

/* Rennstrecke: Formate als eigenes Panel */
.panel.fahr-formate{padding:clamp(20px,3vw,36px) clamp(20px,3vw,40px)}
.fahr-formate .h2{margin:6px 0 8px}

/* ---------- Fahren: Fahrzeuge von Racepool99 ---------- */
.fahr-cars{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px}
.fahr-car-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px}
.fahr-car-t{font-size:16px;font-weight:600}
.fahr-car-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.fahr-car-price{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}
.fahr-car-more{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fahr-car-more .icon{width:10px;height:10px}