
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.58;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button,a{font:inherit}.skip{position:fixed;left:12px;top:-100px;z-index:9999;background:#fff;color:#000;padding:12px 16px}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-head{position:absolute;z-index:30;top:0;left:0;width:100%;padding:22px 0;color:var(--head-ink)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--display);font-weight:700;text-decoration:none;font-size:clamp(1.05rem,2vw,1.45rem);letter-spacing:.02em}.nav{display:flex;align-items:center;gap:28px}.nav a{text-decoration:none;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.lang{display:flex;border:1px solid currentColor}.lang button{border:0;background:transparent;color:inherit;padding:8px 10px;cursor:pointer;font-weight:800}.lang button[aria-pressed=true]{background:currentColor;color:var(--paper)}.cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:12px 21px;border:2px solid currentColor;text-decoration:none;font-weight:850;letter-spacing:.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.cta:hover{transform:translateY(-2px)}.cta-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.cta-ghost{background:transparent}.kicker{text-transform:uppercase;letter-spacing:.18em;font-weight:850;font-size:.74rem}.display{font-family:var(--display);font-size:clamp(3.4rem,8vw,8rem);line-height:.86;letter-spacing:-.045em;margin:0}.section{padding:clamp(82px,10vw,150px) 0}.section h2{font-family:var(--display);font-size:clamp(2.6rem,6vw,5.6rem);line-height:.94;margin:0 0 28px;letter-spacing:-.035em}.eyebrow{font-weight:850;text-transform:uppercase;letter-spacing:.15em;font-size:.75rem}.lead{font-size:clamp(1.15rem,2vw,1.5rem);max-width:720px}.facts{display:grid;gap:1px}.fact{padding:24px 0;border-top:1px solid currentColor}.fact h3{font-family:var(--display);font-size:1.45rem;margin:0 0 6px}.fact p{margin:0;max-width:64ch}.visit{padding:100px 0 120px}.visit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.contact-list{display:grid;gap:13px;margin:28px 0}.contact-list a{font-weight:800;text-underline-offset:4px}.hours{list-style:none;padding:0;margin:24px 0;border-top:1px solid currentColor}.hours li{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid color-mix(in srgb,currentColor 25%,transparent);font-size:.92rem}.source-note{font-size:.82rem;opacity:.72;max-width:60ch}.site-foot{padding:28px 0 96px;border-top:1px solid color-mix(in srgb,currentColor 25%,transparent);font-size:.8rem}.foot-inner{display:flex;justify-content:space-between;gap:24px}.mobile-actions{display:none}.reveal{opacity:1;transform:none}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.cta{transition:none}}
@media(max-width:800px){body{font-size:16px}.wrap{width:min(100% - 28px,680px)}.site-head{padding:16px 0}.nav>a{display:none}.lang button{padding:7px 9px}.section{padding:78px 0}.visit-grid{grid-template-columns:1fr;gap:42px}.hours li{font-size:.83rem}.foot-inner{display:block}.mobile-actions{position:fixed;z-index:60;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;padding:10px;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(16px);border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.mobile-actions .cta{min-height:48px;padding:9px 10px;font-size:.84rem}.site-foot{padding-bottom:98px}}
html{scroll-behavior:auto}
.lang button{min-width:44px;min-height:44px}
html,body{overflow-x:clip}
@media(max-width:800px){.bubble:nth-child(2){right:0}.scrap{transform:none!important}.cabinet-grid>*{min-width:0}.cabinet-copy .display{font-size:clamp(2.55rem,12vw,3.75rem);overflow-wrap:normal;word-break:normal;hyphens:none}}


:root{--paper:#f5f0e7;--ink:#173c5a;--accent:#c45252;--accent-ink:#fff;--focus:#53b7c4;--head-ink:#fff;--display:Georgia,serif;--body:Arial,sans-serif}.time-hero{min-height:880px;position:relative;color:#fff;display:flex;align-items:center;padding:130px 0 80px}.time-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.time-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#052c4bdb,transparent 72%)}.time-copy{position:relative;z-index:2;max-width:700px}.time-copy .lead{margin:24px 0}.day-ribbon{height:150px;background:linear-gradient(90deg,#ffe2c5,#53b7c4 52%,#173c5a);color:#173c5a}.daypoints{height:100%;display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.daypoint{text-align:center;font-family:Georgia;font-size:1.25rem}.daypoint:last-child{color:#fff}.timeline-story{background:#f5f0e7}.timeline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.daypart{padding:50px 36px;min-height:480px;position:relative}.daypart:nth-child(1){background:#ffe2c5}.daypart:nth-child(2){background:#53b7c4;color:#093247}.daypart:nth-child(3){background:#173c5a;color:#fff}.daypart .time{font:700 4rem/1 Georgia;opacity:.4}.daypart h3{font:700 2.5rem/1 Georgia;margin:48px 0 18px}.time-gallery{display:grid;grid-template-columns:1.15fr .85fr 1fr;min-height:620px}.time-gallery figure{margin:0;overflow:hidden}.time-gallery img{width:100%;height:100%;object-fit:cover}.time-gallery figure:nth-child(1){clip-path:polygon(0 0,100% 10%,100% 90%,0 100%)}.time-gallery figure:nth-child(2){clip-path:polygon(0 10%,100% 0,100% 100%,0 90%)}.time-gallery figure:nth-child(3){clip-path:polygon(0 0,100% 10%,100% 90%,0 100%)}.time-visit{background:#173c5a;color:#f5f0e7}@media(max-width:800px){.time-hero{min-height:760px}.day-ribbon{height:115px}.daypoint{font-size:.9rem}.timeline-grid{grid-template-columns:1fr}.daypart{min-height:350px}.time-gallery{grid-template-columns:1fr;min-height:auto}.time-gallery figure{height:350px;clip-path:none!important}}


.lang button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.pizza-disc{background:#a52a20;color:#f4e8cf;display:grid;place-items:center;text-align:center}
.pizza-disc img{display:none}
.pizza-disc:after{content:'PIZZA · PASTA';max-width:65%;font:800 clamp(2rem,4.5vw,4.6rem)/.9 Georgia;letter-spacing:.03em}
.bowling-score{min-height:520px;background:#183b2b;border:14px solid #f4e8cf;outline:4px solid #e5b446;display:grid;grid-template-rows:auto 1fr auto;align-items:center;padding:38px 46px;transform:skewX(-4deg);box-shadow:24px 24px 0 #7f211a}
.bowling-score span{font:900 1rem/1 Arial;letter-spacing:.35em}.bowling-score strong{font:900 clamp(8rem,18vw,15rem)/.8 Georgia;color:#e5b446;text-align:center}.bowling-score i{font:900 clamp(2rem,6vw,5rem)/1 Georgia;letter-spacing:.18em;text-align:center;font-style:normal}
body:has(.lane-hero) .circle-gallery:before,body:has(.lane-hero) .circle-gallery:after{aspect-ratio:1;border-radius:50%;border:10px solid #183b2b;display:grid;place-items:center;text-align:center;font:800 clamp(1.5rem,4vw,3.6rem)/1 Georgia;background:#e5b446;color:#183b2b;padding:24px}
body:has(.lane-hero) .circle-gallery:before{content:'80 · PLÄTZE / SEATS'}body:has(.lane-hero) .circle-gallery:after{content:'KEGELBAHN / BOWLING';background:#a52a20;color:#f4e8cf}
.offer-title{margin-bottom:48px}
body:has(.canopy-hero){--accent:#c74337}
body:has(.canopy-hero) .cta{border-radius:999px}
body:has(.lane-hero) .brand{text-transform:uppercase;letter-spacing:.16em;border-left:6px solid #e5b446;padding-left:12px}
body:has(.lane-hero) .nav>a{border-bottom:2px solid #e5b446;padding-bottom:5px}
body:has(.canopy-hero) .brand{background:#f3b61f;padding:9px 16px;border-radius:999px;box-shadow:5px 5px 0 #125f8c}
body:has(.canopy-hero) .nav{background:#fff3d6e8;padding:3px 6px 3px 16px;border-radius:999px}
body:has(.station-hero) .brand{text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.04em}
body:has(.station-hero) .nav>a{border-bottom:3px solid #d8412f;padding-bottom:4px}
body:has(.horizon-hero) .head-inner{border-bottom:1px solid #d9a15b;padding-bottom:14px}
body:has(.receipt-hero) .brand{background:#f8f2e8;padding:8px 14px;box-shadow:5px 5px 0 #7a294e;transform:rotate(-1deg)}
body:has(.receipt-hero) .nav{background:#f8f2e8d9;color:#25322a;padding:3px 6px 3px 16px}
body:has(.window-hero) .head-inner{border-top:1px solid #a87945;border-bottom:1px solid #a87945;padding:10px 0}
body:has(.cabinet-hero) .head-inner{border:2px solid #d69a2d;background:#315a78d9;padding:8px 12px}
body:has(.cabinet-hero) .brand{background:#d69a2d;color:#25323b;padding:6px 10px}
body:has(.reflect-hero) .head-inner{border-bottom:1px solid #b6784b;padding-bottom:16px}
body:has(.time-hero) .brand{border-bottom:4px solid #53b7c4;padding-bottom:5px}
body:has(.time-hero) .lang{border-color:#53b7c4}
body:has(.timber-hero) .brand{background:#1e5670;border:4px double #e7d1a8;padding:8px 12px;box-shadow:5px 5px 0 #1c2424}
body:has(.timber-hero) .nav>a{border-bottom:2px solid #e7d1a8;padding-bottom:5px}
.canopy-bg img{transform:scale(1.04);transform-origin:center;object-position:center 50%}
.umbrella{background:repeating-conic-gradient(from 270deg at 50% 0,#fff3d6 0deg 16deg,#125f8c 16deg 32deg,#fff3d6 32deg 48deg,#f05d4e 48deg 64deg,#fff3d6 64deg 80deg,#f3b61f 80deg 96deg)}
.porthole img{transform:scale(1.3);object-position:72% 18%}
.bubble{aspect-ratio:1}
.bubble:nth-child(1) img{transform:scale(1.36);object-position:82% 36%}
.bubble:nth-child(2) img{transform:scale(1.36);object-position:82% 28%}
.bubble:nth-child(3) img{transform:scale(1.35);object-position:16% 22%}
body:has(.station-hero) .route-track figure:nth-child(1) img{transform:scale(1.58);transform-origin:top right;object-position:88% 0}
body:has(.station-hero) .route-track figure:nth-child(2) img{transform:scale(1.22);object-position:72% 38%}
body:has(.station-hero) .route-track figure:nth-child(3) img{transform:scale(1.42);object-position:4% 0}
body:has(.window-hero) .log-facts .fact>.eyebrow{display:none}
body:has(.window-hero) .window-title{margin:18px auto 24px}
body:has(.window-hero) .window-frame img{height:420px}
body:has(.window-hero) .window-actions{margin-top:24px}
body:has(.window-hero) .window-actions .cta-primary{background:#7a532d;color:#f6eedf;border-color:#7a532d}
body:has(.window-hero) .window-visit .cta-primary{background:#7a532d;color:#f6eedf;border-color:#7a532d}
body:has(.reflect-hero) .reflect-title .cta-primary{background:#b6784b;color:#18201e;border-color:#b6784b}
body:has(.receipt-hero) .site-head{background:linear-gradient(180deg,#f8f2e8f2,transparent);color:#25322a}
body:has(.time-hero){--accent:#b33d3d}
.timber-photo img{transform:scale(1.14);object-position:36% 35%}
.plank-pics figure:nth-child(2) img{transform:scale(1.5);object-position:34% 0}
.plank-pics figure:nth-child(3) img{transform:scale(1.52);object-position:18% 0}
@media(max-width:800px){body:has(.lane-hero) .circle-gallery:before,body:has(.lane-hero) .circle-gallery:after{border-width:7px;font-size:1.05rem;padding:14px}.bowling-score{min-height:340px;padding:28px;transform:none;box-shadow:12px 12px 0 #7f211a}.canopy-bg img{transform:scale(1.02);transform-origin:center;object-position:center 50%}.timber-title{padding:30px 20px 24px}.timber-photo img{transform:scale(1.18);object-position:32% 35%}.receipt-title{margin-top:115px;padding:26px 24px}.receipt-title .display{font-size:3rem}.receipt-title .lead{font-size:1rem;margin:15px 0}.window-frame img{height:360px!important}
body:has(.lane-hero) .mobile-actions{border-top:6px solid #a52a20;background:#f4e8cff5}
body:has(.canopy-hero) .mobile-actions{border-top:6px solid #125f8c;background:#f3b61ff5;gap:4px}
body:has(.station-hero) .mobile-actions{border-top:4px dashed #151515;background:#f2b632f5}
body:has(.horizon-hero) .mobile-actions{border-top:6px solid #d9a15b;background:#152a32f2;color:#e8f0ec}
body:has(.horizon-hero) .mobile-actions .cta-primary{background:#d9a15b;color:#152a32;border-color:#d9a15b}
body:has(.receipt-hero) .mobile-actions{border-top:5px dotted #7a294e;background:#f8f2e8f5}
body:has(.window-hero) .mobile-actions{border-top:1px solid #a87945;background:#174a4df5;color:#f6eedf}
body:has(.window-hero) .mobile-actions .cta-primary{background:#7a532d;color:#f6eedf;border-color:#7a532d}
body:has(.cabinet-hero) .mobile-actions{border-top:6px solid #d69a2d;background:#315a78f5;color:#f6e8c8}
body:has(.cabinet-hero) .mobile-actions .cta-primary{background:#d69a2d;color:#25323b;border-color:#d69a2d}
body:has(.reflect-hero) .mobile-actions{border-top:2px solid #b6784b;background:#163f38f5;color:#ecebe2}
body:has(.reflect-hero) .mobile-actions .cta-primary{background:#b6784b;color:#18201e;border-color:#b6784b}
body:has(.time-hero) .mobile-actions{border-top:6px solid #53b7c4;background:linear-gradient(90deg,#ffe2c5f5,#53b7c4f5 55%,#173c5af5);color:#173c5a}
body:has(.time-hero) .mobile-actions .cta-ghost{color:#fff;border-color:#fff}
body:has(.timber-hero) .mobile-actions{border-top:6px double #e7d1a8;background:#7a4b2ef5;color:#f8ead0}
}
@media(max-width:400px){body:has(.station-hero) .ticket-title .display{font-size:3.25rem;letter-spacing:-.025em}}
.mobile-actions-single{grid-template-columns:1fr}
@media(max-width:800px){.pizza-disc{display:none}}
.nav a:hover,.nav a:focus-visible{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
@media(max-width:800px){.mobile-actions{position:static!important;z-index:auto;inset:auto;backdrop-filter:none}.site-foot{padding-bottom:28px}.menu-page{padding-bottom:0}}

/* 2026-08 menu and visual-density upgrade */
.time-menu-preview{padding:clamp(70px,8vw,118px) 0;background:linear-gradient(110deg,#ffe2c5 0 34%,#53b7c4 34% 68%,#173c5a 68%);color:#173c5a}
.menu-preview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,88px);align-items:center}
.menu-preview-copy{max-width:58ch}.menu-preview-copy h2{font-family:var(--display);font-size:clamp(2.6rem,5vw,5.3rem);line-height:.94;letter-spacing:-.03em;margin:0 0 24px;text-wrap:balance}.menu-preview-copy p{font-size:1.1rem;margin:0 0 30px}.time-menu-images{display:grid;grid-template-columns:.8fr 1.2fr;gap:12px;align-items:end}.time-menu-images figure{margin:0;overflow:hidden}.time-menu-images figure:first-child{height:520px}.time-menu-images figure:last-child{height:360px}.time-menu-images img{width:100%;height:100%;object-fit:cover}.time-menu-images figure:first-child img{object-position:center 70%}
.menu-page{background:#f5f0e7}.menu-page .menu-head{position:relative;padding:18px 0;background:#173c5a;color:#fff}.menu-page .menu-head .head-inner{border-bottom:0!important}.menu-page .menu-head .brand{border-bottom:4px solid #53b7c4;padding-bottom:5px}.menu-page .menu-head .lang{border-color:#53b7c4}.menu-page .display{font-size:clamp(3.2rem,7vw,6rem);line-height:.92;letter-spacing:-.035em;text-wrap:balance}.menu-hero{padding:clamp(66px,8vw,112px) 0;background:linear-gradient(90deg,#ffe2c5,#f5f0e7 54%,#53b7c4)}.menu-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,88px);align-items:center}.menu-status{font-weight:850;color:#173c5a;margin:0 0 22px}.menu-intro .lead{margin:28px 0 32px;max-width:62ch}.menu-hero-media{margin:0;height:610px;overflow:hidden;clip-path:polygon(0 5%,100% 0,100% 95%,0 100%)}.menu-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 70%}.menu-catalog{padding:clamp(76px,9vw,132px) 0}.menu-catalog-head{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:end;margin-bottom:48px;border-bottom:1px solid #173c5a;padding-bottom:30px}.menu-catalog-head h2,.menu-source h2{font-family:var(--display);font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;letter-spacing:-.03em;margin:0;text-wrap:balance}.menu-catalog-head p{margin:0;max-width:58ch}.menu-list{border-top:1px solid #173c5a}.menu-row{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:24px 0;border-bottom:1px solid color-mix(in srgb,#173c5a 34%,transparent)}.menu-row h3{font-family:var(--display);font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.1;margin:0 0 5px}.menu-row p{margin:0;color:#365a70;font-size:.93rem}.menu-row strong{font-size:clamp(1.35rem,2.5vw,2.15rem);font-variant-numeric:tabular-nums}.menu-food-strip{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;margin-top:64px}.menu-food-strip figure{margin:0;height:390px;position:relative;overflow:hidden}.menu-food-strip img{width:100%;height:100%;object-fit:cover}.menu-food-strip figcaption{position:absolute;left:18px;bottom:18px;background:#173c5a;color:#fff;padding:8px 12px;font-weight:800}.menu-source{padding:clamp(72px,8vw,112px) 0;background:#173c5a;color:#f5f0e7}.menu-source-grid{display:grid;grid-template-columns:1fr .9fr;gap:clamp(40px,7vw,100px);align-items:start}.menu-source p{margin:4px 0 22px;max-width:65ch}.menu-source a{font-weight:850;text-underline-offset:5px}
@media(max-width:800px){.timeline-story .daypart{min-height:300px;padding:40px 28px}.time-menu-preview{background:linear-gradient(160deg,#ffe2c5 0 38%,#53b7c4 38% 70%,#173c5a 70%);padding:72px 0}.menu-preview-grid,.menu-hero-grid,.menu-catalog-head,.menu-source-grid{grid-template-columns:1fr}.time-menu-images{grid-template-columns:1fr 1fr}.time-menu-images figure:first-child,.time-menu-images figure:last-child{height:290px}.menu-preview-copy h2{font-size:clamp(2.6rem,12vw,4rem)}body:not(.menu-page) .nav>a[href="menu.html"],.menu-page .nav>a[href="index.html"]{display:inline-flex}.nav{gap:10px}.nav a{font-size:.7rem;letter-spacing:.04em}.menu-page{padding-bottom:calc(74px + env(safe-area-inset-bottom))}.menu-page .menu-head{padding:12px 0}.menu-page .brand{font-size:1rem}.menu-page .display{font-size:clamp(3rem,13vw,4.5rem)}.menu-hero{padding:56px 0 72px}.menu-hero-media{height:430px;order:-1}.menu-catalog-head{gap:18px}.menu-row{gap:18px;padding:20px 0}.menu-row h3{font-size:1.35rem}.menu-food-strip{grid-template-columns:1fr;margin-top:48px}.menu-food-strip figure{height:300px}.menu-source-grid{gap:22px}.mobile-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))}.foot-inner>*{display:block;margin-top:8px}}
