/* Nur Vorschlagsänderungen. Die vier kopierten Theme-Styles bleiben unverändert. */
.preview-symbols{position:absolute;width:0;height:0;overflow:hidden}
svg:has(use){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vx4-preview [id]{scroll-margin-top:120px}
.vx4-preview .nav.is-scrolled::after{background:rgba(0,0,0,.55)}
.vx4-preview .slate--light .faq-item summary:hover,.vx4-preview .slate--light .faq-item details[open] summary{color:var(--c-cool)}
.preview-hero .hero__intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:36px;padding-bottom:36px}
.preview-hero .hero__intro-title{font-size:clamp(40px,4.9vw,82px);max-width:22ch}
.preview-hero .hero__intro-text{font-size:clamp(16px,1.2vw,19px);margin-top:22px}
.preview-hero .hero__intro-link{margin-top:25px}
.preview-hero .hero__slots{align-items:stretch}
.preview-hero .hero__panel{padding-bottom:58px;padding-top:30px}
.preview-hero .hero__panel-body{height:100%;justify-content:flex-end;gap:20px}
.preview-hero .hero__sub{min-height:1.6em}
.preview-hero .hero__title{font-size:clamp(30px,3vw,48px)}
.preview-hero:has(.hero__panel--right:focus-within){--edge:34%}
.preview-hero:has(.hero__panel--left:focus-within){--edge:72%}
.preview-motion{position:absolute;right:18px;bottom:12px;z-index:6;background:rgba(0,0,0,.38);border:1px solid var(--c-ink-4);color:var(--c-ink);border-radius:var(--r-pill);font:500 12px var(--t-body);padding:7px 13px;backdrop-filter:blur(12px);cursor:pointer}
.preview-tour-note{text-align:center;margin:32px auto 0;color:var(--c-ink-dark-2);font-size:var(--fs-base)}
.preview-tour-note a{color:var(--c-cool);text-decoration:underline;text-underline-offset:4px}
.vx4-preview .tour-show--grid .tour-show__card{align-content:start}
.vx4-preview .tour-show--grid .tour-show__body{height:100%;display:flex;flex-direction:column;align-items:flex-start}
.vx4-preview .tour-show--grid .tour-show__cta{margin-top:auto}
.preview-section-action{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:40px}
.preview-section-action p{font-size:var(--fs-sm);color:var(--c-ink-dark-2);text-align:center;max-width:55ch}
.vx4-preview .guide-block__body{display:flex;flex-direction:column;gap:25px;justify-content:center}
.vx4-preview .guide-block__body .btn{align-self:flex-start}
.vx4-preview .guide-block__body .slate__eyebrow{justify-content:flex-start}
.vx4-preview .guide-block__portrait img{object-position:45% center}
.vx4-preview .guide-block>*,.vx4-preview .activity-card>*{min-width:0}
.vx4-preview .guide-block .btn{max-width:100%;white-space:normal}
.vx4-preview .activity-card__title{overflow-wrap:anywhere;hyphens:auto}
.preview-photo-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}
.preview-photo{position:relative;display:block;min-width:0;border:0;border-radius:var(--r-card-lg);overflow:hidden;aspect-ratio:1.65;background:var(--c-card);cursor:zoom-in;text-align:left;color:var(--c-ink);font-family:var(--t-body)}
.preview-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.preview-photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.preview-photo span{position:absolute;left:28px;right:22px;bottom:24px;z-index:1;font-size:clamp(16px,1.6vw,24px);font-weight:700}
.preview-photo:hover img{transform:scale(1.04)}
.preview-footer{background:var(--c-bg);position:relative}
.preview-footer-intro{padding-bottom:58px}
.preview-footer-intro .slate__head{margin-bottom:40px}
.preview-footer-intro .contact-panel{max-width:1080px;margin-inline:auto}
.preview-footer-image{height:clamp(210px,28vw,410px);background:linear-gradient(180deg,#000 0%,transparent 30%,rgba(0,0,0,.12) 58%,#000 100%),url('assets/img/lagerfeuer.jpg') center 56%/cover no-repeat}
.preview-footer-base{padding-top:40px}
.preview-footer-base .footer__col h3{font-family:var(--t-mono);font-weight:500;font-size:var(--fs-2xs);text-transform:uppercase;letter-spacing:.16em;color:var(--c-ink-3);margin-bottom:18px}
.preview-footer-base .footer__col a{font-size:var(--fs-md)}
.preview-footer-base .footer__claim{font-size:var(--fs-md);max-width:35ch}
.preview-text-link{color:var(--c-ink-3);border:0;padding:0;background:none;font:inherit;cursor:pointer}
.preview-text-link:hover{color:var(--c-accent)}
.preview-origin{font:400 12px var(--t-body);color:var(--c-ink-3);margin-top:30px}
.preview-origin a{text-decoration:underline;text-underline-offset:3px}
.preview-tour-placeholder{display:grid;place-items:center;background:linear-gradient(130deg,var(--c-bg-soft),#323728);color:var(--c-accent);text-align:center}
.preview-tour-placeholder>span{font-family:var(--t-display);font-size:clamp(30px,3.4vw,48px);font-weight:800;text-transform:uppercase;line-height:1.1;padding:24px}
.preview-tour-placeholder small{display:block;font:400 15px var(--t-body);margin-top:15px;color:var(--c-ink-2)}
.preview-tour-placeholder--mountains{background:linear-gradient(25deg,#151611,#4d513b);color:var(--c-ink)}
.preview-tour-placeholder--baltic{background:linear-gradient(155deg,#1d2621,#494b39);color:var(--c-ink)}
.preview-training .activity-card--noimage .activity-card__body{align-items:center;text-align:center;max-width:820px;margin-inline:auto;padding-block:50px}
.preview-lightbox,.preview-info{position:fixed;inset:0;margin:auto;padding:22px;background:var(--c-bg-soft);border:1px solid var(--c-card-line);border-radius:var(--r-card);color:var(--c-ink);max-width:min(1100px,94vw);max-height:92dvh;overflow:auto}
.preview-lightbox::backdrop,.preview-info::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(8px)}
.preview-lightbox img{display:block;max-height:75dvh;max-width:100%;width:auto;object-fit:contain;margin:auto;border-radius:12px}
.preview-lightbox p{margin-top:16px;font-size:var(--fs-base);text-align:center}
.preview-dialog-close{position:absolute;right:13px;top:13px;width:44px;height:44px;border:1px solid var(--c-line);border-radius:50%;background:rgba(0,0,0,.8);color:var(--c-ink);font:400 30px var(--t-body);cursor:pointer;z-index:2}
.preview-info{width:540px;padding:50px 32px 32px}
.preview-info h2{font-size:28px;margin-bottom:20px}
.preview-info p{color:var(--c-ink-2);line-height:1.7;margin-bottom:26px}
@media(min-width:761px){.preview-hero{min-height:100svh;min-height:min(100svh,1000px)}}
@media(min-width:761px) and (max-height:760px){.preview-hero{min-height:760px}.preview-hero .hero__intro{padding-block:20px}.preview-hero .hero__panel{padding-top:22px}}
@media(max-width:1100px){.vx4-preview .nav{grid-template-columns:1fr auto}.vx4-preview .nav__links{display:none}.vx4-preview .nav__burger{display:inline-flex}.vx4-preview .nav__right{justify-self:end}}
@media(max-width:1050px) and (min-width:761px){.vx4-preview .tour-show--grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.vx4-preview .tour-show--grid .tour-show__card{grid-template-columns:1fr}.vx4-preview .tour-show--grid .tour-show__media{order:1;aspect-ratio:4/3;min-height:0}.vx4-preview .tour-show--grid .tour-show__body{order:2;padding:28px}.vx4-preview .tour-show__title{font-size:34px}}
@media(max-width:760px){
 .vx4-preview [id]{scroll-margin-top:95px}
 .preview-hero .hero__intro{display:block;padding:calc(var(--nav-h) + 28px) 24px 38px;text-align:center}
 .preview-hero .hero__intro-title{font-size:clamp(35px,8.4vw,56px);margin-inline:auto}
 .preview-hero .hero__intro-eyebrow{font-size:11px;letter-spacing:.12em}
 .preview-hero .hero__intro-text{font-size:16px;margin-inline:auto}
 .preview-hero .hero__slots{display:contents}
 .preview-hero .hero__panel{padding:30px 24px 36px;min-height:300px}
 .preview-hero .hero__panel-body{gap:16px}
 .preview-hero .hero__panel--right .hero__panel-body{align-items:flex-start;text-align:left}
 .preview-hero .hero__title{font-size:33px}
 .preview-motion{display:none}
 .preview-photo-grid{grid-template-columns:1fr;gap:16px}
 .preview-photo{aspect-ratio:1.4}
 .preview-photo span{left:22px;bottom:22px}
 .preview-footer-image{height:230px;background-position:62% center}
 .preview-footer-base .footer__cols{grid-template-columns:1fr 1fr}
 .preview-footer-base .footer__col a{min-height:40px;display:flex;align-items:center}
 .preview-footer-base .footer__legal-links{gap:18px;flex-wrap:wrap}
 .preview-footer-base .footer__legal-links>*{min-height:38px;display:flex;align-items:center}
 .preview-section-action .btn{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.preview-photo img{transition:none}}
