/* Reisebüro Traeger – einheitlicher Kopf und Fuß für alle Seiten (18.10.2026)
   Kopf: wie auf der Startseite (fester Balken, hell oder dunkel je Fläche, beim Runterscrollen weg,
   Handy-Vollbildmenü aus dem Menüknopf). Fuß: dunkler Horizont-Fuß mit Reisewelten, Kontakt und Rechtlichem.
   Auf Unterseiten unter .rb-nav/.rb-foot gekapselt, damit die bestehenden Seitenstile unberührt bleiben. */
@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:"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")}
.rb-nav,.rb-foot{
  --rb-night:#071d2b;--rb-ink:#142b35;--rb-paper:#f7f7f2;--rb-gold:#c2a47b;--rb-gold-hi:#e3cfa8;--rb-fog:#a9bcc2;
  --rb-line-dark:rgba(227,207,168,.24);--rb-display:"Playfair Display","Iowan Old Style",Georgia,serif;
  --rb-body:"DM Sans","Avenir Next","Segoe UI",system-ui,sans-serif;
  --rb-gl:max(20px,env(safe-area-inset-left,0px));--rb-gr:max(20px,env(safe-area-inset-right,0px));--rb-ease:cubic-bezier(.2,.7,.1,1)
}
.rb-nav *,.rb-foot *{box-sizing:border-box}
.rb-nav .vh,.rb-foot .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ===== Kopf (Unterseiten) ===== */
.rb-nav{position:sticky;top:0;z-index:50;padding:env(safe-area-inset-top,0px) 0 0;color:var(--rb-ink);font-family:var(--rb-body);transition:transform .6s var(--rb-ease),color .5s}
.rb-nav .nav-bar{position:relative;isolation:isolate;max-width:1500px;height:76px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 var(--rb-gr) 0 var(--rb-gl);color:inherit}
.rb-nav::before{content:"";position:absolute;inset:0;z-index:-2;background:rgba(247,247,242,.92);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);box-shadow:0 1px 0 rgba(20,43,53,.1);transition:background .5s,box-shadow .5s}
.rb-nav.hz-dark{color:#fff}
.rb-nav.hz-dark::before{background:rgba(7,29,43,.9);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.rb-nav.hz-away{transform:translateY(-100%)}
.rb-nav .brand{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:inherit}
.rb-nav .brand small,.rb-foot .brand small{font:600 .6875rem/1 var(--rb-body);letter-spacing:.26em}
.rb-nav .brand b,.rb-foot .brand b{font-family:var(--rb-display);font-weight:600;font-size:1.5rem;letter-spacing:-.01em;line-height:1}
.rb-nav .brand b i,.rb-foot .brand b i{color:var(--rb-gold);font-style:normal}
.rb-nav nav{display:flex;align-items:center;gap:1.6rem;font-size:.94rem;font-weight:500}
.rb-nav nav>a{color:inherit;text-decoration:none}
.rb-nav nav>a:not(.btn){position:relative;padding:6px 0}
.rb-nav nav>a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s var(--rb-ease)}
.rb-nav nav>a:not(.btn):hover::after,.rb-nav nav>a[aria-current=page]::after{transform:scaleX(1);transform-origin:left}
.rb-nav .nav-bar a:not(.brand),.rb-nav .nav-bar button{min-height:44px;display:inline-flex;align-items:center}
.rb-nav .nav-bar .menu-btn{display:none}
.rb-nav .btn{display:inline-flex;align-items:center;gap:.65em;background:var(--rb-gold);color:var(--rb-night);text-decoration:none;font:600 .9rem/1.2 var(--rb-body);padding:.65em 1.1em;border-radius:999px;border:1px solid var(--rb-gold);transition:background .35s var(--rb-ease),border-color .35s;cursor:pointer;position:relative;overflow:hidden;isolation:isolate}
.rb-nav .btn:hover{background:var(--rb-gold-hi);border-color:var(--rb-gold-hi)}
.rb-nav .btn .arr{transition:transform .35s var(--rb-ease)}
.rb-nav .btn:hover .arr{transform:translate(3px,-3px)}
.rb-nav .nav-plan::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:rb-shine 6.5s 2s var(--rb-ease) infinite}
@keyframes rb-shine{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.rb-nav .guest-language-control,.rb-nav .guest-language-control a{color:inherit}
.rb-nav .guest-language-control{font-size:.8125rem}
.rb-nav :focus-visible,.rb-foot :focus-visible{outline:2px solid var(--rb-gold);outline-offset:3px;border-radius:6px}
.rb-nav .menu-btn{position:relative;width:46px;height:46px;padding:0;border:0;background:none;display:none;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:inherit;margin-right:-8px;cursor:pointer}
.rb-nav .menu-btn .vh{left:0;top:0}
.rb-nav .menu-btn i{display:block;width:24px;height:1.5px;background:currentColor;transition:transform .45s var(--rb-ease)}
.rb-nav .menu-btn[aria-expanded=true] i:first-of-type{transform:translateY(3.75px) rotate(45deg)}
.rb-nav .menu-btn[aria-expanded=true] i:last-of-type{transform:translateY(-3.75px) rotate(-45deg)}
@media (max-width:960px){
  .rb-nav .nav-bar{height:66px}
  .rb-nav .nav-bar .menu-btn{display:grid;place-content:center}
  .rb-nav nav{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;padding:calc(110px + env(safe-area-inset-top,0px)) var(--rb-gr) 40px var(--rb-gl);font-size:1rem;color:#fff;
    background:radial-gradient(120% 70% at 85% 0%,rgba(194,164,123,.16),rgba(7,29,43,0) 60%),var(--rb-night);
    visibility:hidden;clip-path:circle(0 at calc(100% - 42px) 33px);transition:clip-path .8s var(--rb-ease),visibility 0s .8s;overflow-y:auto}
  .rb-nav.open nav{visibility:visible;clip-path:circle(150% at calc(100% - 42px) 33px);transition:clip-path .8s var(--rb-ease),visibility 0s}
  .rb-nav.open{color:#fff;transform:none}
  .rb-nav.open::before{opacity:0}
  .rb-nav nav>a:not(.btn){font-family:var(--rb-display);font-weight:600;font-size:clamp(2rem,9vw,2.8rem);line-height:1.2;padding:4px 0;opacity:0;transform:translateY(18px);transition:opacity .5s,transform .7s var(--rb-ease)}
  .rb-nav nav>a:not(.btn)::after{display:none}
  .rb-nav nav .btn{margin-top:1rem;font-size:1rem}
  .rb-nav nav .btn,.rb-nav nav .guest-language-control{opacity:0;transform:translateY(18px);transition:opacity .5s,transform .7s var(--rb-ease)}
  .rb-nav.open nav>*{opacity:1!important;transform:none!important}
  .rb-nav.open nav>*:nth-child(1){transition-delay:.12s}.rb-nav.open nav>*:nth-child(2){transition-delay:.18s}.rb-nav.open nav>*:nth-child(3){transition-delay:.24s}
  .rb-nav.open nav>*:nth-child(4){transition-delay:.3s}.rb-nav.open nav>*:nth-child(5){transition-delay:.36s}.rb-nav.open nav>*:nth-child(6){transition-delay:.42s}.rb-nav.open nav>*:nth-child(7){transition-delay:.48s}
}
@media (max-width:380px){.rb-nav nav>a:not(.btn){font-size:1.9rem}}
@media (prefers-reduced-motion:reduce){.rb-nav,.rb-nav *{transition:none!important;animation:none!important}}
html{scroll-padding-top:90px}

/* ===== Fuß (alle Seiten) ===== */
.rb-foot{background:var(--rb-night);color:var(--rb-fog);font-family:var(--rb-body);font-size:.9375rem;line-height:1.6;border-top:1px solid var(--rb-line-dark);padding:clamp(48px,7vw,80px) 0 calc(30px + env(safe-area-inset-bottom,0px));margin:0}
.rb-foot .wrap{max-width:1240px;margin-inline:auto;padding-left:var(--rb-gl);padding-right:var(--rb-gr)}
.rb-foot .rb-foot-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr);gap:40px clamp(28px,5vw,72px);align-items:start}
.rb-foot a,.rb-foot button{color:inherit;text-decoration:none}
.rb-foot a:hover,.rb-foot button:hover{color:var(--rb-gold-hi)}
.rb-foot .brand{display:inline-grid;color:#fff;text-decoration:none;line-height:1}
.rb-foot .rb-foot-brand p{margin:18px 0 6px;max-width:30ch;color:#fff;font-family:var(--rb-display);font-size:1.3rem;line-height:1.35}
html body .rb-foot h2{margin:0 0 12px;font-family:var(--rb-body)!important;font-size:.8125rem!important;font-weight:600;letter-spacing:.16em!important;text-transform:uppercase;line-height:1.4;color:var(--rb-gold)}
.rb-foot .rb-foot-col{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:0}
.rb-foot .rb-foot-col p{margin:6px 0;max-width:none}
.rb-foot .rb-foot-grid a:not(.brand),.rb-foot .rb-foot-base :is(a,button){display:inline-flex;align-items:center;min-height:44px}
.rb-foot .rb-foot-base{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 2rem;margin-top:clamp(36px,5vw,56px);padding-top:14px;border-top:1px solid var(--rb-line-dark)}
.rb-foot .rb-foot-base>p{margin:0}
.rb-foot .rb-foot-base nav{display:flex;flex-wrap:wrap;gap:0 1.4rem}
.rb-foot button{background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.rb-foot .ai-note{flex-basis:100%;margin:10px 0 0;font-size:.875rem;line-height:1.55;opacity:.85;max-width:70ch}
@media (max-width:900px){.rb-foot .rb-foot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.rb-foot .rb-foot-brand{grid-column:1/-1}}
@media (max-width:600px){.rb-foot .rb-foot-grid{grid-template-columns:minmax(0,1fr);gap:32px}.rb-foot .rb-foot-base{flex-direction:column;align-items:flex-start}}
@media (max-width:760px){.rb-foot{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}
/* Startseiten-Kopf (.nav): bei geöffnetem Handy-Menü Marke und Schließen-Kreuz hell, auch über hellen Flächen */
@media (max-width:960px){.nav.open.hz-solid,.nav.open.hz-solid:not(.hz-dark){color:#fff}}
/* Keep the travel-idea copy and its complete action inside narrow columns. */
@media(max-width:700px){
 .idea .body{grid-template-columns:minmax(0,1fr)}
 .idea .body>*{min-width:0}
 .idea .meta>span{min-width:0;max-width:100%}
 .idea .tlink{white-space:normal;max-width:100%}
 .idea .tlink>span{flex-shrink:0}
}

/* Audit 25.10.2026: Mindestschrift – am Handy keine Angebots-Beschriftung unter 13 px */
@media (max-width:600px){.reise-provider,.offer-search label,.cruise-price-note,.reise-price small,.offer-label{font-size:13px!important}}
/* Audit 25.10.2026: Kennzeile im Bewertungsbereich mit ausreichendem Kontrast (4,5 : 1) auf Sand */
.trust .ab-label{color:#6e5430}