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