/* Reisebüro Startseite gestrafft (21.10.2026): Kreuzfahrt-Kapitel, Kachel-Raster, Laufband, Persönlich */
.rb-kreuz .txt .lead+.lead{margin-top:1rem}
.rb-links{display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin-top:1.2rem}
.rb-sublabel{margin-top:clamp(36px,5vw,64px);color:var(--gold-ink)}
.rb-kreuz .lines{margin-top:18px}
.rb-kreuz .finder{margin-top:clamp(32px,4vw,56px)}

/* Kachel-Raster */
.rb-bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(220px,19vw,300px)}
.rb-bento .world{aspect-ratio:auto;height:100%;border-radius:22px}
.rb-bento .rb-t-big{grid-column:span 2;grid-row:span 2}
.rb-bento .rb-t-sea,.rb-bento .rb-t-far{grid-column:span 1;grid-row:span 1}
.rb-bento .rb-t-honey{grid-column:span 2}
.rb-bento .rb-t-wedding{grid-column:span 2}
.rb-bento .rb-t-offer{grid-column:span 2}
.rb-bento .world::before{background:linear-gradient(0deg,rgba(7,29,43,.96) 0%,rgba(7,29,43,.78) 42%,rgba(7,29,43,.25) 75%,rgba(7,29,43,.05) 100%)}
.rb-bento .world .label{text-shadow:0 1px 10px rgba(7,29,43,.6)}
.rb-bento .world h3{font-size:clamp(1.5rem,2.2vw,2.2rem)}
.rb-bento .rb-t-big h3{font-size:clamp(2rem,3.4vw,3rem)}
.rb-bento .rb-txt{font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.88);max-width:42ch}
.rb-bento .rb-t-sea .rb-txt,.rb-bento .rb-t-far .rb-txt{display:none}
/* Lichtkegel im Inneren, folgt der Maus (Position setzt horizont.js über --mx/--my) */
.rb-bento .world .in::before{content:"";position:absolute;inset:-200% -50% -10%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .5s var(--ease);background:radial-gradient(420px circle at var(--mx) calc(var(--my) + 200%),rgba(227,207,168,.18),transparent 60%)}
.rb-bento .world:hover .in::before{opacity:1}
.rb-honey-note{margin-top:clamp(22px,3vw,34px);max-width:68ch;color:var(--ink-soft)}
.rb-honey-note strong{color:var(--ink);font-weight:600}
.rb-welten .rb-links{margin-top:.8rem}

/* Laufband */
.rb-mq{grid-template-columns:minmax(0,1fr);margin-top:clamp(36px,5vw,64px);display:grid;gap:clamp(18px,2.4vw,28px);border-top:1px solid var(--line);padding-top:clamp(22px,3vw,32px)}
.rb-mq-row{min-width:0}
.rb-mq-row .ab-label{margin-bottom:.7rem}
.rb-mq-view{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.rb-mq-track{display:flex;width:max-content}
.rb-mq-set{display:flex;align-items:center;gap:clamp(22px,3vw,44px);padding-right:clamp(22px,3vw,44px)}
.rb-mq-set span,.rb-mq-set a{font-family:var(--ab-display);font-size:clamp(1.15rem,1.7vw,1.5rem);color:var(--ink);white-space:nowrap;text-decoration:none}
.rb-mq-set a{border-bottom:1px solid rgba(20,43,53,.25);padding:6px 0;min-height:44px;display:inline-flex;align-items:center}
.rb-mq-set a:hover,.rb-mq-set a:focus-visible{color:var(--gold-ink);border-color:var(--gold-ink)}
.rb-mq-set span{color:var(--ink-soft)}
.rb-mq-set span::after{content:"·";margin-left:clamp(22px,3vw,44px);color:var(--gold)}
/* Bewegung nur mit JS-Klasse; ohne JS und bei reduzierter Bewegung umbrechende statische Zeile */
.rb-mq:not(.rb-mq-on) .rb-mq-set[aria-hidden="true"]{display:none}
.rb-mq:not(.rb-mq-on) .rb-mq-track,.rb-mq:not(.rb-mq-on) .rb-mq-set{width:auto;flex-wrap:wrap;row-gap:.4rem}
.rb-mq:not(.rb-mq-on) .rb-mq-view{-webkit-mask:none;mask:none}
.rb-mq-on .rb-mq-track{animation:rbMq var(--rb-mq-dur,48s) linear infinite}
.rb-mq-on .rb-mq-rev .rb-mq-track{animation-direction:reverse;--rb-mq-dur:62s}
.rb-mq-on .rb-mq-row:hover .rb-mq-track,.rb-mq-on .rb-mq-row:focus-within .rb-mq-track{animation-play-state:paused}
@keyframes rbMq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.rb-mq-on .rb-mq-track{animation:none}}

/* Persönlich */
.rb-plan{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--line)}
.rb-plan-h{font-family:var(--ab-display);font-size:clamp(1.7rem,2.8vw,2.5rem);line-height:1.15;font-weight:500;margin-top:.5rem}
.rb-plan-btn{margin-top:1.6rem}
.rb-plan h3:not(.rb-plan-h){font-size:1.15rem;margin-bottom:.8rem}
.rb-trust{margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,52px);border-top:1px solid var(--line)}
.rb-trust .t-grid{margin-top:clamp(20px,3vw,32px)}

@media (max-width:860px){
 /* Kacheln am Handy als wischbare Reihe statt sechs gestapelter Bilder */
 .rb-bento{display:flex;grid-template-columns:none;grid-auto-rows:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-left:calc(-1*var(--rb-gut,20px));margin-right:calc(-1*var(--rb-gut,20px));padding:0 var(--rb-gut,20px) 6px;scroll-padding:0 var(--rb-gut,20px);scrollbar-width:none}
 .rb-bento::-webkit-scrollbar{display:none}
 .rb-bento .world{flex:0 0 78%;height:auto;aspect-ratio:4/5;scroll-snap-align:start}
 .rb-bento .rb-txt{display:none}
 .rb-bento .world h3,.rb-bento .rb-t-big h3{font-size:1.75rem}
 .rb-plan{grid-template-columns:1fr}
 /* Band randlos, Überschriften behalten den Seitenrand */
 .rb-mq-view{margin-left:calc(-1*var(--rb-gut,20px));margin-right:calc(-1*var(--rb-gut,20px))}
}