.hotel-ort{margin:0;color:#0c1f44;background:#f7f9fc;font:400 16px/1.6 "BXX DM Sans",Arial,sans-serif;overflow-x:hidden}.hotel-ort *{box-sizing:border-box}.hotel-ort .ho-shell{width:min(100% - 32px,1200px);margin:auto;padding:24px 0 64px}.hotel-ort a{color:#075fff}.hotel-ort nav{font-size:14px;margin-bottom:24px}.hotel-ort .ho-hero{padding:32px clamp(20px,4vw,48px);background:#0c1f44;color:white;border-radius:12px}.hotel-ort h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.12;margin:0 0 16px}.hotel-ort .ho-answer{font-size:clamp(1.15rem,2vw,1.45rem);font-weight:700;max-width:66ch}.hotel-ort .ho-hero p:last-child{max-width:72ch}.hotel-ort .ho-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:24px}.hotel-ort .ho-main{display:flex;flex-direction:column;gap:24px;min-width:0}.hotel-ort.muster-a .ho-season{order:1}.hotel-ort.muster-a .ho-arrival{order:2}.hotel-ort.muster-a .ho-climate{order:3}.hotel-ort.muster-b .ho-arrival{order:1}.hotel-ort.muster-b .ho-season{order:2}.hotel-ort.muster-b .ho-climate{order:3}.hotel-ort.muster-c .ho-climate{order:1}.hotel-ort.muster-c .ho-arrival{order:2}.hotel-ort.muster-c .ho-season{order:3}.hotel-ort .ho-section,.hotel-ort .ho-partner,.hotel-ort .ho-time{padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #cad2df;border-radius:10px;min-width:0}.hotel-ort h2{font-size:1.55rem;line-height:1.25;margin:0 0 12px}.hotel-ort h3{font-size:1.05rem;margin:20px 0 8px}.hotel-ort p{margin:0 0 14px}.hotel-ort .ho-aside{display:flex;flex-direction:column;gap:24px;min-width:0}.hotel-ort .ho-partner img{object-fit:contain;object-position:left;max-width:100%}.hotel-ort .ho-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;background:#075fff;border-radius:8px;color:white;text-align:center;text-decoration:none;font-weight:700;overflow-wrap:anywhere}.hotel-ort .ho-partner p{font-size:13px;color:#4c586b;margin:12px 0 0}.hotel-ort .ho-bars,.hotel-ort .ho-airports{list-style:none;padding:0;margin:12px 0}.hotel-ort .ho-bars li{display:grid;grid-template-columns:36px minmax(0,1fr) 75px;align-items:center;gap:10px;margin:7px 0;font-variant-numeric:tabular-nums;font-size:13px}.hotel-ort .ho-bar{display:block;width:100%;height:14px;border:0;border-radius:3px;background:#e5ecf7;appearance:none;-webkit-appearance:none;overflow:hidden}.hotel-ort .ho-bar::-webkit-progress-bar{background:#e5ecf7;border-radius:3px}.hotel-ort .ho-bar::-webkit-progress-value{background:#075fff;border-radius:3px}.hotel-ort .ho-bar::-moz-progress-bar{background:#075fff;border-radius:3px}.hotel-ort .ho-airports li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e5ecf7;padding:7px 0}.hotel-ort .ho-airports li span{min-width:0;overflow-wrap:anywhere}.hotel-ort table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}.hotel-ort th,.hotel-ort td{padding:6px 10px;border-bottom:1px solid #e5ecf7;text-align:right}.hotel-ort th:first-child{text-align:left}.hotel-ort caption{text-align:left;font-weight:700;margin-bottom:8px}.hotel-ort .ho-source{font-size:13px;color:#4c586b;overflow-wrap:anywhere}.hotel-ort .ho-faq{margin-top:24px}.hotel-ort details{border-top:1px solid #cad2df}.hotel-ort summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:700}.hotel-ort details p{max-width:78ch}.hotel-ort :focus-visible{outline:3px solid #075fff;outline-offset:3px}@media(max-width:820px){.hotel-ort .ho-layout{grid-template-columns:minmax(0,1fr)}.hotel-ort .ho-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.hotel-ort .ho-aside{grid-template-columns:1fr}.hotel-ort .ho-airports li{font-size:14px}.hotel-ort .ho-shell{width:min(100% - 24px,1200px)}.hotel-ort .ho-hero{padding:24px 18px}}

@media(max-width:1000px){.hotel-ort .ho-layout{grid-template-columns:minmax(0,1fr)}.hotel-ort .ho-main,.hotel-ort .ho-aside{display:contents}.hotel-ort .ho-partner{order:-1}.hotel-ort .ho-time{order:4}}
/* K064: trivago-Hotelliste auf hotels-in-<ort> (aus reiseziel.css) */
html body .trivago-hotels{margin:40px 0;font-family:"BXX DM Sans",Arial,sans-serif;color:#0c1f44}
html body .trivago-head{display:flex;align-items:center;gap:20px;margin:0 0 24px}
html body .trivago-logo{display:block;flex:none;width:96px;height:auto;max-height:var(--space-5,24px);object-fit:contain}
html body .trivago-head h2{margin:0 0 6px;font:800 clamp(1.5rem,2.4vw,2rem)/1.2 "BXX DM Sans",Arial,sans-serif;color:#0c1f44}
html body .trivago-head .deals-lead{margin:0;max-width:78ch;color:#4c586b;font:400 15px/1.6 "BXX DM Sans",Arial,sans-serif}
html body .trivago-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html body .trivago-card{display:flex;flex-direction:column;min-width:0;border:1px solid #cad2df;border-radius:12px;background:#fff;overflow:hidden}
html body .trivago-media{position:relative}
html body .trivago-image{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;background:#eef2f7}
html body .trivago-rating{position:absolute;left:12px;bottom:12px;display:flex;align-items:baseline;gap:6px;margin:0;padding:6px 10px;border-radius:8px;background:#0c1f44;color:#fff;font-size:13px;line-height:1.2}
html body .trivago-rating b{font:800 18px/1 "BXX DM Sans",Arial,sans-serif}
html body .trivago-body{display:flex;flex-direction:column;flex:1;gap:8px;padding:16px;min-width:0}
html body .trivago-body h3{margin:0;font:800 18px/1.3 "BXX DM Sans",Arial,sans-serif;overflow-wrap:anywhere}
html body .trivago-body p{margin:0;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
html body .trivago-stars{display:flex;gap:2px;min-height:var(--space-5,24px)}
html body .trivago-star{width:18px;height:18px;fill:#f5a623}
html body .trivago-star.is-off{fill:#d5dbe5}
html body .trivago-body .trivago-place{margin-top:auto;display:flex;align-items:center;gap:6px;color:#4c586b}
html body .trivago-place svg{flex:none;width:16px;height:16px;fill:none;stroke:#075fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body .trivago-price{margin-top:0!important;padding-top:8px;border-top:1px solid #e4eaf2}
html body .trivago-price-from,html body .trivago-price-for{font-size:13px;color:#4c586b}
html body .trivago-price b{display:block;margin:2px 0;font:800 26px/1.1 "BXX DM Sans",Arial,sans-serif;color:#fd6318}
html body .trivago-price-date{display:block;margin-top:2px;font-size:12.5px;color:#4c586b}
html body .trivago-button{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;padding:12px 16px;border-radius:8px;background:#075fff;color:#fff;font:700 15px/1.4 "BXX DM Sans",Arial,sans-serif;text-decoration:none}
html body .trivago-button:hover{background:#064bd0;color:#fff}
html body .trivago-button:focus-visible{outline:3px solid #0c1f44;outline-offset:3px}
html body .trivago-note{margin:16px 0 8px;font-size:14px;line-height:1.6;max-width:78ch;color:#4c586b}
/* SASAN 19.10. 11:21: PC und iPad gleiche Spaltenzahl (4), iPhone 1 – nie 3+1/2+1 */
@media(max-width:700px){html body .trivago-grid{grid-template-columns:1fr}html body .trivago-head{flex-direction:column;align-items:flex-start;gap:12px}}

/* H7: feed pages reuse the hotel-place frame and trivago cards. */
.hf-skip{position:absolute;left:16px;top:-100px;z-index:1000;padding:12px 18px;background:#fff;color:#0c1f44}.hf-skip:focus{top:12px}
.hotel-feed .hf-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0;padding:0}.hotel-feed .hf-breadcrumbs li+li::before{content:"/";margin-right:10px;color:#4c586b}.hotel-feed .hf-breadcrumbs a[aria-current]{color:#0c1f44;text-decoration:none}
.hotel-feed .hf-search,.hotel-feed .hf-hotels,.hotel-feed .hf-distribution,.hotel-feed .hf-related{margin-top:24px}
.hotel-feed .hf-fields{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(140px,1fr)) repeat(2,minmax(90px,.65fr));gap:16px}.hotel-feed .field{display:flex;flex-direction:column;gap:6px;min-width:0}.hotel-feed label{font-weight:700}.hotel-feed input,.hotel-feed select{width:100%;min-width:0;min-height:48px;border:1px solid #718096;border-radius:6px;padding:10px;font:inherit;color:#0c1f44;background:#fff}.hotel-feed .hf-submit{border:0;font:inherit;font-weight:700;margin-top:16px;cursor:pointer}.hotel-feed .hf-partners{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 12px}.hotel-feed .partner-commission{font-size:14px;line-height:1.5;color:#4c586b}.hotel-feed .hf-related ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:0;padding-left:20px}.hotel-feed .hf-related a{display:inline-block;min-height:44px;padding:8px 0;overflow-wrap:anywhere}.hotel-feed .hf-distribution{max-width:640px}.hotel-feed .ho-hero,.hotel-feed .hf-breadcrumbs{overflow-wrap:anywhere}
@media(max-width:1000px){.hotel-feed .hf-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.hotel-feed .hf-destination{grid-column:1/-1}}
@media(max-width:600px){.hotel-feed .hf-fields,.hotel-feed .hf-related ul{grid-template-columns:minmax(0,1fr)}.hotel-feed .hf-partners{flex-direction:column}.hotel-feed .hf-submit{width:100%}}

.hotel-ort .ho-hotellist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px}.hotel-ort .ho-hotellist a,.hotel-ort nav a,.hotel-ort summary,.hotel-ort .trivago-button{min-height:44px;display:inline-flex;align-items:center}
/* K097 */.ho-hotellist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 16px}.ho-hotellist a{min-height:44px;display:inline-flex;align-items:center}

/* 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}}

/* 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}}
/* Last Minute (deals./last-minute/<ziel>/) */
  .lm-filter{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}.lm-filter a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:22px;background:#eef3fb;font-weight:600;text-decoration:none}
  .lm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;padding:0;margin:0}
  .lm-card{border:1px solid var(--bx-line,#dde3ec);border-radius:12px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
  .lm-card h3{font-size:20px;margin:0}.lm-stars{color:#f5a300;letter-spacing:2px}.lm-stars .off{color:#c9d1dc}.lm-grid>li{list-style:none}
  .lm-price{font-size:15px}.lm-price strong{font-size:24px;color:var(--bx-primary,#0b4ea2)}
  .lm-meta{font-size:14px;color:#4a5566}.lm-links{display:flex;flex-direction:column;gap:6px;margin-top:auto}
  .lm-links a{min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bx-accent,#ff8a00);color:#fff;font-weight:700;text-decoration:none}
  .lm-links a.lm-alt{background:transparent;color:var(--bx-primary,#0b4ea2);border:1px solid currentColor}
  .lm-updated{font-size:14px;color:#4a5566}

.ho-hero .lm-updated{color:#d7e3f4}
.lm-filter a.is-active{background:#0b4ea2;color:#fff;box-shadow:0 0 0 2px #0b4ea2}.lm-filter a:focus-visible{outline:3px solid #ff8a00;outline-offset:2px}.lm-links{min-height:150px}

/* K098: Agentur-Befund 14.10.2026. */
.hotel-ort :is(.ho-section,.ho-partner,.ho-time){max-width:none;border:0;border-left:4px solid var(--blue,#0755b7)}
html body .trivago-note{max-width:68ch}

/* Sasan 16.10.2026 („von der Navigation oben bis unten alles justieren“): Kopftext, Suchmaske und Inhalt
   haben auf Hotel-Ort-Seiten dieselbe Breite und dieselben Kanten wie die Navigation. */
html body:has(.hotel-ort) .flight-hero-copy.shell,html body:has(.hotel-ort) .flight-page-main.shell,.hotel-ort .ho-shell{width:min(1680px,calc(100% - 48px));max-width:none;margin-inline:auto}
html body:has(.hotel-ort) .flight-hero-copy.shell{padding-left:0;padding-right:0}
@media(max-width:620px){html body:has(.hotel-ort) .flight-hero-copy.shell,html body:has(.hotel-ort) .flight-page-main.shell,.hotel-ort .ho-shell{width:calc(100% - 24px)}}
.hotel-ort .ho-shell .source-note{width:100%;margin-inline:0}
html body:has(.hotel-ort) .flight-page-main>.search-area.flight-ticket{width:100%;margin-inline:0}
html body:has(.hotel-ort) .flight-hero-copy .source-note{width:auto;margin-inline:0}
/* Sasan 16.10.2026 (6 → ja): Suchfelder über die ganze Kastenbreite. */
html body:has(.hotel-ort) .flight-ticket form.hotel-search{width:100%!important;max-width:none!important}

/* K193/K191: Muster-Block der Orts-Seiten (ort_muster.go) */
.om-section{margin:28px 0;padding:0;max-width:none}.om-section h2{margin:0 0 12px}.om-fakten table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px}.om-fakten th,.om-fakten td{padding:9px 8px;border-bottom:1px solid #e5ecf7;text-align:left;vertical-align:top}.om-fakten th{width:40%;font-weight:500;color:#4c586b}.om-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px}@media(max-width:700px){.om-grid{grid-auto-flow:row;grid-template-columns:minmax(0,1fr)}}.om-tipp{background:#fff;border:1px solid #e5ecf7;border-radius:10px;padding:14px}.om-tipp b{display:block;margin-bottom:4px}.om-tipp p{margin:0}.om-pk{border:1px solid #cad2df;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;background:#fff}.om-anz{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#4c586b}.om-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;background:#075fff;color:#fff;font-weight:700;text-decoration:none}.om-faq details{border-bottom:1px solid #e5ecf7;padding:12px 0}.om-faq summary{cursor:pointer;font-weight:600;list-style:none;position:relative;padding-right:32px}.om-faq summary::-webkit-details-marker{display:none}.om-faq summary::after{content:"+";position:absolute;right:4px;top:-2px;font-size:22px;line-height:1;color:#075fff}.om-faq details[open] summary::after{content:"3"}.om-faq details p{margin:8px 0 0}.om-links ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0}.om-links a{display:inline-block;padding:8px 14px;border:1px solid #cad2df;border-radius:999px;text-decoration:none}.om-quellen{font-size:14px;color:#4c586b;margin:20px 0}html body a.om-button,html body a.om-button:visited{color:#fff;text-decoration:none}body[data-jump-mask="1"][data-home-tab="hotel"] .flight-hero.flight-hero-plain{height:auto;min-height:0}

/* Kartenreihen symmetrisch (SASAN-FREIGABE 19.10.2026 11:42 „Muss überall jetzt so benutzen“): PC und iPad gleiche Spaltenzahl, iPhone 1 */
.lm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.lm-grid{grid-template-columns:minmax(0,1fr)}}

/* K205: Angebots-Karten (gleich wie mietwagen-ort.css) */
.ra-section{margin:24px 0;padding:clamp(18px,3vw,28px);background:#fff;border:1px solid #cad2df;border-radius:12px}
.ra-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.ra-head h2{margin:0 0 6px}.ra-lead{margin:0;color:#4c586b;font-size:15px}.ra-logo{flex:none;height:auto;max-width:96px}
.ra-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ra-card{display:flex;flex-direction:column;min-width:0;border:1px solid #cad2df;border-radius:12px;background:#fff;overflow:hidden}
.ra-media{position:relative}.ra-media img{display:block;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;background:#eef2f7}
.ra-rating{position:absolute;left:10px;bottom:10px;display:flex;align-items:baseline;gap:5px;margin:0;padding:5px 9px;border-radius:8px;background:#0c1f44;color:#fff;font-size:13px;line-height:1.2}
.ra-body{display:flex;flex-direction:column;gap:6px;flex:1;padding:14px}.ra-body h3{margin:0;font-size:1rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ra-stars{display:flex;gap:2px;margin:0}.ra-star{width:15px;height:15px;fill:#f5a700}.ra-star.is-off{fill:#d5dbe5}
.ra-place{display:flex;align-items:center;gap:5px;margin:0;color:#4c586b;font-size:14px}.ra-place svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:2}.ra-place span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ra-price{margin:4px 0 8px;font-size:13px;color:#4c586b}.ra-price b{display:block;font-size:1.45rem;line-height:1.2;color:#0c1f44}
.mietwagen-ort .ra-button,.ra-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:0;border-radius:8px;background:#075fff;color:#fff;font:700 15px/1.2 inherit;text-decoration:none;cursor:pointer}
.ra-note{margin:14px 0 0;font-size:13px;color:#4c586b}
@media(max-width:700px){.ra-grid{grid-template-columns:minmax(0,1fr)}.ra-head{flex-direction:column-reverse;gap:8px}}
/* Sasan 19.10. 13:3x über 04: ganze Karte antippbar (Stretched Link, zentral/MUSTER-KARTE-GANZ-KLICKBAR.md) */
.trivago-card{position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(23,101,187,.12)}.trivago-card .trivago-button::after{content:"";position:absolute;inset:0;z-index:1}:where(.trivago-card :is(button,a,input,select,summary):not(.trivago-button)){position:relative;z-index:2}.trivago-card:has(.trivago-button:focus-visible){outline:2px solid #1765bb;outline-offset:2px}.trivago-card .trivago-button:focus-visible{outline:none}.ra-card{position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(23,101,187,.12)}.ra-card .ra-button::after{content:"";position:absolute;inset:0;z-index:1}:where(.ra-card :is(button,a,input,select,summary):not(.ra-button)){position:relative;z-index:2}.ra-card:has(.ra-button:focus-visible){outline:2px solid #1765bb;outline-offset:2px}.ra-card .ra-button:focus-visible{outline:none}
