/* Reisebüro Traeger – Angleichung der Unterseiten an die Startseite „Horizont“ (Oktober 2026).
   Wird als letztes Stylesheet geladen. Ändert nur Erscheinungsbild: Schrift, Lesegrößen,
   Navigation, Knöpfe, Fußbereich. Inhalte, Formulare und Abläufe bleiben unverändert. */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/experience-fonts/playfair-display-600-normal.woff2) format("woff2")}
@font-face{font-family:"Playfair Display";font-style:italic;font-weight:600;font-display:swap;src:url(/assets/experience-fonts/playfair-display-600-italic.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/experience-fonts/dm-sans-400-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/experience-fonts/dm-sans-500-normal.woff2) format("woff2")}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/experience-fonts/dm-sans-600-normal.woff2) format("woff2")}

:root{
  --hz-night:#071d2b;--hz-ink:#142b35;--hz-gold:#c2a47b;--hz-gold-hi:#e3cfa8;--hz-sand-deep:#86673a;
  --hz-display:"Playfair Display","Iowan Old Style",Georgia,serif;
  --hz-body:"DM Sans","Avenir Next","Segoe UI",system-ui,sans-serif;
  --sans:var(--hz-body);
}
html body{font-family:var(--hz-body);font-size:clamp(1rem,.97rem + .15vw,1.06rem);line-height:1.62;-webkit-font-smoothing:antialiased}

/* Überschriften wie auf der Startseite */
html body :is(h1,h2,h3){font-family:var(--hz-display)!important;font-weight:600;letter-spacing:-.012em!important;line-height:1.08}
html body h4{font-family:var(--hz-body)}
html body :is(h1,h2,h3) em{font-style:italic;color:var(--hz-sand-deep)}
html body .hero :is(h1,h2) em,html body .site-footer :is(h1,h2,h3) em,html body .offers-section h2 em{color:var(--hz-gold-hi)}
html body .page-hero h1{font-size:clamp(2.6rem,6vw,5.2rem)}

/* Lesegrößen: nichts unter 13 px */
html body :is(.kicker,.qf-kicker){font-size:.8125rem!important;letter-spacing:.14em!important;font-weight:600;line-height:1.45}
html body :is(.source-note,.image-note,figcaption,.hero-caption){font-size:.8125rem!important;line-height:1.5}
html body :is(.image-source,.source-overlay,.offer-label){font-size:.75rem!important}
html body .topline{font-size:.8125rem;letter-spacing:.02em}
html body .footer-grid a:not(.wordmark){font-size:.9375rem!important}
html body .site-footer .footer-grid p,html body .site-footer .footer-bottom :is(span,a,button){font-size:.9375rem!important;line-height:1.6}
html body .cruise-details p{font-size:.875rem!important}
html body .button{font-size:.9375rem!important;font-weight:600;min-height:48px}
html body .text-link{font-size:.9375rem}
html body .mobile-dock a{font-size:.9375rem!important}

/* Wortmarke */
html body .wordmark strong{font-family:var(--hz-display)!important;font-weight:600;letter-spacing:-.01em!important;font-size:30px}
html body .wordmark strong span{color:var(--hz-gold)}
html body .wordmark>span{font-size:10px!important;letter-spacing:.32em;font-weight:600}

