.hd-shell{max-width:1200px;margin-inline:auto;padding:clamp(1rem,3vw,2.5rem);color:#182a40}.hd-shell h1{font-size:clamp(1.7rem,4vw,3rem);line-height:1.15;overflow-wrap:anywhere}.hd-shell h2{font-size:clamp(1.15rem,2.3vw,1.6rem)}.hd-shell nav{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1rem}.hd-shell a{color:#14589e;text-underline-offset:.2em}.hd-shell a:focus-visible{outline:3px solid #a25b00;outline-offset:4px}.hd-shell .partner-button{color:#fff}.hd-location,.hd-source{color:#455568}.hd-source{font-size:.9rem;line-height:1.6}.hd-overview{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem;align-items:start}.hd-image{width:100%;height:auto;max-height:560px;object-fit:contain;border-radius:1rem;background:#f1f5fa}.hd-overview dl{display:grid;gap:1rem}.hd-overview dt{font-weight:700}.hd-overview dd{margin:0;line-height:1.6}.hd-alternatives{margin-block:2.5rem}.hd-alternatives ul,.hd-city-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.hd-alternatives li,.hd-city-list li{border:1px solid #cbd6e2;border-radius:.75rem;padding:1.25rem;overflow-wrap:anywhere}.hd-alternatives li>a{font-weight:700}.hd-shell .partner-mask{margin-block:1.5rem}@media(max-width:700px){.hd-overview,.hd-alternatives ul,.hd-city-list{grid-template-columns:1fr}.hd-shell .partner-button{white-space:normal}} 

body{font-family:"BXX DM Sans",Arial,sans-serif}.partner-mask,.partner-mask h2,.partner-mask label{font-family:inherit}
.hd-shell nav a,.hd-alternatives li>a,.hd-alternatives>p>a,.hd-shell .partner-button,.hd-faq summary{min-height:44px;display:inline-flex;align-items:center}.hd-shell .hd-text p{max-width:78ch}

/* K101: Flugformular der Maske bis zum Umbau auf Hotel/Mietwagen ausblenden (Layoutsprung/CLS); body[data-mask-ready] setzt das Skript, nach 2,5 s zeigt die Ausfallsicherung es sonst wieder an */
@keyframes bx-mask-failsafe{to{max-height:none;overflow:visible;visibility:visible}}
body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]):not([data-mask-ready]) :is(#partner-search,#bx-search){max-height:0;overflow:hidden;visibility:hidden;animation:bx-mask-failsafe 0s 2.5s forwards}

/* Platz der fertigen Maske reservieren (Höhen gemessen, K102): Mietwagen 471/322/181, Hotel 344/322/181 px (Handy/Tablet/Desktop) – bleibt stehen, damit Zwischenstände des Umbaus nichts verschieben */
@media(max-width:560px){body[data-jump-mask="1"][data-home-tab="car"] #reise-suche{min-height:471px}body[data-jump-mask="1"][data-home-tab="hotel"] #reise-suche{min-height:344px}}
@media(min-width:561px) and (max-width:1100px){body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) #reise-suche{min-height:322px}}
@media(min-width:1101px){body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) #reise-suche{min-height:181px}}

/* Sasan 14.10. 18:3x: lebendiger – Sterne, Bewertungs-Badge, Farbflächen, kleines beschriftetes Bild */
.hd-facts{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:.4rem 0 1rem}
.hd-stars{color:var(--navy,#0c1f44);letter-spacing:.08em;font-size:1.15em}
.hd-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:.6rem;padding:.3rem .65rem;font-weight:600}
.hd-badge b{color:#fff;border-radius:.4rem;padding:.1rem .45rem}
.hd-badge-top{background:#e6f4ea;color:#137333}.hd-badge-good{background:#e8f0fe;color:#1a56b8}.hd-badge-ok{background:#fef3e0;color:#9a5b00}
.hd-badge-top b{background:#137333}.hd-badge-good b{background:#1a56b8}.hd-badge-ok b{background:#9a5b00}
.hd-price{background:#fff4e5;color:#7a3e00;border-radius:.6rem;padding:.3rem .7rem}.hd-price b{font-size:1.15em;color:var(--navy,#0c1f44)}
.hd-figure{margin:0 0 1.25rem;max-width:420px}.hd-figure .hd-image{width:100%;height:240px;max-height:240px;object-fit:cover;border-radius:1rem}
.hd-figure figcaption{font-size:.9rem;color:#455568;margin-top:.4rem}
.hd-overview{grid-template-columns:1fr}.hd-overview>section{border-radius:1rem;padding:1.1rem 1.3rem;margin-bottom:1rem;background:#f5f9ff;border-left:5px solid #1a73e8}
.hd-overview>section:nth-of-type(2n){background:#fff8ef;border-left-color:#f5a623}
.hd-overview>section h2{margin-top:0}
.hd-alternatives li{background:#fbfcfe;box-shadow:0 1px 3px rgba(24,42,64,.08)}
.hd-faq details{background:#f5f9ff;border-radius:.75rem;padding:.5rem 1rem;margin-bottom:.6rem}
/* K103: Zahlen hervorheben, Abstand vor den FAQ */
.hd-text strong{color:#0c1f44;font-weight:700;background:linear-gradient(transparent 60%,#ffe6b0 60%);padding:0 .1em;border-radius:.15em}
.hd-faq{margin-top:2rem}.hd-faq h2{margin-bottom:.8rem}

/* K104: Hotel-/Mietwagen-Inhaltsseiten – Kopf als Design-B-Farbfläche (nie ein Fremdfoto), mobil kompakt, damit die Maske über der Falz liegt */
body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) .flight-hero{background:linear-gradient(135deg,#dbe9ff 0%,#eef4ff 55%,#fff1df 100%);height:300px}
body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) .flight-hero::before{display:none}
@media(max-width:1100px){body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) .flight-hero{height:200px}}
@media(max-width:560px){body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) .flight-hero{height:150px}body[data-jump-mask="1"]:is([data-home-tab="car"],[data-home-tab="hotel"]) .flight-hero h1{font-size:24px;line-height:1.15}}

/* K098: Agentur-Befund 14.10.2026. */
.hd-overview>section{max-width:68ch}
