/* MeinReiseleiter.de – großes Foto über die ganze Breite, Kopf liegt darüber (Variante A), 23.10.2026 */
/* Korrekturen, die auch bei älterer style.css im Zwischenspeicher greifen */
.langs{margin-left:auto}
.book [hidden]{display:none}

body.has-hero .top{position:fixed;left:0;right:0;top:0;background:transparent;border-bottom-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:background-color .35s,border-color .35s,box-shadow .35s}
body.has-hero .top .logo,body.has-hero .top nav a{color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.45)}
body.has-hero .top .logo span{color:#ffa75e}
body.has-hero .top .langs summary{color:#fff;border-color:rgba(255,255,255,.6);background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.has-hero .top.solid{background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.5) blur(10px);backdrop-filter:saturate(1.5) blur(10px);border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(13,59,102,.10)}
body.has-hero .top.solid .logo,body.has-hero .top.solid nav a{color:var(--blue);text-shadow:none}
body.has-hero .top.solid .logo span{color:var(--accent)}
body.has-hero .top.solid .langs summary{color:var(--blue);border-color:#b9c4d1;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}

.xhero{position:relative;display:flex;align-items:flex-end;min-height:min(86vh,820px);color:#fff;background:#0d3b66;overflow:hidden;isolation:isolate}
.xhero-bg{position:absolute;inset:0;z-index:-2;margin:0}
.xhero-bg img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 45%;opacity:0;transition:opacity 1.6s ease;transform-origin:50% 40%;animation:mrKen 28s ease-in-out infinite alternate}
.xhero-bg img.on{opacity:1}
.xhero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(5,22,42,.66) 0%,rgba(5,22,42,.18) 24%,rgba(5,22,42,0) 40%,rgba(5,22,42,.42) 66%,rgba(5,22,42,.86) 100%)}
.xhero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,22,42,.58) 0%,rgba(5,22,42,.30) 38%,rgba(5,22,42,0) 64%)}
.xhero>.wrap{width:100%;padding-top:120px;padding-bottom:64px}
.xhero h1{color:#fff;font-size:clamp(34px,4.8vw,60px);line-height:1.07;letter-spacing:-.5px;margin:12px 0 14px;max-width:900px;text-shadow:0 2px 30px rgba(0,0,0,.35);text-wrap:balance;overflow-wrap:break-word}
.xhero .lead{color:rgba(255,255,255,.94);font-size:clamp(17px,1.6vw,22px);max-width:760px;margin:0;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.xhero .crumb{margin:0 0 4px}
.xhero .crumb a{color:rgba(255,255,255,.9)}
.xhero .chipline{margin:0}
.xhero .chipline li{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.xcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.xbtn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;font-size:17px;line-height:1.2;text-decoration:none;border-radius:999px;padding:15px 28px;cursor:pointer;border:0}
.xbtn.main{background:var(--accent);color:#fff;box-shadow:0 12px 34px rgba(224,122,46,.45)}
.xbtn.main:hover{background:var(--accent-d)}
.xcta .xbtn.share,.xcta .xbtn.like{position:static;width:auto;height:auto;box-shadow:none;font-size:17px;padding:14px 22px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.xcta .xbtn.like[aria-pressed="true"]{background:#fff;color:#d7263d}
.xtrust{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;padding:0;margin:30px 0 0;font-weight:700;font-size:16px;color:rgba(255,255,255,.95)}
.xtrust li{display:flex;align-items:baseline;gap:8px}
.xtrust b{font-size:22px;color:#ffb27a}
.xscroll{position:absolute;left:50%;bottom:18px;width:26px;height:42px;margin-left:-13px;border:2px solid rgba(255,255,255,.75);border-radius:15px}
.xscroll::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#fff;animation:mrDot 1.8s ease-in-out infinite}
@keyframes mrKen{from{transform:scale(1)}to{transform:scale(1.09) translateY(-1.5%)}}
@keyframes mrDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.xhero-bg img,.xscroll::after{animation:none;transition:none}}
/* Startseite */
.xhero.hero{padding:0;background:#0d3b66}
.xhero.home{min-height:min(94vh,880px);align-items:center}
.xhero.home>.wrap{padding-top:130px;padding-bottom:90px}
.xhero.home .search{max-width:680px}
.xhero.home .search label{color:#fff;font-size:18px;text-shadow:0 1px 10px rgba(0,0,0,.4)}
.xhero.home .search input{border:0;box-shadow:0 16px 44px rgba(0,0,0,.28);padding:17px 20px 17px 50px;font-size:19px;border-radius:14px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230d3b66' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.6-3.6'/%3E%3C/svg%3E") 16px 50%/22px no-repeat;color:#1c2533}
.xhero.home .chip{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.5);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.xhero.home .chip[aria-pressed="true"]{background:#fff;color:var(--blue);border-color:#fff}
.xhero.home .count{color:rgba(255,255,255,.88)}
/* Tourseite: Buchungskarte ragt ins Foto */
.xhero.tour h1{font-size:clamp(30px,3.7vw,50px);max-width:720px}
.xhero.tour .lead{max-width:640px}
@media (min-width:901px){
 body.has-hero .tour{padding-top:0}
 body.has-hero .tour-book{margin-top:-190px;position:sticky;top:92px;z-index:5}
 body.has-hero .tour-book .book{box-shadow:0 26px 64px rgba(5,22,42,.30)}
 body.has-hero .tour-main{padding-top:26px}
}
@media (max-width:900px){
 .xhero{min-height:78vh}
 .xhero>.wrap{padding-top:96px;padding-bottom:34px}
 .xhero.home{min-height:92vh}
 .xhero.home>.wrap{padding-top:96px;padding-bottom:56px}
 .xhero::after{background:linear-gradient(180deg,rgba(5,22,42,.18) 0%,rgba(5,22,42,.42) 42%,rgba(5,22,42,.72) 100%)}
 .xscroll{display:none}
 .xbtn{padding:13px 20px;font-size:16px}
 .xcta .xbtn.share,.xcta .xbtn.like{padding:12px 18px;font-size:16px}
 .xtrust{gap:6px 18px;font-size:15px}
 .xtrust b{font-size:18px}
}
body.has-hero [id]{scroll-margin-top:84px}
html[lang="ko"] .xhero h1,html[lang="ko"] .xhero .lead{word-break:keep-all}
/* Logo-Plakette: helles Feld hinter dem Logo, damit es auf jedem Foto sichtbar bleibt (23.10.2026) */
body.has-hero .top .logo{background:rgba(255,255,255,.93);border-radius:999px;padding:5px 16px 5px 6px;box-shadow:0 6px 22px rgba(5,22,42,.28);color:var(--blue);text-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .35s,box-shadow .35s}
body.has-hero .top .logo span{color:var(--accent)}
body.has-hero .top.solid .logo{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:480px){body.has-hero .top .logo{padding:4px 12px 4px 5px}}