/* Flugstrecken-Inhalt unter der Startseiten-Maske (A015, Sasan 05.10.): kompakt, freundlich, in den Farben der Startseite.
   Alles unter .catalog-content – die Startseiten-Regeln bleiben unberührt. */
body[data-suche-ziel] .home-mode-tabs { display: none; }
.catalog-content { --cc-ink: #0a2148; --cc-muted: #52637b; --cc-blue: #0755b7; --cc-orange: #d84d32; --cc-line: #dce5ee; --cc-band: #f3f8ff; color: var(--bx-ink, #0c1f44); font-family: "Segoe UI", Arial, sans-serif; background: #fff; padding-bottom: 28px; }
html body .catalog-content .shell { box-sizing: border-box; width: min(1152px, calc(100% - 7.1vw)); max-width: none; margin-inline: auto; padding-inline: 0; }
.catalog-content .crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 14px 0 4px; color: var(--cc-muted); font-size: .8rem; }
.catalog-content .crumbs a { color: var(--cc-muted); text-decoration: none; }
.catalog-content .crumbs a:hover { color: var(--bx-brand, #075fff); text-decoration: underline; }
.catalog-content .intro-strip { margin-top: 10px; background: var(--cc-band); border-block: 1px solid var(--cc-line); }
.catalog-content .intro-inner { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 12px 0; }
.catalog-content .intro-inner > p { margin: 0; max-width: 480px; color: var(--cc-muted); font-size: .85rem; }
.catalog-content .route-line { display: flex; align-items: center; gap: 12px; font-weight: 750; }
.catalog-content .route-line .code { font-size: 1.1rem; letter-spacing: -.02em; }
.catalog-content .route-line small { display: block; color: var(--cc-muted); font-size: .7rem; font-weight: 600; letter-spacing: 0; }
.catalog-content .route-line .line { position: relative; width: 70px; height: 1px; background: #9bb6d6; }
.catalog-content .route-line .line::after { content: ""; position: absolute; right: 0; top: -3px; width: 7px; height: 7px; border-top: 1px solid #9bb6d6; border-right: 1px solid #9bb6d6; transform: rotate(45deg); }
.catalog-content .content { padding: 22px 0 8px; }
.catalog-content .destination-story { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.catalog-content .destination-story > .section { margin: 0; min-width: 0; }
.catalog-content .destination-story > .section:first-child,
.catalog-content .destination-story > .section:has(.directory-grid),
.catalog-content .destination-story > .source-note { grid-column: 1 / -1; }
.catalog-content .destination-module { padding: 18px; }
.catalog-content .destination-module p { line-height: 1.6; }
.catalog-content .destination-variant-1 > .destination-module:first-of-type,
.catalog-content .destination-variant-3 > .destination-module:last-of-type { grid-column: 1 / -1; }
.catalog-content .destination-variant-2 > .destination-module { border-left: 4px solid var(--cc-blue); }
.catalog-content .destination-variant-3 > .destination-module { background: var(--cc-band); }
@media (max-width: 700px) { .catalog-content .destination-story { grid-template-columns: minmax(0, 1fr); } .catalog-content .destination-story > .section { grid-column: 1; } }
.catalog-content .section { margin-top: 28px; }
.catalog-content .section:first-child { margin-top: 0; }
.catalog-content .section-head { margin-bottom: 12px; }
.catalog-content h2 { margin: 0; font: 800 clamp(1.3rem, 2.1vw, 1.7rem)/1.2 "Segoe UI", Arial, sans-serif; letter-spacing: -.025em; color: var(--bx-ink, #0c1f44); }
.catalog-content .section-head h2::before { content: "FLUGSTRECKE"; display: block; margin-bottom: 4px; font: 800 .68rem/1 "Segoe UI", Arial, sans-serif; letter-spacing: .16em; color: var(--bx-brand, #075fff); }
.catalog-content .section-head p { margin: 4px 0 0; max-width: 640px; color: var(--cc-muted); font-size: .9rem; }
.catalog-content h3 { margin: 0 0 6px; font-size: 1rem; font-weight: 750; color: var(--bx-ink, #0c1f44); }
.catalog-content .surface, .catalog-content .price-card, .catalog-content .info, .catalog-content .airport-card, .catalog-content .fact { background: #fff; border: 1px solid var(--cc-line); border-radius: 14px; box-shadow: 0 6px 18px rgb(12 38 78 / 7%); }
.catalog-content .price-grid, .catalog-content .info-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.catalog-content .price-card { padding: 16px 18px; }
.catalog-content .price-card .kind { font-size: .95rem; }
.catalog-content .price-card .amount { margin: 6px 0 2px; font-size: 1.15rem; font-weight: 800; color: var(--cc-blue); }
.catalog-content .price-card .amount strong { font-size: 1.9rem; letter-spacing: -.04em; }
.catalog-content .price-card .meta { margin: 0; color: var(--cc-muted); font-size: .82rem; }
.catalog-content .price-card .foot { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--cc-line); }
.catalog-content .overview-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(260px, .8fr); gap: 14px; align-items: start; }
.catalog-content .fact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0; }
.catalog-content .fact { padding: 12px 14px; }
.catalog-content .fact dt { font-size: .76rem; font-weight: 700; color: var(--cc-muted); }
.catalog-content .fact dd { margin: 3px 0 0; font-size: 1rem; font-weight: 800; }
.catalog-content .fact small { display: block; margin-top: 2px; color: var(--cc-muted); font-size: .74rem; }
.catalog-content .airport-card { padding: 16px 18px; }
.catalog-content .airport-card ul { margin: 6px 0 0; padding: 0; list-style: none; }
.catalog-content .airport-card li a { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid var(--cc-line); font-size: .88rem; }
.catalog-content .info, .catalog-content .destination-module { max-width: 68ch; border: 0; border-left: 4px solid var(--cc-blue); border-radius: 0; box-shadow: none; padding: 16px 18px; }
.catalog-content .route-links { display: grid; gap: 4px; }
.catalog-content .route-links a, .catalog-content .airport-card a, .catalog-content .text-button, .catalog-content .price-basis summary { color: var(--cc-blue); font-weight: 700; text-decoration: none; }
.catalog-content .route-links a { padding: 6px 0; font-size: .9rem; }
.catalog-content .route-links small { margin-left: 6px; color: var(--cc-muted); font-weight: 500; }
.catalog-content a:hover { text-decoration: underline; }
.catalog-content .detail-note, .catalog-content .soft-note, .catalog-content .source-note { margin: 10px 0 0; color: var(--cc-muted); font-size: .8rem; }
.catalog-content .text-button { padding: 4px 0; border: 0; background: none; cursor: pointer; font: inherit; font-weight: 700; }
.catalog-content .button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 20px; border-radius: 9px; background: var(--bx-brand); color: #fff; font-weight: 750; text-decoration: none; }
.catalog-content .button:hover { background: var(--bx-brand-hover); text-decoration: none; }
.catalog-content .empty-connections { padding: 16px 18px; }
.catalog-content .empty-connections p { margin: 0 0 12px; color: var(--cc-muted); font-size: .9rem; }
.catalog-content .bottom-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); gap: 18px; align-items: start; }
.catalog-content details { border-bottom: 1px solid var(--cc-line); padding: 9px 0; }
.catalog-content summary { cursor: pointer; font-weight: 700; font-size: .95rem; }
.catalog-content details p { margin: 8px 0 0; color: var(--cc-muted); font-size: .88rem; }
.catalog-content .directory { padding: 20px 0 8px; }
.catalog-content .directory-grid, .catalog-content .country-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }
.catalog-content .directory-grid a { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 12px 14px; background: #fff; border: 1px solid var(--cc-line); border-radius: 12px; color: var(--bx-ink, #0c1f44); text-decoration: none; box-shadow: 0 4px 12px rgb(12 38 78 / 6%); }
.catalog-content .directory-grid a:hover { border-color: var(--bx-brand, #075fff); text-decoration: none; }
.catalog-content .directory-grid span { color: var(--cc-muted); font-size: .8rem; }
.catalog-content .country-links a { display: block; padding: 8px 12px; background: var(--cc-band); border-radius: 9px; color: var(--bx-brand, #075fff); font-weight: 650; text-decoration: none; }
.catalog-content .price-origin-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 12px; padding: 14px 16px; }
.catalog-content .price-origin-filter .field span { display: block; margin-bottom: 4px; font-size: .76rem; font-weight: 700; color: var(--cc-muted); }
.catalog-content .price-origin-filter select { min-height: 44px; padding: 0 10px; border: 1px solid var(--cc-line); border-radius: 9px; background: #fff; }
.catalog-content .pagination { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 14px; }
.catalog-content .price-status-dot { display: inline-block; width: 8px; height: 8px; margin-right: 6px; border-radius: 50%; background: #11674d; }
@media (max-width: 800px) {
  html body .catalog-content .shell { width: calc(100% - 32px); }
  .catalog-content .intro-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
  .catalog-content .price-grid, .catalog-content .info-grid, .catalog-content .overview-grid, .catalog-content .bottom-grid { grid-template-columns: 1fr; }
  .catalog-content .fact-grid, .catalog-content .directory-grid, .catalog-content .country-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .catalog-content .fact-grid, .catalog-content .directory-grid, .catalog-content .country-links { grid-template-columns: 1fr; }
}
/* K046 Routenblock „Unterkunft in <Ziel>“ + „Flug + Hotel“ – nur Inhaltsbereich unter der Flugsuche.
   Eigene Klassen .rb-*, keine Abhängigkeit von Shop-CSS. Farben/Schrift wie fluege.billigxxl.de (Segoe UI, #0c1f44, #075fff). */
.rb{--rb-ink:#0c1f44;--rb-muted:#56697f;--rb-line:#c9d6e6;--rb-blue:#075fff;--rb-bg:#fff;margin:28px 0;font-family:"Segoe UI",Arial,sans-serif;color:var(--rb-ink)}
.rb *{box-sizing:border-box}
.rb-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;margin:0 0 14px}
.rb-head h2{margin:0;font-size:clamp(22px,2.4vw,27px);line-height:1.2;font-weight:800;letter-spacing:0}
.rb-ad{font-size:12px;line-height:1.4;color:var(--rb-muted)}
.rb-trip{margin:0 0 14px;font-size:15px;line-height:1.5;color:var(--rb-muted)}
.rb-trip strong{color:var(--rb-ink);font-weight:700}
.rb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 18px;padding:0;list-style:none}
.rb-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:18px;border:1px solid var(--rb-line);border-radius:14px;background:var(--rb-bg)}
.rb-partner{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rb-muted)}
.rb-title{margin:0;font-size:18px;line-height:1.3;font-weight:800}
.rb-text{margin:0 0 8px;font-size:15px;line-height:1.5;color:var(--rb-muted)}
.rb-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin-top:auto;padding:0 18px;border-radius:10px;background:var(--rb-blue);color:#fff;font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}
.rb-cta:hover{background:#0550d6}
.rb-cta:focus-visible{outline:3px solid var(--rb-blue);outline-offset:3px}
.rb-cta span[aria-hidden]{font-size:18px}
.rb-sub{margin:22px 0 10px;font-size:18px;line-height:1.3;font-weight:800}
@media(max-width:700px){
  .rb{margin:22px 0}
  .rb-grid{grid-template-columns:1fr;gap:12px}
  .rb-card{padding:16px}
  .rb-cta{min-height:52px;font-size:17px}
}
.catalog-content .facts-table { width: 100%; max-width: 640px; border-collapse: collapse; margin: 0 0 12px; }
.catalog-content .facts-table th, .catalog-content .facts-table td { padding: 8px 10px; border-bottom: 1px solid #e3e8ef; text-align: left; font-weight: 400; }
.catalog-content .facts-table td { text-align: right; font-variant-numeric: tabular-nums; font-weight: 600; }
/* K191 Muster-Bausteine Strecke (billig-fliegen-nach-mallorca.html) */
.catalog-content .mu-sec{background:#fff;border-radius:14px;padding:18px;margin:16px 0;box-shadow:0 1px 3px #0001}
.catalog-content .mu-sec h2{font-size:22px;margin:.1em 0 .6em}
.catalog-content .mu-tab{overflow-x:auto}
.catalog-content .mu-tab table{width:100%;border-collapse:collapse;font-size:15px}
.catalog-content .mu-tab th,.catalog-content .mu-tab td{padding:9px 8px;border-bottom:1px solid #e3e6ec;text-align:left}
.catalog-content .mu-tab th{font-size:13px;color:#5b6475;font-weight:500}
.catalog-content .mu-akt td{font-weight:700}
.catalog-content .mu-preis{font-weight:800;color:#0a8a4a;white-space:nowrap}
.catalog-content .mu-btn{display:inline-block;background:#fd6318;color:#fff;text-decoration:none;font-weight:700;border-radius:8px;padding:7px 12px;font-size:14px;white-space:nowrap}
.catalog-content .mu-stand{font-size:13px;color:#5b6475;margin:8px 0 0}
.catalog-content .mu-monate{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;align-items:end;height:160px;margin-top:8px}
.catalog-content .mu-monate div{background:#075fff;border-radius:4px 4px 0 0;position:relative}
.catalog-content .mu-monate div.mu-tief{background:#0a8a4a}
.catalog-content .mu-wert{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.catalog-content .mu-mlab{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;font-size:12px;color:#5b6475;text-align:center}
.catalog-content .mu-tipps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.catalog-content .mu-tipp{border:1px solid #e3e6ec;border-radius:10px;padding:12px}.catalog-content .mu-tipp b{display:block;margin-bottom:4px}
.catalog-content .mu-partner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.catalog-content .mu-pk{border:1px solid #e3e6ec;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:6px}
.catalog-content .mu-pk .mu-btn{align-self:flex-start}
.catalog-content .mu-anz{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#5b6475}
.catalog-content .mu-links{display:flex;flex-wrap:wrap;gap:8px}.catalog-content .mu-links a{background:#eef3ff;border-radius:20px;padding:6px 12px;text-decoration:none;font-size:14px}
.catalog-content .mu-fakten{background:#0c1f44;color:#fff}.catalog-content .mu-fakten a{color:#9cc2ff}.catalog-content .mu-fakten li{margin:.25em 0}
@media (max-width:600px){.catalog-content .mu-sec{padding:14px}.catalog-content .mu-tab th,.catalog-content .mu-tab td{padding:8px 5px;font-size:14px}}
.catalog-content .mu-monate .mb-h5{height:5%}
.catalog-content .mu-monate .mb-h10{height:10%}
.catalog-content .mu-monate .mb-h15{height:15%}
.catalog-content .mu-monate .mb-h20{height:20%}
.catalog-content .mu-monate .mb-h25{height:25%}
.catalog-content .mu-monate .mb-h30{height:30%}
.catalog-content .mu-monate .mb-h35{height:35%}
.catalog-content .mu-monate .mb-h40{height:40%}
.catalog-content .mu-monate .mb-h45{height:45%}
.catalog-content .mu-monate .mb-h50{height:50%}
.catalog-content .mu-monate .mb-h55{height:55%}
.catalog-content .mu-monate .mb-h60{height:60%}
.catalog-content .mu-monate .mb-h65{height:65%}
.catalog-content .mu-monate .mb-h70{height:70%}
.catalog-content .mu-monate .mb-h75{height:75%}
.catalog-content .mu-monate .mb-h80{height:80%}
.catalog-content .mu-monate .mb-h85{height:85%}
.catalog-content .mu-monate .mb-h90{height:90%}
.catalog-content .mu-monate .mb-h95{height:95%}
.catalog-content .mu-monate .mb-h100{height:100%}
.catalog-content .mu-antwort{background:#fff;border-left:5px solid #0a8a4a;border-radius:10px;padding:14px 16px;margin:16px 0;font-size:17px;line-height:1.5;max-width:70ch;box-shadow:0 1px 3px #0001}
.catalog-content .mu-antwort .mu-stand{display:block;margin-top:6px}
@media (max-width:600px){.catalog-content .mu-antwort{font-size:16px}}
.catalog-content .mu-fakten h2{color:#fff}
.catalog-content .mu-faq details{border-bottom:1px solid #e3e6ec;padding:10px 0}.catalog-content .mu-faq summary{font-weight:700;cursor:pointer}.catalog-content .mu-faq p{margin:.5em 0 0}
/* 01 04:04 (Vorgabe 04 ≤ 90 px): Kopf ohne Bild wächst mit dem Text, Abstand Antwortsatz → Maske klein */
html body section.flight-hero.flight-hero-plain{height:auto;min-height:0;padding-bottom:100px}
html body section.flight-hero.flight-hero-plain .flight-hero-copy{position:relative;inset:auto;padding-top:56px;padding-bottom:0}
@media(max-width:760px){html body section.flight-hero.flight-hero-plain{padding-bottom:50px}html body section.flight-hero.flight-hero-plain .flight-hero-copy{padding-top:28px}}

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