/* Independent, full-page business examples. Shared structure, distinct identities. */
:root{--branch-header-height:104px}
.branch-page{--page-bg:#101113;--ink:#f5ead5;--soft:#c3b8a6;--panel:#1c1c1b;--stroke:#f5ead530;--accent:#f1bb75;--accent-ink:#282017;--hero-bg:#101113;--display:Anton,Impact,sans-serif;background:var(--page-bg);color:var(--ink);overflow-x:clip}
.branch-page[data-brand=smash][data-theme=light]{--page-bg:#f5e9d2;--ink:#39251e;--soft:#745b4b;--panel:#eddbba;--stroke:#39251e30;--accent:#af3019;--accent-ink:#fff5e4;--hero-bg:#f5e9d2}
.branch-page[data-brand=werk]{--page-bg:#e9eae2;--ink:#293d33;--soft:#607264;--panel:#f4f4ed;--stroke:#293d332c;--accent:#293d33;--accent-ink:#f4f4ed;--hero-bg:#e9eae2;--display:Inter,Arial,sans-serif}
.branch-page[data-brand=werk][data-theme=dark]{--page-bg:#17221d;--ink:#dee6d7;--soft:#a3b7a4;--panel:#223129;--stroke:#dee6d72d;--accent:#c5d6b2;--accent-ink:#17221d;--hero-bg:#17221d}
.branch-page[data-brand=after]{--page-bg:#c3b8e8;--ink:#24173b;--soft:#534367;--panel:#d8cff1;--stroke:#24173b35;--accent:#eeff9a;--accent-ink:#24173b;--hero-bg:#c3b8e8;--display:Arial,sans-serif}
.branch-page[data-brand=after][data-theme=dark]{--page-bg:#1d142c;--ink:#ece3ff;--soft:#baabd1;--panel:#30203f;--stroke:#ece3ff30;--hero-bg:#1d142c}
.branch-page[data-brand=still]{--page-bg:#eae6ef;--ink:#4b3f54;--soft:#76677f;--panel:#f5f1f6;--stroke:#4b3f5433;--accent:#5c466a;--accent-ink:#f9f4f5;--hero-bg:#eae6ef;--display:Georgia,serif}
.branch-page[data-brand=still][data-theme=dark]{--page-bg:#26202d;--ink:#ebe2ee;--soft:#b8a8c2;--panel:#342b3e;--stroke:#ebe2ee33;--accent:#d3bedb;--accent-ink:#302238;--hero-bg:#26202d}
.branch-page[data-brand=zest]{--page-bg:#f4f4e5;--ink:#163bc1;--soft:#41599b;--panel:#e7eccf;--stroke:#163bc133;--accent:#1649e7;--accent-ink:#efff8d;--hero-bg:#1649e7;--display:Bricolage,Arial,sans-serif;font-family:Bricolage,Arial,sans-serif}
.branch-page[data-brand=zest][data-theme=dark]{--page-bg:#0b1949;--ink:#efff8d;--soft:#b6c2e3;--panel:#17295d;--stroke:#efff8d35;--accent:#efff8d;--accent-ink:#123dc9;--hero-bg:#0a216c}
.branch-page :is(a,button,input,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.branch-page [id]{scroll-margin-top:calc(var(--branch-header-height) + 20px)}
.branch-page [hidden]{display:none!important}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.branch-header{position:sticky;top:0;z-index:50;padding:14px 5% 9px;background:var(--page-bg);border-bottom:1px solid var(--stroke)}
.branch-header-main{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1600px;margin:auto;min-height:45px}
.branch-wordmark{font-size:31px;line-height:1;letter-spacing:-1.8px;white-space:nowrap}
[data-brand=smash] .branch-wordmark{font:bold italic 38px/.9 Georgia,serif;color:var(--accent);letter-spacing:-3px;transform:rotate(-5deg)}
[data-brand=after] .branch-wordmark{font:700 24px/1 monospace;letter-spacing:-1.7px}
[data-brand=still] .branch-wordmark{font:46px/.7 Georgia,serif;letter-spacing:-4px}
[data-brand=zest] .branch-wordmark{font:800 37px/1 Bricolage,Arial,sans-serif;letter-spacing:-2.5px;transform:rotate(-5deg)}
.branch-navigation{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:12px}
.branch-navigation a{padding:8px 0;text-underline-offset:6px}
@media(hover:hover) and (pointer:fine){.branch-navigation a:hover{text-decoration:underline}}
.branch-navigation .branch-nav-contact{padding:10px 14px;background:var(--accent);color:var(--accent-ink)}
.theme-switch{display:flex;align-items:center;gap:2px;border:1px solid var(--stroke);padding:3px;flex:none;border-radius:7px}
.theme-switch button{display:flex;align-items:center;gap:6px;padding:8px 10px;background:none;color:var(--soft);font:11px Inter,Arial,sans-serif;border-radius:4px;min-height:34px}
.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--page-bg)}
.theme-switch svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.4}
.branch-back{display:block;width:fit-content;margin-top:9px;color:var(--soft);font:11px/1.3 Inter,Arial,sans-serif;letter-spacing:0}
@media(hover:hover) and (pointer:fine){.branch-back:hover{color:var(--ink)}}
.branch-loading,.route-missing,.no-script{padding:100px 6%;max-width:1000px;margin:auto}.route-missing h1{font-size:clamp(35px,6vw,70px);line-height:1.1;margin-bottom:30px}.route-missing .business-button{margin-top:30px}

/* Full-width, scroll-led opening scenes. */
.brand-scroll-scene{position:relative;height:calc(100svh + 350px)}
.branch-hero-frame{position:sticky;top:var(--branch-header-height);height:calc(100svh - var(--branch-header-height));min-height:580px;max-height:1000px;width:100%;overflow:hidden}
.branch-hero-frame>[data-scroll-brand]{height:100%}
.branch-hero-frame .smash-headline{top:12%}
.branch-hero-frame .smash-headline h3{font-size:clamp(70px,10.2cqw,155px);line-height:.97}
.branch-hero-frame .smash-second{top:24%;font-size:clamp(76px,12cqw,185px)}
.branch-hero-frame .smash-order>a{background:#ec4d28;color:#fff5e3;border-radius:3px;box-shadow:5px 5px 0 #fcbe74;padding:17px 31px;font:32px/1 Anton,Impact,sans-serif;transform:rotate(-3deg);display:inline-block}
@media(hover:hover) and (pointer:fine){.branch-hero-frame .smash-order>a:hover{transform:rotate(0deg)}}
.branch-hero-frame .brand-food{background:var(--hero-bg)}
[data-brand=smash][data-theme=light] .smash-vignette{background:linear-gradient(90deg,#f5e9d2 3%,#f5e9d2e8 26%,#f5e9d200 75%),linear-gradient(0deg,#f5e9d2 0%,transparent 24%)}
[data-brand=smash][data-theme=light] :is(.smash-headline,.smash-second){color:#39251e}
[data-brand=smash][data-theme=light] :is(.smash-headline h3>span,.smash-second em){color:#a9301c}
[data-brand=smash][data-theme=light] .smash-order p{color:#39251e}
.branch-hero-frame .brand-craft.werk-technical{background-color:var(--hero-bg);color:var(--ink)}
.branch-hero-frame .werk-rail{padding-top:35px}
.branch-hero-frame .werk-wordmark{font-size:clamp(25px,3.05cqw,46px)}
.branch-hero-frame .werk-discipline,.branch-hero-frame .werk-drawing figcaption{color:var(--soft);font-size:12px}
.branch-hero-frame .werk-project>span{background:var(--page-bg);color:var(--ink);font-size:12px}
[data-brand=werk][data-theme=dark] .werk-technical{background-image:linear-gradient(#bfd3b710 1px,transparent 1px),linear-gradient(90deg,#bfd3b710 1px,transparent 1px)}
[data-brand=werk][data-theme=dark] :is(.werk-drawing img,.werk-process-body figure img){filter:invert(1);opacity:.85}
.branch-hero-frame .brand-popup{background:var(--hero-bg);color:var(--ink)}
.branch-hero-frame .pop-heading{top:15%}
.branch-hero-frame .pop-heading h3{font-size:clamp(100px,12cqw,195px)}
.branch-hero-frame .pop-photo{top:10%;height:76%}
.branch-hero-frame .pop-date{font-size:28px}
.branch-hero-frame .after-ticket:before,.branch-hero-frame .after-ticket:after{background:var(--page-bg)}
[data-brand=after][data-theme=dark] .pop-giant{-webkit-text-stroke-color:#d0b4ff25}
.branch-hero-frame .brand-porcelain.still-gallery{background:var(--hero-bg);color:var(--ink)}
.branch-hero-frame .still-masthead{top:3%}
.branch-hero-frame .still-masthead>strong{font-size:min(21cqw,300px)}
.branch-hero-frame .still-masthead>span{font-size:11px}
.branch-hero-frame .still-photograph{top:36%;left:30%;right:27%;bottom:6%}
.branch-hero-frame .still-thought{font-size:clamp(38px,4.2cqw,68px);bottom:10%;text-shadow:0 1px 18px var(--page-bg)}
.branch-hero-frame .still-collection{font-size:20px}
[data-brand=still][data-theme=dark] .still-drawing{stroke:#cbb3d7}
.branch-hero-frame .brand-drinks{background:var(--hero-bg)}
.branch-hero-frame .zest-supertype{top:14%;font-size:clamp(140px,16cqw,245px)}
.branch-hero-frame .zest-product{top:0%;bottom:11%;width:47%;left:26.5%}
.branch-hero-frame .zest-side-note{font-size:19px;bottom:23%}
.branch-hero-frame .zest-side-note em{font-size:27px}
.branch-hero-frame .zest-taste{font-size:29px}

/* Section rhythm and business forms. */
.business-section{padding:105px max(6%,calc((100vw - 1280px)/2));}
.business-heading{display:grid;grid-template-columns:1fr auto;gap:14px 60px;align-items:end;margin-bottom:55px}
.business-heading>p{grid-column:1 / -1;font-size:12px;letter-spacing:.09em;color:var(--soft)}
.business-heading h2{font-family:var(--display);font-size:clamp(42px,5.6vw,84px);line-height:1.06;letter-spacing:-.045em;max-width:920px}
.business-heading>span{max-width:300px;font-size:15px;line-height:1.65;color:var(--soft);padding-bottom:5px}
.business-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:15px 24px;background:var(--accent);color:var(--accent-ink);font-size:14px;line-height:1.2;transition:transform .2s}
@media(hover:hover) and (pointer:fine){.business-button:hover{transform:translateY(-3px)}}
.business-story{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:var(--panel)}
.story-photo{position:relative;overflow:hidden;min-height:600px}
.story-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:85px max(10%,40px)}
.story-copy>p:first-child{font-size:11px;letter-spacing:.11em;color:var(--soft);margin-bottom:27px}
.story-copy h2{font-family:var(--display);font-size:clamp(45px,5.2vw,84px);line-height:1.05;letter-spacing:-.035em;margin-bottom:28px}
.story-copy>p:not(:first-child){font-size:16px;line-height:1.8;color:var(--soft);max-width:420px;margin-bottom:22px}
.story-copy .business-button{margin-top:15px}
.branch-visit{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;background:var(--panel)}
.visit-intro>p:first-child{font-size:12px;color:var(--soft);margin-bottom:23px}
.visit-intro h2{font-family:var(--display);font-size:clamp(40px,4.6vw,70px);line-height:1.07;letter-spacing:-.04em;margin-bottom:25px}
.visit-intro>p{font-size:16px;line-height:1.7;color:var(--soft)}
.visit-details{margin-top:47px}
.visit-details h3{font-size:21px;line-height:1.3;margin-bottom:18px}
.visit-details p{font-size:14px;line-height:1.9;color:var(--soft);margin-top:16px}
.business-form{padding-top:12px}
.business-form label{font-size:13px;color:var(--ink);margin:0 0 22px}
.business-form input,.business-form textarea{border:0;border-bottom:1px solid var(--stroke);background:transparent;border-radius:0;color:var(--ink);padding:14px 0;margin-top:4px;font-size:16px}
.business-form input::placeholder,.business-form textarea::placeholder{color:var(--soft);opacity:.75}
.business-form-note{font-size:12px;color:var(--soft);line-height:1.6;max-width:340px;margin:25px 0 22px}
.business-form-status{font-size:13px;line-height:1.6;margin-top:20px;color:var(--ink)}
.branch-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:46px 6%;font-size:12px;color:var(--soft)}
.branch-footer .footer-brand{font-family:var(--display);font-size:40px;color:var(--ink);letter-spacing:-.05em}

/* SMASH — a diner menu with oversized lettering. */
[data-brand=smash] .business-heading h2{font-size:clamp(64px,9vw,135px);letter-spacing:-.025em;line-height:.96}
.smash-menu{display:grid;grid-template-columns:.95fr 1.3fr;gap:8%}
.smash-menu .business-heading{display:block;margin:0}
.smash-menu .business-heading>p{margin-bottom:28px}
.smash-menu .business-heading>span{display:block;margin-top:30px}
.diner-menu article{display:flex;align-items:flex-start;gap:18px;padding:29px 0;border-bottom:1px solid var(--stroke)}
.diner-menu article>span{font:12px monospace;color:var(--accent);padding-top:9px}
.diner-menu article h3{font:31px/1.1 Anton,Impact,sans-serif;margin-bottom:12px}
.diner-menu article p{font-size:14px;line-height:1.7;color:var(--soft);max-width:350px}
.diner-menu article>strong{font:29px Anton,Impact,sans-serif;white-space:nowrap;margin-left:auto}
.menu-side{margin-top:40px;display:flex;gap:30px;align-items:center;justify-content:space-between}
.menu-side>span{font:30px/1 Anton,Impact,sans-serif;color:var(--accent);transform:rotate(-4deg)}
.menu-side p{font-size:12px;line-height:1.8;color:var(--soft)}
[data-brand=smash] .business-button{background:#e44925;color:#fff2d9;font:23px Anton,Impact,sans-serif;box-shadow:4px 4px 0 var(--accent);border-radius:2px}
.smash-story .story-photo img{object-position:55% 50%}

/* WERKRAUM — measured drawings and a quiet construction grid. */
[data-brand=werk] .business-heading h2{font-size:clamp(38px,4.5vw,67px);font-weight:400;letter-spacing:-.055em;line-height:1.14}
.werk-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5%}
.werk-service-grid article{border-top:1px solid var(--stroke);padding-top:25px}
.werk-service-grid svg{height:175px;width:100%;stroke:var(--ink);stroke-width:1.15;margin:10px 0 30px}
.werk-service-grid h3{font-size:22px;letter-spacing:-.6px;margin-bottom:17px}
.werk-service-grid p{color:var(--soft);font-size:14px;line-height:1.8;max-width:310px}
.werk-process{background-color:var(--panel);background-image:linear-gradient(var(--stroke) .5px,transparent .5px),linear-gradient(90deg,var(--stroke) .5px,transparent .5px);background-size:65px 65px}
.werk-process .business-heading{background:var(--panel);width:fit-content;padding:15px 30px 15px 0}
.werk-process-body{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.werk-process-body figure{margin:0;padding:0 10%;text-align:center}
.werk-process-body figure img{width:100%;max-height:440px;object-fit:contain}
.werk-process-body figcaption{font:10px monospace;color:var(--soft);margin-top:30px}
.werk-process-body ol{list-style:none;padding:0;margin:0;background:var(--panel)}
.werk-process-body li{display:flex;align-items:flex-start;gap:25px;padding:28px 25px;border-bottom:1px solid var(--stroke)}
.werk-process-body li>span{font:13px monospace;color:var(--soft);padding-top:4px}
.werk-process-body li h3{font-size:22px;margin-bottom:14px;letter-spacing:-.5px}
.werk-process-body li p{font-size:14px;line-height:1.8;color:var(--soft)}

/* AFTER HOURS — a programme laid out like a pair of fly-posters. */
[data-brand=after] .business-heading h2{font-weight:900;letter-spacing:-.07em;line-height:.94;font-size:clamp(58px,7.3vw,110px)}
.after-lineup .business-heading{margin-bottom:70px}
.night-list{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.night-list article{padding:40px;background:#efff9a;color:#24173b;position:relative;transform:rotate(-2deg)}
.night-list article:nth-child(2){background:#fff1d1;transform:rotate(2deg);margin-top:50px}
.night-day{display:flex;justify-content:space-between;align-items:center;font:700 80px/.9 monospace;margin-bottom:40px;letter-spacing:-7px}
.night-day>span{font:14px monospace;letter-spacing:0;border:1px solid #24173b;padding:8px 11px;transform:rotate(4deg)}
.night-list article>div>p{font:11px monospace;margin-bottom:15px}
.night-list h3{font:900 clamp(35px,4.5vw,64px)/.97 Arial,sans-serif;letter-spacing:-.06em;margin-bottom:24px}
.night-list article>div>span:not(.night-day span){font-size:14px;line-height:1.7;display:block;max-width:360px}
.night-list article>a{display:flex;justify-content:space-between;align-items:center;font:13px monospace;border-top:1px dashed #24173b66;margin-top:36px;padding-top:20px}
.night-list article>a>span{font-size:35px;line-height:1}
.after-story{background:#24173b;color:#efff9a;margin-top:35px}
.after-story .story-photo{clip-path:polygon(0 0,96% 0,100% 100%,0 100%)}
.after-story .story-copy p{color:#c5b8dd}
.after-story .story-copy h2{font:900 clamp(50px,5.5vw,85px)/.94 Arial,sans-serif;letter-spacing:-.065em}
.after-story .business-button{background:#efff9a;color:#24173b;font-family:monospace;transform:rotate(-3deg)}
[data-brand=after] .visit-intro h2{font-weight:900;letter-spacing:-.06em}
[data-brand=after] .business-form .business-button{font-family:monospace;box-shadow:5px 5px 0 var(--ink)}

/* STILL — a calm, spacious catalogue with hand-drawn product outlines. */
.still-collection-page{text-align:center;padding-top:130px;padding-bottom:130px}
.still-collection-page .business-heading{display:block}
.still-collection-page .business-heading>p{margin-bottom:24px;letter-spacing:.02em}
.still-collection-page .business-heading h2{font-size:clamp(48px,6vw,88px);margin:auto}
.still-collection-page .business-heading>span{display:block;max-width:none;margin-top:24px;font-size:14px}
.still-pieces{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;margin:55px auto 65px}
.ceramic-sketch{height:300px;display:grid;place-items:center;background:var(--panel);border-radius:48% 48% 0 0}
.ceramic-sketch svg{height:88%;width:88%;stroke:var(--ink);stroke-width:1.2;opacity:.8}
.still-pieces article:nth-child(2){margin-top:65px}
.still-pieces h3{font:31px/1.2 Georgia,serif;margin:25px 0 9px;letter-spacing:-1px}
.still-pieces p{font-size:13px;color:var(--soft)}
.still-text-link{display:inline-block;font:19px/1.5 Georgia,serif;border-bottom:1px solid var(--stroke);padding-bottom:7px;text-underline-offset:7px}
@media(hover:hover) and (pointer:fine){.still-text-link:hover{border-color:var(--ink)}}
.still-story{background:var(--page-bg);padding:0 7% 90px;grid-template-columns:.9fr 1fr;gap:8%;min-height:650px}
.still-story .story-photo{min-height:640px;transform:rotate(-3deg);border:12px solid var(--panel)}
.still-story .story-photo img{object-position:50% 60%}
.still-story .story-copy{padding:50px 0}
.still-story .story-copy h2{font-size:clamp(42px,4.4vw,68px)}
.still-story .still-text-link{margin-top:15px}
[data-brand=still] .branch-visit{border-radius:50% 50% 0 0 / 70px 70px 0 0;padding-top:135px}
[data-brand=still] .business-form .business-button{font-family:Georgia,serif;font-size:19px}

/* ZEST — colour-blocked flavours and a stand drawn for this brand. */
[data-brand=zest] .business-heading h2{font-weight:800;font-size:clamp(60px,7.5vw,110px);letter-spacing:-.07em;line-height:.9}
.flavour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;padding-top:25px}
.flavour-grid article{position:relative;min-height:530px;padding:30px;border-radius:130px 130px 15px 15px;display:flex;flex-direction:column;justify-content:flex-end;color:#1734a8;background:#efff8d;transform:rotate(-3deg)}
.flavour-grid .flavour-ginger{background:#f77746;color:#502816;transform:rotate(3deg);margin-top:50px}
.flavour-grid .flavour-berry{background:#d0a7ee;color:#4b2373;transform:rotate(-2deg)}
.flavour-number{position:absolute;right:28px;top:130px;font-size:13px;font-weight:700}
.flavour-grid h3{font:800 clamp(43px,4.8vw,72px)/.9 Bricolage,Arial,sans-serif;letter-spacing:-.065em;position:relative;z-index:2}
.flavour-grid p{font-size:16px;line-height:1.6;margin-top:20px}
.fruit-art{position:absolute;top:50px;left:50%;transform:translateX(-50%);width:155px;height:170px}
.citrus-art i{display:block;position:absolute;width:105px;height:105px;left:0;top:20px;border-radius:50%;background:repeating-conic-gradient(#ffce42 0 38deg,#fff3ae 38deg 45deg);border:7px solid #fff8bd;box-shadow:0 0 0 3px #c3aa19}
.citrus-art i+i{width:85px;height:85px;top:75px;left:75px;background:repeating-conic-gradient(#a2c544 0 38deg,#f3fdc5 38deg 45deg);border-color:#e9f6a0;box-shadow:0 0 0 3px #76a039}
.ginger-art{font:180px/.85 Georgia,serif;color:#ffdb65;transform:translateX(-50%) rotate(15deg)}
.berry-art i{position:absolute;width:72px;height:72px;background:#6e3790;border-radius:50%;top:22px;left:9px;box-shadow:inset 6px 6px 0 #9b5cbe}
.berry-art i:nth-child(2){left:72px;top:51px;background:#502575}.berry-art i:nth-child(3){left:17px;top:88px;background:#9250a6}
.zest-stand{background:#1649e7;color:#efff8d;text-align:center;position:relative;overflow:hidden;border-radius:50% 50% 0 0 / 80px 80px 0 0;margin-top:40px}
.zest-stand>p:first-child{font-size:13px;letter-spacing:.12em;margin-bottom:22px}
.zest-stand h2{font:800 clamp(48px,6.8vw,100px)/.91 Bricolage,Arial,sans-serif;letter-spacing:-.065em}
.stand-illustration{height:290px;max-width:480px;margin:65px auto 35px;position:relative;transform:rotate(-4deg)}
.stand-roof{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(90deg,#efff8d 0 35px,#f9ffdc 35px 70px);color:#153ec9;padding:26px 0 19px;font:800 23px/1 Bricolage,Arial,sans-serif;clip-path:polygon(5% 0,95% 0,100% 85%,97% 100%,94% 85%,91% 100%,88% 85%,85% 100%,82% 85%,79% 100%,76% 85%,73% 100%,70% 85%,67% 100%,64% 85%,61% 100%,58% 85%,55% 100%,52% 85%,49% 100%,46% 85%,43% 100%,40% 85%,37% 100%,34% 85%,31% 100%,28% 85%,25% 100%,22% 85%,19% 100%,16% 85%,13% 100%,10% 85%,7% 100%,4% 85%,1% 100%,0 85%)}
.stand-post{position:absolute;top:40px;bottom:20px;width:7px;background:#efff8d}.stand-post.left{left:6%}.stand-post.right{right:6%}
.stand-counter{position:absolute;bottom:0;left:2%;right:2%;height:133px;background:#efff8d;color:#1649e7;font:800 76px/1 Bricolage,Arial,sans-serif;letter-spacing:-5px;padding-top:19px;border:7px solid #c9e666;box-shadow:13px 14px 0 #0a2cab}
.stand-counter span{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}
.stand-copy{font-size:18px;line-height:1.6;max-width:640px;margin:0 auto 25px;color:#f5f4df}
.zest-stand .business-button{background:#efff8d;color:#123dc9;font-weight:800;border-radius:6px;transform:rotate(3deg)}
[data-brand=zest] .branch-visit h2{font-weight:800;letter-spacing:-.065em}
[data-brand=zest] .visit-details h3{font:800 34px/.98 Bricolage,Arial,sans-serif;letter-spacing:-1.5px}

/* Before/after: the same selected business on both sides. */
.branch-comparison .business-heading h2{font-size:clamp(39px,5vw,72px)}
.branch-compare{border:1px solid var(--stroke);overflow:hidden;box-shadow:0 20px 60px #00000012}
.branch-compare-stage{height:530px;position:relative;overflow:hidden;container-type:inline-size}
.compare-modern,.compare-legacy{position:absolute;inset:0;overflow:hidden}
.compare-modern{background:var(--page-bg);color:var(--ink)}
.mini-modern-nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 5%;background:var(--panel)}
.mini-modern-nav strong{font-family:var(--display);font-size:31px;letter-spacing:-1.5px;font-weight:400}
.mini-modern-nav>span{font-size:11px}
.mini-modern-content{position:absolute;inset:72px 0 0}
.mini-modern-content>img{position:absolute;top:0;right:0;width:55%;height:100%;object-fit:cover}
.mini-modern-content h3{position:absolute;top:20%;left:6%;font:clamp(40px,6cqw,80px)/1 var(--display);letter-spacing:-.04em;max-width:70%;z-index:2}
.mini-modern-cta{position:absolute;left:6%;bottom:13%;padding:12px 20px;background:var(--accent);color:var(--accent-ink);font-size:12px;z-index:2}
[data-brand=smash] .compare-modern{background:#101113;color:#f5ead5}
[data-brand=smash] .mini-modern-nav{background:#101113}
[data-brand=smash] .mini-modern-nav strong{font:italic 700 35px Georgia,serif;color:#f1bb75;letter-spacing:-2px}
[data-brand=smash] .mini-modern-content>img{width:66%;opacity:.65}
[data-brand=smash] .mini-modern-content h3{top:13%;line-height:1.04;font-size:7cqw}
[data-brand=werk] .mini-modern-content{background-image:linear-gradient(var(--stroke) .5px,transparent .5px),linear-gradient(90deg,var(--stroke) .5px,transparent .5px);background-size:25px 25px}
[data-brand=werk] .mini-modern-content>img{width:52%;height:76%;top:12%;right:4%}
[data-brand=werk] .mini-modern-content h3{font-size:4.1cqw;line-height:1.12;top:25%;max-width:55%}
[data-brand=after] .mini-modern-nav strong{font:700 25px monospace}
[data-brand=after] .mini-modern-content>img{width:53%;height:90%;top:6%;right:1%;transform:rotate(6deg)}
[data-brand=after] .mini-modern-content h3{font-weight:900;letter-spacing:-.06em;transform:rotate(-4deg);color:#efff9a;text-shadow:2px 2px #24173b}
[data-brand=still] .mini-modern-nav strong{font:42px Georgia,serif;letter-spacing:-3px}
[data-brand=still] .mini-modern-content>img{width:39%;height:86%;right:11%;top:6%;transform:rotate(-5deg);border:7px solid var(--panel)}
[data-brand=still] .mini-modern-content h3{font-size:5.5cqw;max-width:60%;top:28%}
[data-brand=zest] .compare-modern{background:var(--hero-bg);color:#efff8d}
[data-brand=zest] .mini-modern-nav{background:transparent}
[data-brand=zest] .mini-modern-nav strong{font-weight:800}
[data-brand=zest] .mini-modern-content h3{font-size:11cqw;font-weight:800;line-height:.83;top:20%}
[data-brand=zest] .mini-modern-cta{background:#efff8d;color:#123dc9}
.compare-zest-bottle{position:absolute;right:15%;top:5%;height:86%;width:16%;background:linear-gradient(90deg,#a1a823,#ece599 30%,#bbba4e 65%,#697a32);border-radius:40% 40% 8% 8%;transform:rotate(12deg);clip-path:polygon(35% 0,65% 0,65% 20%,100% 32%,100% 100%,0 100%,0 32%,35% 20%)}
.compare-zest-bottle span{position:absolute;top:48%;width:100%;padding:24px 0;text-align:center;background:#efff8d;color:#123dc9;font:800 3.5cqw Bricolage,Arial,sans-serif;letter-spacing:-.07em}
.compare-legacy{z-index:3;background:#e6e8eb;color:#181f2c;clip-path:inset(0 calc(100% - var(--split)) 0 0);font-family:Arial,sans-serif;padding:25px 4%;border-top:13px solid #354872}
.compare-legacy>h3{font:700 26px 'Times New Roman',serif;color:#27396b;text-align:center;padding:8px;background:#f5f5f5;border:1px solid #aab0b9}
.legacy-nav{text-align:center;font:12px Arial,sans-serif;color:#263f8f;background:#cccfd7;padding:10px;margin:12px 0 23px}
.legacy-content{padding:0 3%;font:14px/1.5 Arial,sans-serif}
.legacy-content h4{font:bold 23px 'Times New Roman',serif;margin-bottom:20px}
.legacy-content>img{width:28%;height:140px;object-fit:cover;float:right;margin:5px 0 15px 25px;border:4px solid #fff}
.legacy-content p{margin:0 0 18px;max-width:70%}
.legacy-content u{color:#273d8f}
.legacy-content .compare-zest-bottle{top:42%;right:8%;height:130px;width:65px;transform:none}
.legacy-content .compare-zest-bottle span{font-size:17px;padding:12px 0}
.comparison-label{position:absolute;z-index:5;bottom:20px;background:#fff;color:#20232a;padding:6px 11px;font:11px Inter,Arial,sans-serif;box-shadow:0 2px 12px #0002;pointer-events:none}
.label-before{left:20px}.label-after{right:20px}
.comparison-handle{position:absolute;z-index:6;left:var(--split);top:0;bottom:0;width:2px;background:white;box-shadow:0 0 4px #0004;pointer-events:none}
.comparison-handle>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:white;color:#171717;font:24px Arial,sans-serif;box-shadow:0 3px 15px #0004}
#branch-compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;z-index:10;cursor:ew-resize;opacity:0;touch-action:pan-y}
.branch-compare:focus-within{outline:3px solid var(--accent);outline-offset:5px}
.comparison-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;font-size:12px;color:var(--soft)}
.comparison-actions button{padding:10px 0;background:none;color:var(--ink);border-bottom:1px solid var(--stroke);font-size:14px}

@media(min-width:1800px){.branch-hero-frame{max-height:1080px}.business-section{padding-inline:max(6%,calc((100vw - 1340px)/2))}}
@media(max-width:1100px){.branch-header-main{gap:20px}.branch-navigation{gap:17px;font-size:11px}.branch-navigation a:nth-child(2){display:none}.theme-switch button{padding:7px 8px}.business-section{padding:80px 6%}.business-heading{gap:18px 30px}.business-heading>span{font-size:13px}.business-story{min-height:600px}.story-photo{min-height:560px}.story-copy{padding:65px 10%}.smash-menu{gap:6%;grid-template-columns:.9fr 1.2fr}.diner-menu article h3{font-size:26px}.diner-menu article p{font-size:12px}.diner-menu article>strong{font-size:25px}.menu-side{display:block}.menu-side p{margin-top:20px}.branch-visit{gap:9%}.flavour-grid article{padding:26px;min-height:470px}.fruit-art{transform:translateX(-50%) scale(.8);top:35px}.night-list article{padding:30px}.still-story{gap:7%;padding:0 7% 70px}.still-story .story-photo{min-height:550px}}
@media(max-width:760px){
  .branch-header{padding:13px 5% 9px}.branch-header-main{flex-wrap:wrap;gap:13px 20px}.branch-wordmark{font-size:27px}.branch-navigation{order:3;width:100%;margin:0;justify-content:space-between;font-size:11px;gap:10px}.branch-navigation a:nth-child(2){display:none}.branch-navigation .branch-nav-contact{background:none;color:var(--ink);padding:8px 0}.theme-switch{margin-left:auto}.theme-switch button{padding:6px 8px;font-size:10px;min-height:30px}.theme-switch svg{width:14px;height:14px}.branch-back{position:absolute;top:65px;right:5%;font-size:10px;transform:translateY(-1px)}.branch-navigation{padding-top:18px}.branch-header-main{min-height:37px}.branch-header .branch-wordmark{align-self:center}.branch-header .theme-switch{align-self:center}
  .brand-scroll-scene{height:calc(100svh + 260px)}.branch-hero-frame{min-height:550px;max-height:850px}
  .business-section{padding:75px 7%}.business-heading{display:block;margin-bottom:38px}.business-heading>p{margin-bottom:20px}.business-heading>span{display:block;margin-top:25px;font-size:14px}.business-heading h2{font-size:clamp(35px,8vw,60px)}
  .business-story{grid-template-columns:1fr;min-height:0}.story-photo{min-height:430px;aspect-ratio:1.25}.story-copy{padding:55px 8% 65px}.story-copy h2{font-size:clamp(45px,9vw,68px)}.story-copy>p:not(:first-child){font-size:15px;max-width:none}.branch-visit{grid-template-columns:1fr;gap:40px}.visit-intro h2{font-size:48px}.visit-details{margin-top:32px}.business-form{padding-top:0}.business-form-note{max-width:none}.branch-footer{padding:35px 7%;flex-wrap:wrap;gap:18px}.branch-footer .footer-brand{width:100%;font-size:38px}.branch-footer>a:last-child{margin-left:auto}
  .smash-menu{display:block}.smash-menu .business-heading{margin-bottom:20px}.smash-menu .business-heading h2{font-size:clamp(64px,13vw,100px)}.smash-menu .business-heading>span{font-size:14px}.diner-menu article{gap:15px;padding:27px 0}.diner-menu article h3{font-size:29px}.diner-menu article p{font-size:13px;max-width:none}.diner-menu article>strong{font-size:27px}.menu-side{display:flex;gap:20px}.menu-side p{margin:0;font-size:11px}
  .werk-service-grid{grid-template-columns:1fr;gap:35px}.werk-service-grid article{display:grid;grid-template-columns:110px 1fr;gap:12px 24px;padding-top:23px}.werk-service-grid svg{grid-row:1 / 3;height:110px;margin:0}.werk-service-grid h3{font-size:21px;margin:0}.werk-service-grid p{font-size:13px;max-width:none}.werk-process-body{display:block}.werk-process-body figure{max-width:350px;margin:auto auto 40px}.werk-process-body li{padding:24px 15px}.werk-process-body li h3{font-size:20px}.werk-process-body li p{font-size:13px}.werk-process .business-heading{padding-right:10px}
  .night-list{grid-template-columns:1fr;gap:30px;padding:0 2%}.night-list article{padding:35px}.night-list article:nth-child(2){margin-top:0}.night-day{font-size:75px}.night-list h3{font-size:60px}.night-list article>div>span{max-width:none}.after-story{margin-top:0}.after-story .story-photo{clip-path:none}.after-story .story-copy h2{font-size:60px}
  .still-pieces{gap:5%;margin:35px auto 45px}.ceramic-sketch{height:200px}.still-pieces h3{font-size:22px;margin-top:18px}.still-pieces p{font-size:11px}.still-pieces article:nth-child(2){margin-top:35px}.still-story{padding:10px 8% 50px;display:block}.still-story .story-photo{min-height:450px;margin-bottom:50px}.still-story .story-copy{padding:20px 0}.still-story .story-copy h2{font-size:45px}.still-collection-page .business-heading h2{font-size:52px}.branch-page[data-brand=still] .branch-visit{padding-top:100px;border-radius:50% 50% 0 0 / 40px 40px 0 0}
  .flavour-grid{grid-template-columns:1fr;max-width:440px;margin:auto;gap:30px;padding-top:10px}.flavour-grid article{min-height:285px;border-radius:12px;padding:35px;justify-content:center}.flavour-grid .flavour-ginger{margin-top:0}.flavour-grid h3{font-size:58px;max-width:70%}.flavour-grid p{font-size:14px;position:relative;z-index:2}.flavour-number{top:20px;right:22px}.fruit-art{top:35px;left:auto;right:0;transform:scale(.75);transform-origin:right center;opacity:.85}.ginger-art{right:15px}.zest-stand{border-radius:50% 50% 0 0 / 35px 35px 0 0;margin-top:0}.zest-stand h2{font-size:clamp(45px,9vw,68px)}.stand-illustration{height:245px;margin-top:45px;max-width:380px}.stand-roof{font-size:19px}.stand-counter{font-size:66px;height:120px}.stand-copy{font-size:15px}.stand-copy br{display:none}
  .branch-compare-stage{height:460px}.mini-modern-nav{height:60px;padding-inline:6%}.mini-modern-nav>span{display:none}.mini-modern-content{top:60px}.mini-modern-content h3{font-size:9cqw;max-width:88%}.mini-modern-content>img{width:75%;opacity:.72;object-position:center}.mini-modern-cta{font-size:10px;padding:10px 15px}.legacy-content{font-size:12px}.legacy-content h4{font-size:19px}.legacy-content>img{height:110px;width:35%;margin-left:15px}.legacy-content p{max-width:none}.compare-legacy{padding:18px 5%}.legacy-nav{font-size:9px;margin-bottom:19px}.compare-legacy>h3{font-size:23px}.comparison-actions{font-size:10px;gap:10px}.comparison-actions button{font-size:12px}.comparison-label{font-size:10px;bottom:15px}.label-before{left:12px}.label-after{right:12px}
  [data-brand=smash] .mini-modern-content h3{font-size:12cqw;top:18%}[data-brand=smash] .mini-modern-content>img{width:88%;object-position:48%}
  [data-brand=werk] .mini-modern-content h3{font-size:7.2cqw;top:15%;max-width:90%;background:var(--page-bg);padding:12px 12px 12px 0}[data-brand=werk] .mini-modern-content>img{width:67%;height:58%;top:31%;right:5%}
  [data-brand=after] .mini-modern-content>img{width:81%;height:69%;top:19%;right:0}[data-brand=after] .mini-modern-content h3{top:14%;font-size:10cqw}
  [data-brand=still] .mini-modern-content>img{width:56%;height:67%;top:18%;right:9%}[data-brand=still] .mini-modern-content h3{font-size:9cqw;top:15%;max-width:90%;text-shadow:0 1px 12px var(--page-bg)}
  [data-brand=zest] .mini-modern-content h3{font-size:17cqw;top:22%}.compare-zest-bottle{right:12%;width:25%;top:9%;height:79%}.compare-zest-bottle span{font-size:6cqw}
}
@media(max-width:700px){
  .branch-hero-frame .smash-headline{top:9%;left:7%}.branch-hero-frame .smash-headline h3{font-size:18cqw;line-height:1}.branch-hero-frame .smash-second{top:18%;font-size:20cqw}.branch-hero-frame .smash-order{bottom:8%;display:flex;gap:20px}.branch-hero-frame .smash-order>a{font-size:26px;padding:14px 23px}.branch-hero-frame .smash-order p{font-size:10px;max-width:100px;margin:0}.branch-hero-frame .smash-photograph{top:9%;height:86%}
  [data-brand=smash][data-theme=light] .smash-vignette{background:linear-gradient(180deg,#f5e9d2 0%,#f5e9d2bf 20%,transparent 53%),linear-gradient(0deg,#f5e9d2 0%,#f5e9d255 27%,transparent 48%)}
  .branch-hero-frame .werk-wordmark{font-size:8cqw}.branch-hero-frame .werk-rail{padding-top:25px}.branch-hero-frame .werk-project>span{font-size:10px}.branch-hero-frame .werk-discipline{font-size:11px}.branch-hero-frame .werk-drawing figcaption{font-size:8px}
  .branch-hero-frame .pop-heading{top:12%;left:6%}.branch-hero-frame .pop-heading h3{font-size:23cqw}.branch-hero-frame .pop-photo{top:34%;height:47%;width:86%;right:-6%}.branch-hero-frame .pop-date{top:5%;font-size:21px}.branch-hero-frame .pop-heading>span{font-size:8px}.branch-hero-frame .pop-tape{bottom:28%}[data-brand=after][data-theme=dark] .pop-date{color:#efff9a}
  .branch-hero-frame .still-masthead{top:4%}.branch-hero-frame .still-masthead>strong{font-size:43cqw;margin-top:25px}.branch-hero-frame .still-masthead>span{font-size:8px}.branch-hero-frame .still-photograph{top:35%;left:15%;right:23%;bottom:14%}.branch-hero-frame .still-thought{font-size:8.5cqw;bottom:8%}.branch-hero-frame .still-collection{font-size:16px;right:5%}
  .branch-hero-frame .zest-supertype{top:8%;font-size:23cqw}.branch-hero-frame .zest-supertype span+span{margin-top:1.72em}.branch-hero-frame .zest-product{top:12%;bottom:22%;width:88%;left:6%}.branch-hero-frame .zest-side-note{font-size:12px;bottom:17%}.branch-hero-frame .zest-side-note em{font-size:15px}.branch-hero-frame .zest-taste{font-size:21px;bottom:2%}
}
@media(max-width:420px){.branch-header .branch-wordmark{font-size:30px}[data-brand=after] .branch-header .branch-wordmark{font-size:20px}.theme-switch{padding:2px}.theme-switch button{padding:6px;gap:4px}.branch-navigation{font-size:10px}.branch-hero-frame{min-height:540px}.business-section{padding:65px 6%}.night-list article{padding:27px}.night-list h3{font-size:51px}.night-day{font-size:63px}.diner-menu article{gap:10px}.diner-menu article h3{font-size:26px}.menu-side>span{font-size:25px}.ceramic-sketch{height:155px}.still-pieces h3{font-size:20px}.still-pieces p{font-size:10px}.still-story .story-photo{min-height:380px}.branch-compare-stage{height:425px}.visit-intro h2{font-size:41px}.werk-service-grid article{grid-template-columns:88px 1fr;gap:12px 18px}.werk-service-grid svg{height:98px}.werk-service-grid h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.brand-scroll-scene{height:auto}.branch-hero-frame{position:relative;top:auto}.branch-page .business-button{transition:none}@media(hover:hover) and (pointer:fine){.branch-hero-frame .smash-order>a:hover{transform:rotate(-3deg)}}}

/* SMASH story — exploded burger. The image keeps its own 3:4 box inside the column
   (never cropped), its edges fade into a charcoal vignette that matches its backdrop. */
.smash-story .story-photo{background:radial-gradient(ellipse 85% 75% at 38% 38%,#1a1d24 0%,#14161c 55%,#0c0d11 100%)}
.smash-story .story-photo img{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:50% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(180deg,transparent,#000 3%,#000 96%,transparent);mask-composite:intersect}
@media(max-width:760px){.smash-story .story-photo{aspect-ratio:1;max-height:640px}}

/* SMASH story, layered: the burger stays pinned while its layers part and close again (branch.js sets the transforms).
   Reduced motion keeps the static exploded photo above. */
.smash-scene{display:none}
@media(prefers-reduced-motion:no-preference){
  .smash-story.is-layered{height:calc(100svh - var(--branch-header-height) + 180vh);min-height:0;align-items:start}
  .smash-story.is-layered>.story-photo,.smash-story.is-layered>.story-copy{position:sticky;top:var(--branch-header-height);height:calc(100svh - var(--branch-header-height));min-height:0}
  .smash-story.is-layered>.story-photo{container-type:size}
  .smash-story.is-layered>.story-copy{padding-block:48px}
  .smash-story.is-layered .story-photo>img{display:none}
  .smash-story.is-layered .smash-scene{display:block;position:absolute;left:50%;top:50%;width:min(94cqw,94cqh * 1400 / 1875);aspect-ratio:1400/1875;transform:translate(-50%,-50%)}
  .smash-story .smash-scene img{inset:auto;margin:0;max-width:none;max-height:none;object-fit:fill;-webkit-mask-image:none;mask-image:none;will-change:transform}
  .smash-story .smash-scene .smash-particles{opacity:0;will-change:opacity}
}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){
  .smash-story.is-layered{height:auto;grid-template-rows:calc(100svh - var(--branch-header-height) + 110vh) auto}
  .smash-story.is-layered>.story-photo{aspect-ratio:auto;max-height:none}
  .smash-story.is-layered>.story-copy{position:static;height:auto;padding-block:55px 65px}
}

/* Page changes crossfade where the browser supports it. */
@media (prefers-reduced-motion: no-preference) { @view-transition { navigation: auto; } }

/* Mobile baseline. Hover effects above only run with a real mouse (hover:hover and pointer:fine). */
.branch-page{padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}
.branch-header{padding-top:calc(14px + env(safe-area-inset-top,0px))}
.branch-footer{padding-bottom:calc(46px + env(safe-area-inset-bottom,0px))}
:is(.theme-switch button,.comparison-actions button,.business-button){-webkit-user-select:none;user-select:none}
/* Press feedback: quick, ease-out. scale composes with the rotations some brands put on their buttons. */
.business-button{transition:transform .2s,scale .16s ease-out}
.business-button:active{scale:.97;transition-duration:.12s;transition-timing-function:ease-out}
:is(.branch-navigation a,.branch-back,.branch-wordmark,.theme-switch button,.comparison-actions button,.branch-footer a,.branch-hero-frame .zest-taste){transition:opacity .16s ease-out}
:is(.branch-navigation a,.branch-back,.branch-wordmark,.theme-switch button,.comparison-actions button,.branch-footer a,.branch-hero-frame .zest-taste):active{opacity:.6;transition-duration:.12s}
/* Before/after: the stage is a horizontal drag surface (branch.js), vertical swipes still scroll the page. */
.branch-compare-stage{touch-action:pan-y}
/* On touch screens the native range would jump to the finger at the start of every vertical scroll over the
   comparison. Touch goes to the stage instead (horizontal drag or tap, branch.js); keyboard and screen readers
   keep the range input. */
@media(pointer:coarse){#branch-compare-range{pointer-events:none}}
@media(max-width:760px){
  /* Two compact rows with 44px targets: [back arrow] wordmark + theme switch, then the section links.
     The text back link used to sit 2px above "Projekt anfragen" and their tap areas overlapped. */
  .branch-header{padding:calc(6px + env(safe-area-inset-top,0px)) 5% 0}
  .branch-header-main{row-gap:0}
  .branch-header .branch-wordmark{display:flex;align-items:center;min-height:44px;margin-left:36px}
  .branch-navigation{padding-top:0}
  .branch-navigation a,.branch-navigation .branch-nav-contact{display:inline-flex;align-items:center;min-height:44px;padding:0}
  .branch-back{position:absolute;top:calc(6px + env(safe-area-inset-top,0px));left:calc(5% - 12px);right:auto;width:44px;height:44px;margin:0;display:grid;place-items:center;font-size:0;color:var(--ink);transform:none}
  .branch-back::before{content:'←';font:20px/1 Inter,Arial,sans-serif}
  .theme-switch button,.comparison-actions button,.branch-footer a:last-child{position:relative}
  .theme-switch button::after{content:'';position:absolute;inset:-7px 0}
  .comparison-actions button::after{content:'';position:absolute;inset:-3px -6px}
  .branch-footer a:last-child::after{content:'';position:absolute;inset:-13px 0}
  .branch-footer{padding-bottom:calc(35px + env(safe-area-inset-bottom,0px))}
}
/* Agency legal page link (impressum.html) in the example footer. On phones it takes its own row under the
   others, with the same invisible 44px hit area as "Branche wechseln". */
@media(max-width:760px){
  .branch-footer .footer-legal{order:1;flex-basis:100%;position:relative}
  .branch-footer .footer-legal::after{content:'';position:absolute;inset:-13px 0}
}