/* Ordering V13: scoped to the page body; uses the existing shared header/footer. */
@font-face{font-family:'Barlow Condensed';src:url('/assets/fonts/barlow-condensed-800.woff') format('woff');font-weight:800;font-display:swap}
.ordering-v13{--ov13-green:#073b31;--ov13-paper:#f6f3eb;--ov13-mint:#b6dfc5;--ov13-yellow:#ffe16c;--ov13-line:#073b312b;background:var(--ov13-paper);color:var(--ov13-green);font:400 16px/1.7 Manrope,Arial,sans-serif;overflow:clip}
.ordering-v13 :is(h1,h2,h3){font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:.96;color:inherit;margin:0}
.ordering-v13 p{margin:0 0 1.15em;max-width:none}
.ordering-v13 :is(a,button){touch-action:manipulation}
.ordering-v13 :is(a,button):focus-visible{outline:3px solid #bc5c22;outline-offset:5px}
.ordering-v13 img{width:100%;height:100%;display:block;object-fit:cover}
.ordering-v13 figure{margin:0}
.ordering-v13 [hidden]{display:none!important}
.ordering-v13 .ov13-wrap{max-width:1440px;margin-inline:auto;padding-inline:clamp(22px,6.2vw,100px)}
.ordering-v13 .ov13-kicker{font:600 11px/1.5 Manrope,sans-serif;letter-spacing:.13em;margin-bottom:17px}
.ordering-v13 .ov13-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 24px;min-height:56px;background:var(--ov13-green);color:var(--ov13-paper);border:1px solid transparent;border-radius:100px;font:600 14px/1.5 Manrope,sans-serif;transition:background .18s ease,transform .18s ease}
.ordering-v13 .ov13-button span{font-size:22px;line-height:1;flex:none}
.ordering-v13 .ov13-text-link{display:inline-flex;align-items:center;gap:18px;padding:12px 0;min-height:48px;border-bottom:1px solid currentColor;font:600 13px/1.6 Manrope,sans-serif}
.ordering-v13 .ov13-text-link span{font-size:20px}
.ordering-v13 .ov13-hero{display:grid;grid-template-columns:1.13fr 1fr;max-width:1600px;margin-inline:auto;min-height:560px;position:relative}
.ordering-v13 .ov13-hero-copy{padding:65px 7% 36px max(22px,calc((100vw - 1440px)/2 + 6.2vw));position:relative;z-index:1;align-self:center}
.ordering-v13 .ov13-hero h1{font-size:clamp(74px,7.2vw,112px);white-space:nowrap;margin-bottom:24px}
.ordering-v13 .ov13-hero h1 span{color:#579378}
.ordering-v13 .ov13-lede{font-size:clamp(18px,1.65vw,23px);line-height:1.5;max-width:450px;margin-bottom:13px}
.ordering-v13 .ov13-intro{font-size:15px;max-width:405px;color:#435c52;line-height:1.7}
.ordering-v13 .ov13-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:13px 22px;margin:24px 0 35px}
.ordering-v13 .ov13-hero-actions .ov13-button{background:var(--ov13-yellow);color:var(--ov13-green)}
.ordering-v13 .ov13-location{display:flex;align-items:center;gap:11px;padding-top:18px;border-top:1px solid var(--ov13-line);font:600 11px/1.7 Manrope,sans-serif;max-width:400px}
.ordering-v13 .ov13-location>span:first-child{font-size:28px;line-height:1;color:#4f856b}
.ordering-v13 .ov13-hero-photo{position:relative;min-width:0;min-height:560px;overflow:hidden;background:#9b8470}
.ordering-v13 .ov13-hero-photo img{position:absolute;inset:0;object-position:50% 58%}
.ordering-v13 .ov13-hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b231b80,transparent 45%)}
.ordering-v13 .ov13-hero-photo figcaption{position:absolute;right:30px;top:28px;border-radius:50%;width:126px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ov13-yellow);color:var(--ov13-green);transform:rotate(9deg);z-index:1}
.ordering-v13 .ov13-hero-photo figcaption>span{font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.12em}
.ordering-v13 .ov13-hero-photo figcaption>strong{font:800 31px/1.1 'Barlow Condensed',sans-serif}
.ordering-v13 .ov13-photo-index{position:absolute;bottom:23px;right:28px;color:var(--ov13-paper);font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.16em;z-index:1}
.ordering-v13 .ov13-choice-section{padding-block:65px 74px;scroll-margin-top:calc(var(--header-offset,88px) + 20px)}
.ordering-v13 .ov13-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:30px}
.ordering-v13 .ov13-section-head h2{font-size:clamp(48px,5.2vw,76px)}
.ordering-v13 .ov13-section-head h2 span{color:#579378}
.ordering-v13 .ov13-section-head>p{font-size:14px;line-height:1.75;max-width:350px;margin:0 0 3px}
.ordering-v13 .ov13-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ordering-v13 .ov13-choice{min-width:0;background:#e5eddf;border:1px solid var(--ov13-line);border-radius:7px;overflow:hidden;display:flex;flex-direction:column}
.ordering-v13 .ov13-choice-away{background:#eee8da}
.ordering-v13 .ov13-choice-image{position:relative;height:230px;overflow:hidden}
.ordering-v13 .ov13-choice-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071e18b3,transparent 45%);pointer-events:none}
.ordering-v13 .ov13-choice-image img{transition:transform .4s ease;object-position:50% 65%}
.ordering-v13 .ov13-choice-away .ov13-choice-image img{object-position:50% 53%}
.ordering-v13 .ov13-image-label{position:absolute;bottom:19px;left:26px;right:20px;z-index:1;color:#fffaf0;letter-spacing:.1em;font:600 10px/1.6 Manrope,sans-serif}
.ordering-v13 .ov13-choice-copy{padding:26px 28px 24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.ordering-v13 .ov13-choice-title{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-bottom:15px}
.ordering-v13 .ov13-choice-title h3{font-size:clamp(42px,4.4vw,60px)}
.ordering-v13 .ov13-choice-title>span{font-size:29px;line-height:1;border:1px solid #073b3150;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;flex:none}
.ordering-v13 .ov13-choice-copy>p{font-size:15px;line-height:1.7;max-width:420px;margin-bottom:24px}
.ordering-v13 .ov13-choice-copy .ov13-button{width:100%;margin-top:auto}
.ordering-v13 .ov13-choice-copy small{font:400 10px/1.6 Manrope,sans-serif;margin-top:11px;color:#43594e}
.ordering-v13 .ov13-how{background:var(--ov13-green);color:var(--ov13-paper);padding-block:62px 66px}
.ordering-v13 .ov13-how .ov13-kicker{color:#b6dfc5}
.ordering-v13 .ov13-how .ov13-section-head>p{color:#e0e8dd}
.ordering-v13 .ov13-walk-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:5.5%;align-items:stretch}
.ordering-v13 .ov13-walk-visual{background:#b6dfc5;color:var(--ov13-green);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;padding:24px 25px;min-height:340px;align-self:start;position:sticky;top:calc(var(--header-offset,88px) + 20px)}
.ordering-v13 .ov13-mini-top,.ordering-v13 .ov13-mini-bottom{display:flex;justify-content:space-between;gap:14px;font:600 9px/1.5 Manrope,sans-serif;letter-spacing:.1em}
.ordering-v13 .ov13-mini-top{border-bottom:1px solid #073b3136;padding-bottom:14px}
.ordering-v13 .ov13-mini-bottom{border-top:1px solid #073b3136;padding-top:14px}
.ordering-v13 .ov13-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:center;position:relative;padding-block:35px}
.ordering-v13 .ov13-journey-line{position:absolute;top:48%;left:10%;right:10%;border-top:1px dashed #073b3166}
.ordering-v13 .ov13-journey-stop{position:relative;display:flex;align-items:center;flex-direction:column;background:#b6dfc5;padding:8px;transition:transform .23s ease,color .23s ease;min-width:0}
.ordering-v13 .ov13-journey-stop svg{height:95px;width:80px;max-width:100%;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ordering-v13 .ov13-journey-stop>span{font:800 23px/1 'Barlow Condensed',sans-serif;padding-top:14px}
.ordering-v13 .ov13-enhanced .ov13-journey-stop{color:#426b58;transform:scale(.88)}
.ordering-v13 .ov13-enhanced .ov13-journey[data-order-scene="0"] .ov13-stop-phone,.ordering-v13 .ov13-enhanced .ov13-journey[data-order-scene="1"] .ov13-stop-cup,.ordering-v13 .ov13-enhanced .ov13-journey[data-order-scene="2"] .ov13-stop-bag{color:#073b31;transform:scale(1.08) translateY(-6px)}
.ordering-v13 .ov13-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-bottom:1px solid #f6f3eb40;margin-bottom:26px}
.ordering-v13 .ov13-step-nav button{border:0;border-bottom:3px solid transparent;border-radius:0;color:#d9e5dc;padding:4px 0 15px;text-align:left;min-height:67px;opacity:1;display:flex;flex-direction:column;gap:6px;background:none;font:600 11px/1.4 Manrope,sans-serif}
.ordering-v13 .ov13-step-nav button>span:first-child{font:800 25px/1 'Barlow Condensed',sans-serif}
.ordering-v13 .ov13-step-nav button[aria-pressed="true"]{border-color:var(--ov13-yellow);color:var(--ov13-yellow)}
.ordering-v13 .ov13-step-panel{padding-block:15px 22px;border-bottom:1px solid #f6f3eb30}
.ordering-v13 .ov13-step-panel h3{font-size:clamp(34px,3.7vw,48px);margin-bottom:19px;line-height:1.02}
.ordering-v13 .ov13-step-panel>p:not(.ov13-kicker){font-size:15px;line-height:1.8;max-width:510px}
.ordering-v13 .ov13-step-panel .ov13-step-note{font-size:12px!important;color:#d7e7da;padding-left:15px;border-left:2px solid #b6dfc5;margin-bottom:0}
.ordering-v13 .ov13-step-panel .ov13-kicker{font-size:10px;margin-bottom:13px}
.ordering-v13 .ov13-enhanced .ov13-step-panel{border:0;min-height:252px;padding:0}
.ordering-v13 .ov13-step-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #f6f3eb40;padding-top:19px}
.ordering-v13 .ov13-step-controls button{border:1px solid #f6f3eb70;color:var(--ov13-paper);background:none;border-radius:50%;width:46px;height:46px;padding:0;display:grid;place-items:center;font-size:22px;line-height:1}
.ordering-v13 .ov13-step-controls button:disabled{opacity:.3;cursor:default}
.ordering-v13 .ov13-step-controls>span{font:600 11px/1.5 Manrope,sans-serif;color:#dae6dd}
.ordering-v13 .ov13-step-panel.ov13-step-enter{animation:ov13-enter .23s ease both}
@keyframes ov13-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
.ordering-v13 .ov13-counter{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;padding-block:76px}
.ordering-v13 .ov13-counter>figure{min-width:0;position:relative;height:415px;border-radius:4px;overflow:hidden;background:#9b8470}
.ordering-v13 .ov13-counter>figure img{object-position:46% 55%}
.ordering-v13 .ov13-counter figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 25px 23px;background:linear-gradient(0deg,#08241bc9,transparent);color:#fffaf0;letter-spacing:.1em;font:600 9px/1.7 Manrope,sans-serif}
.ordering-v13 .ov13-counter h2{font-size:clamp(48px,5.4vw,76px);margin-bottom:23px}
.ordering-v13 .ov13-counter p:not(.ov13-kicker){font-size:15px;line-height:1.8;max-width:450px}
.ordering-v13 .ov13-voucher{background:#e5eddf;border-top:1px solid var(--ov13-line)}
.ordering-v13 .ov13-voucher-inner{display:flex;align-items:center;gap:26px;padding-block:42px}
.ordering-v13 .ov13-voucher h2{font-size:clamp(34px,3.5vw,50px);line-height:1.05;margin-bottom:11px}
.ordering-v13 .ov13-voucher .ov13-kicker{font-size:10px;margin-bottom:10px}
.ordering-v13 .ov13-voucher p:last-child{font-size:13px;margin-bottom:0}
.ordering-v13 .ov13-voucher-mark{font-size:90px;line-height:1;color:#5f9477;flex:none}
.ordering-v13 .ov13-voucher .ov13-button{margin-left:auto;flex:none}
@media(hover:hover){.ordering-v13 .ov13-button:hover{background:#195b49;transform:translateY(-2px)}.ordering-v13 .ov13-hero-actions .ov13-button:hover{background:#ffeb98}.ordering-v13 .ov13-choice:hover .ov13-choice-image img{transform:scale(1.025)}.ordering-v13 .ov13-step-nav button:hover{color:#ffe16c}.ordering-v13 .ov13-step-controls button:not(:disabled):hover{background:#ffffff1a}}
@media(min-width:1600px){.ordering-v13 .ov13-hero-copy{padding-left:80px}}
@media(max-width:1180px){.ordering-v13 .ov13-hero{min-height:525px;grid-template-columns:1.1fr 1fr}.ordering-v13 .ov13-hero-copy{padding-top:45px;padding-bottom:30px}.ordering-v13 .ov13-hero h1{font-size:clamp(66px,7.5vw,89px)}.ordering-v13 .ov13-hero-photo{min-height:525px}.ordering-v13 .ov13-hero-actions{gap:12px 18px;margin-bottom:24px}.ordering-v13 .ov13-hero-actions .ov13-button{font-size:13px;padding-inline:20px}.ordering-v13 .ov13-choice-image{height:210px}.ordering-v13 .ov13-choice-copy{padding:24px}.ordering-v13 .ov13-journey{gap:8px}.ordering-v13 .ov13-walk-visual{padding-inline:20px}.ordering-v13 .ov13-voucher-mark{font-size:70px}.ordering-v13 .ov13-voucher-inner{gap:20px}}
@media(max-width:900px){.ordering-v13 .ov13-hero{grid-template-columns:1.15fr 1fr;min-height:500px}.ordering-v13 .ov13-hero h1{font-size:clamp(55px,7.4vw,66px)}.ordering-v13 .ov13-hero-copy{padding-right:22px}.ordering-v13 .ov13-hero-photo{min-height:500px}.ordering-v13 .ov13-lede{font-size:18px}.ordering-v13 .ov13-hero-photo figcaption{width:101px;right:20px;top:22px}.ordering-v13 .ov13-hero-photo figcaption>strong{font-size:25px}.ordering-v13 .ov13-hero-photo figcaption>span{font-size:8px}.ordering-v13 .ov13-section-head>p{max-width:290px;font-size:13px}.ordering-v13 .ov13-choice-title h3{font-size:44px}.ordering-v13 .ov13-choice-title>span{width:36px;height:36px;font-size:24px}.ordering-v13 .ov13-choice-copy>p{font-size:14px}.ordering-v13 .ov13-choice-copy .ov13-button{font-size:12px;padding-inline:18px;gap:12px}.ordering-v13 .ov13-walk-layout{grid-template-columns:.8fr 1fr;gap:28px}.ordering-v13 .ov13-journey{gap:2px;padding-block:32px}.ordering-v13 .ov13-journey-stop{padding-inline:2px}.ordering-v13 .ov13-journey-stop svg{height:76px}.ordering-v13 .ov13-walk-visual{min-height:320px;padding-inline:17px}.ordering-v13 .ov13-mini-top,.ordering-v13 .ov13-mini-bottom{font-size:7px;gap:8px}.ordering-v13 .ov13-step-nav{gap:8px}.ordering-v13 .ov13-step-nav button{font-size:10px}.ordering-v13 .ov13-enhanced .ov13-step-panel{min-height:290px}.ordering-v13 .ov13-counter{gap:5%;padding-block:60px}.ordering-v13 .ov13-counter>figure{height:390px}.ordering-v13 .ov13-voucher-inner{flex-wrap:wrap}.ordering-v13 .ov13-voucher-inner>div:nth-child(2){flex:1;min-width:0}.ordering-v13 .ov13-voucher .ov13-button{margin-left:90px}}
@media(max-width:700px){.ordering-v13 .ov13-hero{display:flex;flex-direction:column;min-height:0}.ordering-v13 .ov13-hero-copy{padding:38px 22px 30px;align-self:stretch}.ordering-v13 .ov13-hero h1{font-size:clamp(62px,12.8vw,89px);margin-bottom:22px}.ordering-v13 .ov13-kicker{font-size:10px;letter-spacing:.1em}.ordering-v13 .ov13-lede{max-width:420px;font-size:20px}.ordering-v13 .ov13-intro{max-width:420px}.ordering-v13 .ov13-hero-actions{margin:23px 0 25px;gap:10px 22px}.ordering-v13 .ov13-location{max-width:none}.ordering-v13 .ov13-hero-photo{height:330px;min-height:0}.ordering-v13 .ov13-hero-photo img{object-position:50% 65%}.ordering-v13 .ov13-hero-photo figcaption{width:105px;top:20px;right:22px}.ordering-v13 .ov13-photo-index{font-size:9px;right:22px;bottom:19px}.ordering-v13 .ov13-choice-section{padding-block:43px 45px}.ordering-v13 .ov13-section-head{display:block;margin-bottom:25px}.ordering-v13 .ov13-section-head h2{font-size:56px}.ordering-v13 .ov13-section-head .ov13-kicker{margin-bottom:13px}.ordering-v13 .ov13-section-head>p{max-width:400px;font-size:14px;margin-top:18px}.ordering-v13 .ov13-choices{grid-template-columns:1fr;gap:22px}.ordering-v13 .ov13-choice-image{height:220px}.ordering-v13 .ov13-choice-copy{padding:24px}.ordering-v13 .ov13-choice-title h3{font-size:50px}.ordering-v13 .ov13-choice-copy>p{font-size:15px}.ordering-v13 .ov13-choice-copy .ov13-button{font-size:14px;min-height:56px}.ordering-v13 .ov13-how{padding-block:43px}.ordering-v13 .ov13-walk-layout{display:flex;flex-direction:column;gap:26px}.ordering-v13 .ov13-walk-visual{position:relative;top:auto;min-height:260px;width:100%;padding:20px 23px}.ordering-v13 .ov13-journey{padding-block:23px;gap:20px;max-width:390px;width:100%;margin-inline:auto}.ordering-v13 .ov13-journey-stop svg{height:80px}.ordering-v13 .ov13-mini-top,.ordering-v13 .ov13-mini-bottom{font-size:8px}.ordering-v13 .ov13-step-nav{gap:16px}.ordering-v13 .ov13-step-nav button{font-size:11px}.ordering-v13 .ov13-step-panel h3{font-size:42px}.ordering-v13 .ov13-enhanced .ov13-step-panel{min-height:260px}.ordering-v13 .ov13-counter{grid-template-columns:1fr;gap:30px;padding-block:45px}.ordering-v13 .ov13-counter>figure{height:290px}.ordering-v13 .ov13-counter h2{font-size:61px}.ordering-v13 .ov13-counter h2 br{display:none}.ordering-v13 .ov13-voucher-inner{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding-block:32px}.ordering-v13 .ov13-voucher-mark{font-size:52px;align-self:start}.ordering-v13 .ov13-voucher h2{font-size:39px}.ordering-v13 .ov13-voucher .ov13-button{grid-column:1/-1;margin-left:0;width:100%}}
@media(max-width:380px){.ordering-v13 .ov13-hero h1{font-size:58px}.ordering-v13 .ov13-choice-copy{padding:22px 20px}.ordering-v13 .ov13-choice-title h3{font-size:46px}.ordering-v13 .ov13-step-panel h3{font-size:38px}.ordering-v13 .ov13-step-nav{gap:10px}.ordering-v13 .ov13-step-nav button{font-size:10px}.ordering-v13 .ov13-enhanced .ov13-step-panel{min-height:285px}}
@media(prefers-reduced-motion:reduce){.ordering-v13 *,.ordering-v13 *:before,.ordering-v13 *:after{animation:none!important;transition:none!important}.ordering-v13 .ov13-journey-stop{transform:none!important}}
.ordering-v13.ov13-low-data *{animation:none!important;transition:none!important}
@media print{.ordering-v13 .ov13-hero-photo,.ordering-v13 .ov13-walk-visual,.ordering-v13 .ov13-step-nav,.ordering-v13 .ov13-step-controls{display:none!important}.ordering-v13 .ov13-step-panel[hidden]{display:block!important}.ordering-v13 .ov13-hero,.ordering-v13 .ov13-walk-layout{display:block}.ordering-v13 .ov13-how{background:white;color:#073b31}.ordering-v13 .ov13-step-panel .ov13-step-note,.ordering-v13 .ov13-how .ov13-kicker{color:#073b31}.ordering-v13 .ov13-hero-copy{padding:25px}.ordering-v13 .ov13-choices{break-inside:avoid}}

/* English heading metrics differ slightly from the German original. */
@media(max-width:700px){.ordering-v13:lang(en) .ov13-hero h1{font-size:clamp(60px,12.3vw,84px)}}
@media(max-width:380px){.ordering-v13:lang(en) .ov13-hero h1{font-size:56px}}

/* Final reading pass: body copy and actionable labels must remain comfortable. */
.ordering-v13 .ov13-intro,.ordering-v13 .ov13-choice-copy>p,.ordering-v13 .ov13-step-panel>p:not(.ov13-kicker),.ordering-v13 .ov13-counter p:not(.ov13-kicker){font-size:17px;line-height:1.7}
.ordering-v13 .ov13-section-head>p{font-size:16px;line-height:1.7}
.ordering-v13 .ov13-button,.ordering-v13 .ov13-choice-copy .ov13-button,.ordering-v13 .ov13-hero-actions .ov13-button{font-size:15px}
.ordering-v13 .ov13-text-link{font-size:15px}
.ordering-v13 .ov13-step-panel .ov13-step-note{font-size:14px!important}
.ordering-v13 .ov13-step-nav button{font-size:13px;min-height:48px}
@media(max-width:360px){.ordering-v13 .ov13-hero h1{font-size:clamp(48px,16.1vw,58px)}.ordering-v13:lang(en) .ov13-hero h1{font-size:clamp(48px,15.6vw,56px)}}