/* Mobile composition. The approved desktop layouts retain their own rules. */
.mobile-faq,.mobile-coast-nav,.mobile-hotel-toggle{display:none}
@media (max-width:720px), (pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html{--gutter:24px;scroll-padding-top:24px}
 html body.editorial-site{overflow-x:clip;overflow-y:visible}
 html body.editorial-site .wrap{width:calc(100% - 48px);max-width:600px}
 html body.editorial-site .site-header{height:72px;padding:0 24px;color:#fff;background:transparent;z-index:10}
 html body.editorial-site .site-header .wordmark{font-size:27px;line-height:1}
 html body.editorial-site .site-header .wordmark span{font-size:7px;margin-top:7px;letter-spacing:.4em}
 html body.editorial-site .site-header>nav:not(.mobile-nav){display:none}
 html body.editorial-site .display-open{display:none!important}
 html body.editorial-site .menu-toggle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:48px;padding:0;color:#fff;font-size:0;line-height:1}
 html body.editorial-site .menu-toggle span{font-size:28px;line-height:1;letter-spacing:-.18em;transform:translateX(-2px)}
 html body.editorial-site .mobile-nav{top:72px;left:16px;right:16px;padding:16px 20px;background:#fff;color:var(--ink);box-shadow:0 12px 40px #001a2f1a;z-index:12}
 html body.editorial-site .mobile-nav a{min-height:48px;font-size:16px;display:flex;align-items:center}
 html body.editorial-site #start .stage{position:relative;min-height:var(--mobile-viewport-height,100dvh)!important;height:var(--mobile-viewport-height,100dvh)!important;overflow:hidden}
 html.scrub body.editorial-site #start{height:var(--mobile-track-height,480svh)!important}
 html.scrub body.editorial-site #start .stage{position:sticky;top:0}
 html body.editorial-site #start .scene{top:0;left:0;width:100%;height:100%;background:var(--ink);transform:none!important;clip-path:none}
 html body.editorial-site #start .scene img,html body.editorial-site #start .scene video{object-fit:cover;object-position:50% 50%;max-width:none}
 html body.editorial-site #start .scene::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#021c3159,transparent 23%);z-index:2}
 html body.editorial-site #start .hero-copy{position:absolute;inset:auto 24px 116px!important;width:auto!important;max-width:none!important;display:block!important;translate:none!important;transform:none!important;color:white;isolation:isolate}
 html body.editorial-site #start .hero-copy::before{content:''!important;display:block!important;position:absolute;inset:-90px -24px -100px!important;max-width:none;background:linear-gradient(0deg,rgba(3,28,42,.86),rgba(3,28,42,.58) 63%,transparent)!important;z-index:-1}
 html body.editorial-site #start .hero-title .eyebrow{color:#fff!important;font-size:10px!important;letter-spacing:.12em;margin:0 0 18px!important}
 html body.editorial-site #start .hero-title h1{font-size:clamp(40px,11.4vw,51px)!important;line-height:1.03!important;letter-spacing:-.055em;max-width:15ch!important;color:#fff}
 html body.editorial-site #start .hero-action{margin:23px 0 0!important;padding:0!important;transform:none!important;border:0;max-width:none!important;width:auto!important}
 html body.editorial-site #start .hero-intro{display:none!important}
 html body.editorial-site #start .hero-cta{width:auto!important}
 html body.editorial-site #start .hero-cta .button{width:auto!important;min-height:50px!important;font-size:14px!important;padding:15px 22px!important;margin:0!important}
 html body.editorial-site #start .film-toolbar{left:24px;right:24px;bottom:22px;color:white;justify-content:center}
 html body.editorial-site #start .journey-cue{font-size:12px;letter-spacing:.025em;color:white;gap:12px;text-shadow:0 1px 10px #002337cc}
 html body.editorial-site #start .loader{width:38px;height:38px}
 html body.editorial-site #start .film-caption{left:24px;right:24px;max-width:calc(100% - 48px);top:18%;text-shadow:0 2px 20px #00233799}
 html body.editorial-site #start .film-caption>strong{font-size:clamp(36px,10.8vw,48px);max-width:10ch}
 html body.editorial-site #start .film-caption>span{font-size:10px;max-width:24ch;line-height:1.5}
 html body.editorial-site #start .settle-copy{position:absolute;left:24px!important;right:24px!important;top:auto!important;bottom:116px!important;max-width:none!important;transform:none!important;color:#fff;text-shadow:0 2px 18px #002337cc;z-index:5}
 html body.editorial-site #start .settle-copy::before{content:'';position:absolute;inset:-34px -24px -34px;background:linear-gradient(0deg,#032838d9,transparent);z-index:-1;pointer-events:none}
 html body.editorial-site #start .settle-copy h2{font-size:clamp(33px,9vw,42px)!important;line-height:1.06!important;max-width:14ch}
 html body.editorial-site #start .settle-copy p{font-size:15px!important;line-height:1.65!important;max-width:34ch!important;margin:20px 0 12px!important}
 html body.editorial-site #start .settle-copy .text-link{min-height:44px;font-size:13px!important;display:inline-flex;align-items:center;color:#fff!important}

 /* Spacing and type belong to the narrow reading column, not the desktop grid. */
 html body.editorial-site main>section:not(.journey){height:auto!important;min-height:0!important;max-height:none!important;padding:80px 0!important;overflow:visible!important}
 html body.editorial-site main>section:not(.journey) h2{font-size:clamp(36px,10.2vw,46px)!important;line-height:1.08!important;letter-spacing:-.05em!important}
 html body.editorial-site main>section:not(.journey) .eyebrow{font-size:10px!important;line-height:1.5!important;letter-spacing:.11em!important;margin-bottom:20px!important}
 html body.editorial-site .button{min-height:52px;font-size:14px;line-height:1.4}
 /* Section entrances are owned by chapter-design.js on mobile as well. */
 html.mobile-ready body.editorial-site :is(#vergleich,#ueber-uns,#reiseauswahl,#ablauf,#regionen,#regionen-check,#faq,#anfrage) [data-mobile-reveal]{opacity:0!important;transform:translateY(18px)!important;transition:opacity .6s ease,transform .75s cubic-bezier(.2,.7,.2,1)!important;transition-delay:0s!important;clip-path:none!important}
 html.mobile-ready body.editorial-site :is(#vergleich,#ueber-uns,#reiseauswahl,#ablauf,#regionen,#regionen-check,#faq,#anfrage) [data-mobile-reveal].mobile-in{opacity:1!important;transform:none!important}

 #vergleich>.wrap{display:block!important;height:auto!important}
 #vergleich .p-opening{display:block!important;margin:0!important;padding:0!important}
 #vergleich .p-opening h2{max-width:12ch!important}
 #vergleich .p-opening>p{font-size:16px!important;line-height:1.7!important;max-width:32ch!important;margin:23px 0 28px!important}
 html body.editorial-site #vergleich .p-opening .flow-switch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;max-width:none!important;gap:4px!important;padding:4px!important;margin:0 0 30px!important;min-height:54px!important;border:1px solid var(--line)!important}
 html body.editorial-site #vergleich .p-opening .flow-switch button{min-height:46px!important;width:100%!important;padding:10px 8px!important;font-size:12px!important;letter-spacing:0!important;white-space:normal!important;box-shadow:none!important}
 #vergleich .p-discovery,#vergleich .p-example{display:none!important;height:auto!important;padding:0!important;margin:0!important;grid-area:auto!important}
 #vergleich .p-discovery.flow-active,#vergleich .p-example.flow-active{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important}
 #vergleich .p-landscape{height:auto!important;aspect-ratio:5/4!important;width:100%!important;margin:0 0 30px!important;box-shadow:none!important}
 #vergleich .p-landscape img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:50% 46%!important;transform:none!important}
 #vergleich .p-services{display:block!important;padding:0!important;margin:0!important}
 #vergleich .p-services article{padding:24px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important}
 #vergleich .p-services article:first-child{padding-top:0!important}
 #vergleich .p-services h3{font-size:29px!important;line-height:1.15!important;margin:0 0 13px!important}
 #vergleich .p-services p{font-size:16px!important;line-height:1.65!important;max-width:34ch!important}
 #vergleich .p-services .p-separate{font-size:13px!important;line-height:1.6!important;margin-top:13px!important}
 #vergleich .p-services .booking-details-trigger{font-size:13px!important;min-height:44px!important;margin-top:10px!important;padding:10px 0!important;font-weight:700!important}
 #vergleich .booking-details-trigger::before{display:none!important}
 #vergleich .p-example-heading{display:block!important;padding:0!important;margin:0 0 26px!important}
 #vergleich .p-example-context{padding:0!important;max-width:none!important;border:0!important}
 #vergleich .p-example-context span{font-size:10px!important;letter-spacing:.1em!important}
 #vergleich .p-example-context p{font-size:17px!important;line-height:1.55!important;margin-top:10px!important;max-width:30ch!important}
 #vergleich .p-options{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;gap:14px!important;grid-template-areas:none!important;grid-template-rows:none!important}
 #vergleich .p-options>article,#vergleich .p-options>article:nth-child(n){grid-area:auto!important;width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;position:relative!important;display:block!important;margin:0!important;padding:26px!important;overflow:hidden!important;box-shadow:none!important;box-sizing:border-box!important}
 #vergleich .p-options .p-chosen{padding:30px 26px!important;min-height:470px!important}
 #vergleich .p-options .p-chosen .p-option-label{font-size:11px!important;line-height:1.5!important;letter-spacing:.08em!important}
 #vergleich .p-options .p-chosen h4{font-size:46px!important;line-height:1.06!important;max-width:8ch!important;margin:26px 0!important}
 #vergleich .p-options .p-chosen li{font-size:16px!important;line-height:1.55!important}
 #vergleich .p-options .p-recommendation{padding-top:22px!important;margin-top:25px!important}
 #vergleich .p-recommendation>span{font-size:10px!important;line-height:1.5!important}
 #vergleich .p-recommendation p{font-size:14px!important;line-height:1.7!important;margin-top:10px!important}
 #vergleich .p-options>article:not(.p-chosen)>span,#vergleich .p-options>article:not(.p-chosen)>h4{display:none!important}
 #vergleich .p-options>article:not(.p-chosen){padding:0!important}
 #vergleich .mobile-hotel-toggle{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;text-align:left;padding:25px 26px;color:white;position:relative;z-index:1;min-height:120px;background:transparent;border:0}
 #vergleich .mobile-hotel-toggle span{display:block;font-size:11px;letter-spacing:.1em;margin-bottom:8px}
 #vergleich .mobile-hotel-toggle strong{display:block;font-size:28px;font-weight:400;line-height:1.14;letter-spacing:-.035em}
 #vergleich .mobile-hotel-toggle i{font-size:25px;font-style:normal;font-weight:400;padding-left:10px}
 #vergleich .p-options>article:not(.p-chosen) ul,#vergleich .p-options>article:not(.p-chosen)>p{display:none!important}
 #vergleich .p-options>article.is-expanded ul{display:grid!important;gap:10px!important;margin:0 26px!important;padding:0!important}
 #vergleich .p-options>article.is-expanded li{font-size:15px!important;line-height:1.6!important}
 #vergleich .p-options>article.is-expanded>p{display:block!important;margin:18px 26px 26px!important;font-size:13px!important;line-height:1.6!important;color:#e4eeee!important}

 #ueber-uns .p-personal-layout{display:flex!important;flex-direction:column!important;gap:30px!important;height:auto!important}
 #ueber-uns .p-personal-copy{order:0!important;padding:0!important;width:100%!important}
 #ueber-uns .p-personal-copy h2{max-width:13ch!important}
 #ueber-uns .p-personal-copy h2 br{display:none}
 #ueber-uns .p-personal-copy::before{display:none!important}
 #ueber-uns .p-personal-copy .p-personal-body{font-size:16px!important;line-height:1.75!important;max-width:34ch!important;margin-top:24px!important}
 #ueber-uns .p-portrait{height:auto!important;min-height:0!important;aspect-ratio:auto!important;order:1!important;position:relative!important;width:90%!important;max-width:360px!important;align-self:flex-end!important;margin:0!important;overflow:hidden!important;box-shadow:none!important}
 #ueber-uns .p-portrait::after{content:""!important;position:absolute!important;inset:50% 0 0!important;background:linear-gradient(transparent,#032838aa)!important;pointer-events:none;z-index:1}
 #ueber-uns .p-portrait img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/4!important;object-fit:cover!important;object-position:center 52%!important;transform:none!important}
 #ueber-uns .p-portrait figcaption{position:absolute!important;background:transparent!important;z-index:2!important;left:20px!important;right:16px!important;bottom:20px!important;padding:0!important}
 #ueber-uns .p-portrait figcaption span{font-size:10px!important}
 #ueber-uns .p-portrait figcaption strong{font-size:19px!important;line-height:1.3!important}

 #reiseauswahl>.wrap{height:auto!important;min-height:0!important;max-height:none!important}
 #reiseauswahl .p-offer-surface{height:auto!important;display:block!important;min-height:0!important;padding:0!important}
 #reiseauswahl .p-offer-surface>header{position:relative!important;width:100%!important;height:350px!important;min-height:0!important;padding:28px 24px!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}
 #reiseauswahl .p-offer-surface>header h2{font-size:34px!important;margin:0 0 40px!important;max-width:none!important}
 #reiseauswahl .p-offer-surface>header .eyebrow{max-width:23ch!important}
 #reiseauswahl .p-offer-sheet{position:relative!important;width:calc(100% - 14px)!important;margin:-38px 0 0 auto!important;padding:28px 22px!important;display:block!important;min-height:0!important;background:white!important;box-shadow:0 12px 36px #0e2a3a0c!important}
 #reiseauswahl .p-inclusions-block{padding:0!important;margin:0!important;border:0!important}
 #reiseauswahl .p-inclusions-label{font-size:10px!important;line-height:1.55!important;letter-spacing:.09em!important;margin:0 0 14px!important}
 #reiseauswahl .p-inclusions{display:block!important;margin:0!important;padding:0!important;border:0!important}
 #reiseauswahl .p-inclusions li{display:block!important;padding:17px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--line)!important}
 #reiseauswahl .p-inclusions li::before{display:none!important}
 #reiseauswahl .p-inclusions h3{font-size:21px!important;line-height:1.25!important;margin:0!important}
 #reiseauswahl .p-inclusions p{font-size:14px!important;line-height:1.6!important;margin:6px 0 0!important}
 #reiseauswahl .p-booking-row{display:block!important;margin:30px 0 0!important;padding:0!important;border:0!important}
 #reiseauswahl .p-investment{margin:0!important}
 #reiseauswahl .p-investment>p{display:grid!important;grid-template-columns:auto 1fr!important;align-items:baseline!important;column-gap:10px!important;row-gap:12px!important;font-size:60px!important;margin:0!important;line-height:1!important}
 #reiseauswahl .p-investment .p-currency{font-size:16px!important;align-self:baseline!important;margin:0!important;letter-spacing:.03em!important}
 #reiseauswahl .p-investment .p-amount{font-size:60px!important}
 #reiseauswahl .p-investment small{grid-column:1/-1!important;font-size:12px!important;margin:0!important;line-height:1.6!important;max-width:none!important}
 #reiseauswahl .p-inquiry{margin:23px 0 0!important;text-align:left!important}
 #reiseauswahl .p-inquiry .button{width:100%!important;font-size:14px!important;min-height:52px!important;padding:14px!important}
 #reiseauswahl .p-inquiry p{font-size:12px!important;line-height:1.5!important;margin:10px 0 0!important}
 #reiseauswahl .p-delivery{margin:26px 0 0!important;padding:20px 0 0!important;border-top:1px solid var(--line)!important}
 #reiseauswahl .p-delivery span{font-size:10px!important;margin:0 0 8px!important}
 #reiseauswahl .p-delivery strong{font-size:17px!important;max-width:none!important;line-height:1.4!important}
 #reiseauswahl .p-delivery small{font-size:12px!important;line-height:1.6!important;max-width:none!important;margin-top:5px!important}

 #ablauf{background:white!important}
 #ablauf .p-after-offer{display:block!important;height:auto!important;padding:0!important}
 #ablauf .p-process-intro{position:static!important;display:block!important;padding:0!important;margin:0 0 32px!important}
 #ablauf .p-process-intro h3{font-size:38px!important;line-height:1.08!important;letter-spacing:-.05em!important;max-width:12ch!important}
 #ablauf .p-process{padding:0!important;margin:0!important}
 #ablauf .p-process ol{display:block!important;padding:0!important;margin:0!important;border:0!important}
 #ablauf .p-process ol::before,#ablauf .p-process ol::after,#ablauf .p-process li::before,#ablauf .p-process li::after{display:none!important}
 #ablauf .p-process li{display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;align-items:start!important;gap:16px!important;min-height:0!important;padding:24px 0!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important;border-top:1px solid var(--line)!important}
 #ablauf .p-process li>span{position:static!important;font-size:12px!important;line-height:26px!important;margin:0!important;color:var(--teal)!important;text-align:left!important}
 #ablauf .p-process li>div{display:block!important;height:auto!important;min-height:0!important;gap:0!important;padding:0!important;margin:0!important}
 #ablauf .p-process h4{height:auto!important;max-width:none!important;min-height:0!important;padding:0!important;font-size:22px!important;line-height:1.2!important;margin:0 0 12px!important}
 #ablauf .p-process p{font-size:16px!important;line-height:1.65!important;max-width:none!important;margin:0!important}
 #ablauf .p-refund{display:block!important;padding:26px 0 0!important;margin:26px 0 0!important;background:none!important;border:0!important;border-top:1px solid var(--line)!important;box-shadow:none!important}
 #ablauf .p-refund-kicker{font-size:10px!important;margin-bottom:12px!important}
 #ablauf .p-refund h3{font-size:32px!important;line-height:1.1!important;margin:12px 0 16px!important}
 #ablauf .p-refund>p{font-size:14px!important;line-height:1.7!important;max-width:none!important}
 #ablauf .p-refund details{font-size:13px!important;margin-top:14px!important}
 #ablauf .p-refund summary{font-size:13px!important;min-height:44px!important;display:flex!important;align-items:center!important}
 #ablauf .p-refund details p{font-size:14px!important;line-height:1.7!important}

 #regionen>.section-heading{display:block!important;margin:0 auto 28px!important;width:calc(100% - 48px)!important}
 #regionen .section-heading h2 span{font-size:.8em!important;display:block;margin-top:8px}
 #regionen .regions{display:block!important;width:calc(100% - 48px)!important;height:auto!important}
 #regionen .coast-stage{display:none!important}
 #regionen .coast-stories{position:relative!important;height:auto!important;overflow:visible!important;padding:0!important}
 #regionen .mobile-coast-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 24px 28px;max-width:600px}
 #regionen .mobile-coast-nav button{font-size:12px;line-height:1.4;color:var(--muted);padding:12px 3px;min-height:48px;border:0;border-bottom:2px solid var(--line);background:none}
 #regionen .mobile-coast-nav button[aria-selected=true]{color:var(--ink);border-color:var(--teal);font-weight:700}
 #regionen .region{display:block!important;position:relative!important;inset:auto!important;padding:0!important;margin:0!important;min-height:0!important;opacity:1!important;visibility:visible!important;transform:none!important;border:0!important}
 html.mobile-ready #regionen .region:not(.mobile-region-active){display:none!important}
 #regionen .region figure{display:block!important;margin:0 0 23px!important;width:100%!important;overflow:hidden!important}
 #regionen .region figure img{width:100%!important;height:auto!important;aspect-ratio:6/5!important;object-fit:cover!important;transform:none!important}
 #regionen .region-no{display:none!important}
 #regionen .region .eyebrow{font-size:10px!important;margin:0 0 12px!important}
 #regionen .region h3{font-size:35px!important;line-height:1.12!important;margin:0 0 18px!important}
 #regionen .region p{font-size:16px!important;line-height:1.75!important;max-width:36ch!important;margin:0!important}
 #regionen .region.mobile-region-active{animation:mobile-region-in .45s ease both!important}
 @keyframes mobile-region-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

 html body.editorial-site .compass-section{padding:64px 0 80px!important}
 #regionen-check{display:block!important;width:calc(100% - 48px)!important;height:auto!important;padding:0!important;margin:auto!important;border:0!important;background:none!important;overflow:visible!important}
 #regionen-check .check-intro{padding:0!important;background:none!important;color:var(--ink)!important;min-height:0!important;overflow:visible!important}
 #regionen-check .check-intro::before,#regionen-check .check-intro::after{display:none!important}
 #regionen-check .check-intro h2{max-width:13ch!important;color:var(--ink)!important}
 #regionen-check .check-intro h2 br{display:none}
 #regionen-check .check-intro .eyebrow{color:var(--teal)!important}
 #regionen-check .check-intro>p{font-size:16px!important;line-height:1.65!important;max-width:32ch!important;color:var(--muted)!important;margin:22px 0 0!important}
 #regionen-check .compass-instrument{position:relative!important;inset:auto!important;width:180px!important;height:auto!important;margin:30px auto 34px!important;padding:0!important;opacity:1!important;color:var(--ink)!important;overflow:visible!important}
 #regionen-check .compass-rose{width:180px!important;height:180px!important;display:block!important;margin:0!important;transform:rotate(-90deg)!important;transition:transform 1.2s cubic-bezier(.22,.7,.2,1)!important}
 #regionen-check .compass-instrument.mobile-compass-visible .compass-rose{transform:none!important}
 #regionen-check .compass-rose text{fill:var(--ink)!important}
 #regionen-check .rose-ring,#regionen-check .rose-ticks-major,#regionen-check .rose-ticks-minor{stroke:#66838b!important}
 #regionen-check .rose-halo{fill:#f2f6f5!important;stroke:none!important}
 #regionen-check .compass-readout{width:220px!important;margin:12px 0 0 -20px!important;text-align:center!important;display:block!important;color:var(--ink)!important}
 #regionen-check .compass-readout span{display:block!important;font-size:11px!important;letter-spacing:.08em!important;color:var(--ink)!important}
 #regionen-check .compass-readout strong{display:block!important;font-size:11px!important;line-height:1.6!important;margin-top:5px!important;color:var(--muted)!important}
 #regionen-check .quiz-panel{padding:25px 20px!important;background:#f3f6f5!important;border:0!important;min-width:0!important}
 #regionen-check .quiz-panel-head{padding:0 0 18px!important;margin:0 0 24px!important;font-size:10px!important}
 #regionen-check .quiz{padding:0!important;margin:0!important;width:100%!important;min-height:0!important;height:auto!important;border:0!important;background:none!important}
 #regionen-check .quiz-progress{font-size:11px!important;margin:0 0 20px!important}
 #regionen-check .quiz h3{font-size:25px!important;line-height:1.25!important;letter-spacing:-.035em!important;margin:0 0 24px!important}
 #regionen-check .quiz-answers{gap:12px!important}
 #regionen-check .quiz-answers button{font-size:15px!important;line-height:1.55!important;padding:16px 14px!important;min-height:66px!important;gap:12px!important;text-align:left!important;background:#fff!important;border:1px solid #cad7d8!important}
 #regionen-check .quiz-answers button>span{font-size:10px!important;flex-shrink:0!important}
 #regionen-check .quiz-result img{height:auto!important;aspect-ratio:5/4!important;width:100%!important;object-fit:cover!important;margin:0 0 23px!important}
 #regionen-check .quiz-result p{font-size:15px!important;line-height:1.7!important}
 #regionen-check .quiz-result h3{font-size:30px!important;margin-bottom:8px!important}
 #regionen-check .quiz-result .result-coordinates{font-size:11px!important}
 #regionen-check .quiz-result .result-intro{font-size:17px!important;margin:22px 0 16px!important}
 #regionen-check .result-focus{font-size:14px!important;line-height:1.6!important;margin:22px 0!important;padding:20px 0!important}
 #regionen-check .result-focus li{font-size:14px!important}
 #regionen-check .result-action{display:block!important;margin:24px 0 0!important;padding:24px 0 0!important;text-align:left!important}
 #regionen-check .result-action>p{font-size:22px!important;line-height:1.25!important;max-width:none!important;margin:0 0 18px!important}
 #regionen-check .result-action .button{width:100%!important;min-height:54px!important;font-size:14px!important;padding:14px!important;white-space:normal!important}
 #regionen-check .result-action>span{font-size:12px!important;line-height:1.6!important;margin-top:12px!important}
 #regionen-check .text-button{font-size:13px!important;min-height:44px!important;margin-top:12px!important}

 #faq{width:calc(100% - 48px)!important;margin:auto!important;display:block!important}
 #faq .faq-heading h2{max-width:10ch!important;margin:0 0 30px!important}
 html.mobile-ready #faq>.faq-answer,html.mobile-ready #faq>.faq-list{display:none!important}
 #faq .mobile-faq{display:block}
 #faq .mobile-faq details{border:0!important;background:none!important;box-shadow:none!important;border-top:1px solid var(--line)!important;margin:0!important;padding:0}
 #faq .mobile-faq details:last-child{border-bottom:1px solid var(--line)}
 #faq .mobile-faq summary{list-style:none!important;display:grid!important;grid-template-columns:1fr 22px!important;gap:16px!important;align-items:center!important;padding:23px 0!important;min-height:64px!important;font-size:17px!important;line-height:1.4!important;letter-spacing:-.025em!important;cursor:pointer}
 #faq .mobile-faq summary::-webkit-details-marker{display:none}
 #faq .mobile-faq summary::after{content:'+'!important;font-size:25px!important;font-weight:400!important;color:var(--teal)!important;text-align:right}
 #faq .mobile-faq details[open] summary::after{content:'−'!important}
 #faq .mobile-faq details[open] summary{color:var(--teal)}
 #faq .mobile-faq p{font-size:16px!important;line-height:1.75!important;color:var(--muted)!important;margin:0!important;padding:0 0 25px!important;max-width:36ch}

 html body.editorial-site #anfrage{padding:0!important;min-height:660px!important;overflow:hidden!important;background:var(--ink)!important}
 #anfrage .closing-layout{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:40px!important;width:calc(100% - 48px)!important;min-height:660px!important;height:auto!important;padding:68px 0!important}
 #anfrage .closing-title,#anfrage .closing-action{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important}
 #anfrage .closing-kicker{font-size:10px!important;margin-bottom:22px!important;letter-spacing:.16em!important}
 #anfrage .closing-title h2{font-size:48px!important;line-height:1.04!important;max-width:11ch!important;margin:0!important}
 #anfrage .closing-action-title{font-size:22px!important;line-height:1.4!important;max-width:23ch!important;margin:0 0 14px!important;letter-spacing:-.025em!important}
 #anfrage .closing-action-title br{display:none}
 #anfrage .closing-action-promise{font-size:15px!important;line-height:1.5!important;margin:0 0 24px!important}
 #anfrage .closing-cta{width:100%!important;max-width:330px!important;margin:0!important}
 #anfrage .closing-cta .button{width:100%!important;min-width:0!important;min-height:54px!important;font-size:14px!important;margin:0!important}
 #anfrage .cta-note{font-size:12px!important;line-height:1.5!important;margin:13px 0 0!important}
 #anfrage .closing-image::after{background:linear-gradient(180deg,#05253542,#052535b8 55%,#052535db)!important}
 html body.editorial-site footer{padding:48px 0 24px!important}
 html body.editorial-site .footer-editorial{display:block!important;padding:0!important;border:0!important}
 html body.editorial-site .footer-signature{padding:0!important;margin:0 0 28px!important}
 html body.editorial-site .footer-signature .wordmark{font-size:36px!important}
 html body.editorial-site .footer-signature>p{font-size:14px!important;line-height:1.7!important;margin-top:20px!important}
 html body.editorial-site .footer-label{font-size:10px!important;margin-bottom:10px!important}
 html body.editorial-site .footer-contact{margin-bottom:27px!important}
 html body.editorial-site .socials{display:flex!important;gap:26px!important;margin:0!important}
 html body.editorial-site .socials button{min-height:48px!important;font-size:14px!important;gap:10px!important}
 html body.editorial-site .footer-navigation nav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 16px!important}
 html body.editorial-site .footer-navigation nav button{font-size:13px!important;min-height:48px!important;line-height:1.5!important;text-align:left!important}
 html body.editorial-site .footer-bottom{display:block!important;margin-top:28px!important;padding-top:24px!important;font-size:11px!important;line-height:1.6!important}
 html body.editorial-site .made-in{margin-top:8px!important;font-size:11px!important}
 html body.editorial-site .preview-note{font-size:10px!important;line-height:1.6!important;margin-top:18px!important}
 html body.editorial-site dialog{width:calc(100% - 24px)!important;max-height:calc(100svh - 32px)!important;padding:54px 24px 30px!important;border:0!important;overscroll-behavior:contain}
 html body.editorial-site dialog h2{font-size:32px!important;line-height:1.1!important;margin:0 0 24px!important}
 html body.editorial-site dialog p{font-size:15px!important;line-height:1.7!important}
 html body.editorial-site .dialog-close{top:8px!important;right:8px!important;width:44px!important;height:44px!important}
 html body.editorial-site .booking-dialog-list>div{display:block!important;padding:24px 0!important}
 html body.editorial-site .booking-dialog-list>div>span{display:none!important}
 html body.editorial-site .booking-dialog-list h3{font-size:25px!important;margin:0 0 18px!important}
 html body.editorial-site .booking-copy p{font-size:15px!important}
 html body.editorial-site .booking-copy p+p{margin-top:16px!important}
 @media(max-height:700px){
  html body.editorial-site #start .hero-copy{bottom:96px!important}
  html body.editorial-site #start .hero-title h1{font-size:40px!important}
  html body.editorial-site #start .settle-copy{top:auto!important;bottom:96px!important}
  html body.editorial-site #start .settle-copy h2{font-size:32px!important}
  html body.editorial-site #start .settle-copy p{font-size:14px!important;margin-top:14px!important}
 }
 @media(orientation:landscape){
  html body.editorial-site #start .hero-copy{bottom:62px!important}
  html body.editorial-site #start .hero-title h1{font-size:34px!important;max-width:15ch!important}
  html body.editorial-site #start .hero-title .eyebrow{margin-bottom:10px!important}
  html body.editorial-site #start .hero-action{margin-top:12px!important}
  html body.editorial-site #start .settle-copy{top:auto!important;bottom:72px!important;left:53%!important;right:24px!important}
  html body.editorial-site #start .settle-copy h2{font-size:28px!important}
  html body.editorial-site #start .settle-copy p{font-size:13px!important;margin-top:12px!important}
 }
@media(prefers-reduced-motion:reduce){
html:not(.site-motion-opt-in).mobile-ready body.editorial-site :is(#vergleich,#ueber-uns,#reiseauswahl,#ablauf,#regionen,#regionen-check,#faq,#anfrage) [data-mobile-reveal]{opacity:1!important;transform:none!important;transition:none!important}
html:not(.site-motion-opt-in) #regionen .region.mobile-region-active{animation:none!important}
html:not(.site-motion-opt-in) #regionen-check .compass-rose{transform:none!important;transition:none!important}
 }
}

/* v83: mobile viewport follows browser chrome; the scroll track stays stable. */
.mobile-arrival{display:none}
@media(max-width:720px),(pointer:coarse) and (max-width:1024px) and (max-height:500px){
 html body.editorial-site #start .scene{height:100%!important;width:100%!important}
 html body.editorial-site #start .scene :is(img,video,canvas){height:100%!important;width:auto!important;min-width:100%;left:var(--mobile-media-x,50%)!important;top:50%!important;object-fit:cover}
 html body.editorial-site #start .hero-copy{inset:auto 24px 90px!important;text-align:center}
 html body.editorial-site #start .hero-title h1{font-size:clamp(38px,10.8vw,49px)!important;max-width:none!important;margin:0 auto!important;line-height:1.08!important}
 html body.editorial-site #start .hero-title .eyebrow{font-size:9px!important;letter-spacing:.12em;margin-bottom:17px!important}
 html body.editorial-site #start .hero-action{margin-top:24px!important;display:flex!important;justify-content:center}
 html body.editorial-site #start .hero-copy::before{inset:-100px -24px -100px!important;background:linear-gradient(0deg,#032636b8,transparent)!important}
 html body.editorial-site #start .film-toolbar{bottom:22px!important}
 html body.editorial-site #start .journey-cue{gap:9px;font-size:10px!important;letter-spacing:.08em}
 html body.editorial-site #start .loader{width:28px;height:28px}
 html body.editorial-site #start .settle-copy{display:none!important}
 html body.editorial-site #start .settle-copy::before{display:none!important}
 .mobile-arrival{display:block;padding:56px 24px 12px;color:var(--ink);background:transparent}
 .mobile-arrival h2{font-size:clamp(34px,9.5vw,42px);line-height:1.1;letter-spacing:-.045em;margin:0 0 22px}
 .mobile-arrival p{font-size:15px;line-height:1.7;max-width:32ch;margin:0 0 24px}
 .mobile-arrival a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none}
}
@media(max-width:720px) and (max-height:600px){
 html body.editorial-site #start .hero-copy{bottom:66px!important}
 html body.editorial-site #start .hero-title h1{font-size:34px!important}
 html body.editorial-site #start .hero-title .eyebrow{margin-bottom:10px!important}
 html body.editorial-site #start .hero-action{margin-top:14px!important}
}

/* v88: a static scroll cue, never a download/progress gate. */
@media(max-width:720px),(pointer:coarse) and (max-width:1024px){
 /* Keep the invitation arrow. Hide only the circular loading/progress ring. */
 html body.editorial-site #start .loader svg{display:block!important;transform:none!important}
 html body.editorial-site #start .loader .cue-track,
 html body.editorial-site #start .loader .cue-progress{display:none!important}
 html body.editorial-site #start .loader{border:0!important;border-radius:0!important}
}