/* Fixed-height pinned conclusion; overflow remains explicitly scrollable, never cut away. */
.closing-journey{height:480svh;position:relative;background:#0b1112}.closing-screen{position:sticky;top:82px;height:calc(100svh - 82px);overflow:clip;isolation:isolate}
.closing-screen .closing-panel{position:absolute;inset:0;width:100%;height:100%!important;min-height:0!important;max-height:100%;overflow:auto;overscroll-behavior-y:auto;box-sizing:border-box;visibility:hidden;pointer-events:none;opacity:var(--chapter-opacity,0);transform:translateY(var(--chapter-y,0));scrollbar-width:thin;scrollbar-color:#968c76 transparent}
.closing-screen .closing-panel.closing-active{visibility:visible;pointer-events:auto}.closing-nav{position:absolute;inset:12px 4vw auto;z-index:20;display:flex;justify-content:flex-end;gap:6px;pointer-events:none}.closing-nav button{pointer-events:auto;padding:9px 13px;min-height:38px;font:11px Exo;background:#f0ede6eb;color:#2c3029;border:1px solid #a6a28f88;cursor:pointer}.closing-nav button[aria-pressed=true]{background:#a13c33;color:white;border-color:#a13c33}.closing-nav button:focus-visible{outline:3px solid #b39b6d;outline-offset:2px}.closing-progress{position:absolute;bottom:0;left:0;height:3px;background:#aa3b31;z-index:25;pointer-events:none}
.closing-screen .closing-outro{padding:80px 24px!important;display:grid;place-content:center;text-align:center;background:radial-gradient(ellipse at center,#29363055,transparent 58%),#0b1112;color:#f4efe3}.closing-screen .closing-outro h2{font:clamp(65px,9vw,132px)/.96 League;margin:0 auto 30px;max-width:900px}.closing-screen .closing-outro p{font:17px/1.8 Exo;color:#bdc8bd;max-width:570px;margin:auto}.closing-outro:after{content:'WEITERSCROLLEN UND EUREN BESUCH PLANEN';font:10px Exo;letter-spacing:.14em;color:#879489;display:block;margin-top:60px}
.c .closing-screen #buchungsdemo.planning-stage{padding:60px 4vw 20px;display:block;background:radial-gradient(ellipse at 90% 5%,#273e3455,transparent 55%),#0b1112;box-shadow:none}.c .closing-screen #buchungsdemo>.stage-chapter{font-size:9px;margin:0 0 10px}.c .closing-screen #buchungsdemo>h2{font-size:45px;margin:0 0 20px}.c .closing-screen #buchungsdemo>p{display:none}.c .closing-screen #buchungsdemo #visit-planner{max-width:1200px;margin:auto}.c .closing-screen #buchungsdemo .plan-demo-label{padding:7px 18px;font-size:9px}
/* Participant + time column on the LEFT. World selection on the RIGHT. */
.c #visit-planner .plan-main{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);padding:15px 22px;gap:0 28px}
.c #visit-planner .plan-main>.plan-people-section{grid-column:1!important;grid-row:1!important;padding:4px 0 16px;border-right:0;border-bottom:1px solid #cbc4b7}
.c #visit-planner .plan-main>.plan-date-section{grid-column:1!important;grid-row:2!important;padding:16px 0 4px;border:0}
.c #visit-planner .plan-main>.plan-experience-section{grid-column:2!important;grid-row:1/span 2!important;border:0;border-left:1px solid #cbc4b7;padding:4px 0 4px 28px}
.c #visit-planner .plan-section-title{margin-bottom:12px}.c #visit-planner .plan-section-title h3{font-size:25px}.c #visit-planner .people-row input{font-size:22px;padding:10px}.c #visit-planner .plan-hint{font-size:10px;margin-top:8px}.c #visit-planner .plan-games button{min-height:90px;padding:11px}.c #visit-planner .plan-games button[aria-pressed=true]{padding:10px}.c #visit-planner .plan-games button strong{font-size:24px}.c #visit-planner .plan-games button small{font-size:10px}.c #visit-planner .plan-options{padding:14px;margin-top:12px;max-height:180px;overflow:auto}.c #visit-planner .plan-periods{margin:13px 0 10px}.c #visit-planner .plan-periods button{padding:9px 5px}.c #visit-planner .plan-times button{padding:9px 5px;font-size:16px}.c #visit-planner .plan-time-actions{margin:7px 0 0;gap:8px}.c #visit-planner .plan-time-actions span{display:none}.c #visit-planner .plan-date input{padding:9px;font-size:16px}.c #visit-planner .plan-summary{padding:14px 22px;gap:8px 25px}.c #visit-planner #plan-summary{gap:8px 15px}.c #visit-planner #plan-summary>p{font-size:11px}.c #visit-planner #plan-summary .plan-total{font-size:20px}.c #visit-planner #plan-summary>.plan-hint{font-size:9px}.c #visit-planner .plan-summary>.plan-hint{font-size:9px}
/* Team chapter: graphic typography only. No photographic background. */
.c .closing-screen #gruppen.team-stage{padding:62px 0 20px;display:block;background:radial-gradient(ellipse at 92% 10%,#c3b49555,transparent 55%),#eae6db;color:#242c23;border:0;overflow:auto}.c #gruppen.team-stage:before,.c #gruppen.team-stage:after{display:none;background:none!important;content:none}.c #gruppen .group-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;max-width:none;align-items:end;margin-bottom:25px}.c #gruppen .group-intro h2{font-size:clamp(52px,5.8vw,86px);color:#22291f}.c #gruppen .stage-chapter{color:#995144;font-size:10px;margin-bottom:16px}.c #gruppen .team-size-line{color:#766349;margin-top:15px}.c #gruppen .group-intro p{color:#525b4e;font-size:15px;line-height:1.7;margin:0}.c #gruppen .group-editorial{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#877f6e #d6d1c4}.c #gruppen .group-editorial article{flex:0 0 calc((100% - 32px)/3);min-width:240px;box-sizing:border-box;padding:20px;background:#f8f5ed;border:1px solid #b6ae9b;scroll-snap-align:start;backdrop-filter:none}.c #gruppen .group-editorial span{font-size:9px;color:#93744f}.c #gruppen .group-editorial h3{color:#273025;font-size:29px;margin:14px 0 10px}.c #gruppen .group-editorial p{color:#566050;font-size:12px;line-height:1.65}.c #gruppen .group-plan{padding:16px 20px;margin-top:12px;background:#ddd7c8;border:1px solid #b6ae9b;gap:18px}.c #gruppen .group-plan h3{color:#273025;font-size:28px}.c #gruppen .group-plan p,.c #gruppen .group-count label{color:#5a6252;font-size:10px}.c #gruppen .group-count input{color:#273025;font-size:31px;width:85px}.c #gruppen .group-footnote{color:#666d5f;font-size:10px;margin-top:12px;line-height:1.6}
.c .closing-screen #gutscheine.gift-stage{padding:66px 0 24px;display:block;background:radial-gradient(ellipse at 82% 36%,#ded1b9,transparent 48%),#f4f0e6}.c #gutscheine .gift-experience{gap:6vw}.c #gutscheine .gift-experience h2{font-size:clamp(52px,5.6vw,78px)}.c #gutscheine .gift-experience p{font-size:13px;margin:18px 0}.c #gutscheine .gift-preview{padding:20px}.c #gutscheine .gift-paper{padding:32px;min-height:365px}.c #gutscheine .gift-paper img{margin-bottom:30px}.c #gutscheine .gift-paper h3{font-size:36px}.c #gutscheine .gift-paper strong{font-size:49px;margin-bottom:18px}.c #gutscheine .gift-paper p{font-size:13px}.c #gutscheine .gift-values{margin:18px 0 12px}.c #gutscheine .gift-amount,.c #gutscheine .gift-name{margin:12px 0}.c #gutscheine .gift-preview>p{margin-top:22px}.c #gutscheine .gift-note{font-size:10px}
/* EQ: lower the motif, dissolve only extra opaque left/bottom silhouette. Original raster stays intact. */
.epic-stage[data-game=elderquarze] .epic-solid{mask-image:linear-gradient(#000 0%,#000 64%,transparent 79%),linear-gradient(90deg,transparent 11%,#000 24%,#000 82%,transparent 91%);mask-composite:intersect}
.journey-screen .epic-stage[data-game=elderquarze] .epic-art{top:40%}
@media(max-width:760px){.closing-screen{top:70px;height:calc(100svh - 70px)}.closing-nav{inset:8px 10px auto;gap:4px}.closing-nav button{flex:1;font-size:9px;padding:9px 5px}.closing-screen .closing-outro h2{font-size:67px}.closing-screen .closing-outro p{font-size:15px}.c .closing-screen #buchungsdemo.planning-stage{padding:60px 12px 24px}.c .closing-screen #buchungsdemo>h2{font-size:39px}.c #gruppen .group-intro{display:block;margin-bottom:24px}.c #gruppen .group-intro h2{font-size:59px}.c #gruppen .group-intro p{font-size:13px;margin-top:18px}.c #gruppen .group-editorial article{flex-basis:86%;min-width:0}.c #gruppen .group-plan{padding:17px}.c #gruppen .group-plan>div:first-child{width:auto}.c #gruppen .group-plan p{display:none}.c #gutscheine .gift-experience h2{font-size:55px}.c #gutscheine .gift-paper{min-height:350px}.c #gutscheine .gift-experience{gap:25px}.journey-screen .epic-stage[data-game=elderquarze] .epic-art{top:42%}}
@media(max-width:600px){.c #visit-planner .plan-main{display:flex;padding:17px}.c #visit-planner .plan-main>.plan-section{border-left:0!important;padding:17px 0!important}.c #visit-planner .plan-games{grid-template-columns:1fr 1fr}.c #visit-planner .plan-games button{min-height:105px}.c #visit-planner .plan-summary{padding:18px}.c #visit-planner #plan-summary>p{font-size:12px}}
/* Short/zoomed viewports and reduced motion use a natural readable document. */
.closing-journey.closing-flow{height:auto}.closing-flow .closing-screen{position:relative;top:auto;height:auto;overflow:visible}.closing-flow .closing-nav,.closing-flow .closing-progress{display:none}.closing-flow .closing-panel{position:relative;inset:auto;height:auto!important;min-height:calc(100svh - 82px)!important;max-height:none;visibility:visible;opacity:1!important;transform:none!important;pointer-events:auto;overflow:visible}.closing-flow .closing-outro:after{content:'EUER NÄCHSTER SCHRITT: BESUCH PLANEN'}