/* Navigation: dunkle Leiste wie die Glasleiste der Startseite */
html body .site-header{background:rgba(7,29,43,.92);color:#fff;border-color:rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3)}
html body .site-header .wordmark,html body .site-header .wordmark strong{color:#fff}
html body .menu{font-size:.95rem!important;font-weight:500}
html body .menu a{color:#fff}
html body .menu a:hover,html body .menu a[aria-current]{color:var(--hz-gold-hi)}
html body .menu .nav-cta{background:var(--hz-gold);color:var(--hz-night)!important;font-weight:600}
html body .menu .nav-cta:hover{background:var(--hz-gold-hi)}
html body .menu-toggle{font-size:.9rem!important;color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.06);min-height:44px}
html body .site-header .guest-language-control,html body .site-header .guest-language-control a{color:#fff}
@media (max-width:1100px){
  html body .menu{font-size:.95rem!important}
  html body .menu.open{background:var(--hz-night)!important;color:#fff;font-size:1.05rem!important;gap:.4rem}
  html body .menu.open a{color:#fff;min-height:44px;display:flex;align-items:center}
}

/* Knöpfe in Markenfarben */
html body .button.sand,html body .button.primary{background:var(--hz-gold);color:var(--hz-night);border-color:var(--hz-gold)}
html body .button.sand:hover,html body .button.primary:hover{background:var(--hz-gold-hi);border-color:var(--hz-gold-hi)}
html body .mobile-dock a:last-child{background:var(--hz-gold);color:var(--hz-night)}

/* Fußbereich: Datenschutzeinstellungen als Link statt schwebendem Knopf */
html body:has(.hz-privacy-open) .sm-privacy-launcher{display:none!important}
.hz-privacy-open{background:none;border:0;padding:0;color:inherit;font:inherit;font-size:.9375rem;cursor:pointer;text-align:left}
.hz-privacy-open:hover{color:var(--hz-gold-hi)}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html body .site-footer h2{font-family:var(--hz-body)!important;font-size:.8125rem!important;letter-spacing:.14em!important;text-transform:uppercase;font-weight:600;color:var(--hz-gold-hi)}
html body main :is(p,ul,dl)+:is(.button,.actions){margin-top:1.4rem}
html body .footer-bottom>div{display:flex!important;flex-wrap:wrap;gap:.6rem 1.4rem;grid-template-columns:none!important}
html body .footer-bottom>div :is(a,button){white-space:nowrap;min-height:32px;display:inline-flex;align-items:center}

/* Weiche Übergänge und Einblendungen (horizont-edges.js) */
.hz-edges .hero-inner{z-index:3}
.hz-edges :is(.hero-content,.far-hero > .wrap){position:relative;z-index:3}
.hz-edges .sea-steps{z-index:3}
.hz-edges .sea-clock{z-index:4}
.hz-pre{opacity:0;transform:translateY(24px);transition:opacity 1.1s cubic-bezier(.2,.7,.1,1),transform 1.3s cubic-bezier(.2,.7,.1,1)}
.hz-pre.hz-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.hz-pre{opacity:1;transform:none;transition:none}}
/* KI-Hinweise einmalig im Fußbereich statt auf jedem Bild */
html body :is(.image-source,.source-overlay,.hero-caption){display:none!important}
html body .site-footer .image-note{font-size:.875rem!important;opacity:.85}

/* Feinschliff Oktober 2026: lesbare Mindestgrößen im Datenschutzfenster, Kontaktzeile ohne Umbruch */
html body .sm-privacy-kicker{font-size:12px!important}
html body .sm-privacy-intro{font-size:14px!important}
html body :is(.sm-privacy-link,.sm-privacy-required,.sm-privacy-detail,.sm-privacy-choice){font-size:13px!important}
html body .world-overlay>span:first-child{font-size:.8125rem!important;letter-spacing:.08em}
html body .journey-kicker{font-family:var(--hz-body)!important;font-size:.8125rem!important;letter-spacing:.14em!important;font-weight:600;text-transform:uppercase;color:var(--hz-sand-deep)!important}
html body .compass-result strong{font-family:var(--hz-display)!important;font-weight:600;letter-spacing:-.01em}
/* Mitmach-Seiten (Reisewünsche) bringen eine helle Kopfzeile mit: auch dort die dunkle Leiste */
html body.participation-page .site-header:not(.is-solid){background:rgba(7,29,43,.92);color:#fff;border-bottom-color:rgba(255,255,255,.08)}
html body.participation-page .site-header :is(.menu-toggle,.wordmark,.wordmark strong,.menu a:not(.nav-cta)){color:#fff!important}
html body.participation-page .site-header .menu-toggle{border-color:rgba(255,255,255,.3)!important;background:rgba(255,255,255,.06)!important}
/* Feinschliff 16.10.: weitere Termine auf dem Handy als ruhige Liste statt seitlich scrollender Tabelle */
@media (max-width:640px){
  html body .reise-table-scroll{overflow:visible}
  html body .reise-table-scroll :is(table,tbody){display:block;width:100%}
  html body .reise-table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html body .reise-table-scroll tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.35rem 1rem;padding:1.05rem 0;border-bottom:1px solid rgba(20,43,53,.14)}
  html body .reise-table-scroll tr>:is(td,th){padding:0!important;border:0!important;text-align:left;background:none}
  html body .reise-table-scroll tr>td:first-child{grid-column:1/-1;font-size:.8125rem!important;letter-spacing:.08em;text-transform:uppercase;color:var(--hz-sand-deep);font-weight:600}
  html body .reise-table-scroll tr>th{grid-column:1/-1;font-family:var(--hz-display);font-size:1.15rem;line-height:1.25;font-weight:600}
  html body .reise-table-scroll tr>td:nth-child(3){align-self:center;font-weight:600}
  html body .reise-table-scroll tr>td:nth-child(4){justify-self:end;align-self:center}
}
/* Lesegrößen: Reederei-Links, Sprachwahl, Kicker der Mitmachseite */
html body :is(.cruise-source,.pt-kicker){font-size:.8125rem!important}
html body .guest-language-control{font-size:.8125rem}
/* Kopf wie auf der Startseite: Unterstrich gleitet ein, Lichtkante auf „Reise planen“ */
@media (min-width:1101px){
  html body .menu a:not(.nav-cta){position:relative}
  html body .menu a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
  html body .menu a:not(.nav-cta):hover::after{transform:scaleX(1);transform-origin:left}
}
html body .menu .nav-cta{position:relative;overflow:hidden;isolation:isolate}
html body .menu .nav-cta::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);animation:hz-shine 6.5s 2s cubic-bezier(.2,.7,.1,1) infinite}
@keyframes hz-shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:reduce){html body .menu .nav-cta::after{animation:none;opacity:0}}