@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-italic-BHALq22K.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-italic-B8-t4Nou.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-italic-D2JnYqd-.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--papier:#f6f1e7;--papier-2:#ece4d4;--tinte:#2a2320;--tinte-2:#5c514a;--magenta:#b8326f;--petrol:#0e5e5c;--kruste:#8a5a2b;--linie:#2a232029;--display:"Fraunces Variable", Georgia, serif;--text:"Instrument Sans Variable", system-ui, sans-serif;--gross:clamp(2.3rem, 5.4vw, 5.2rem);--normal:clamp(1.02rem, 1.05vw, 1.22rem);--klein:clamp(.84rem, .82vw, .95rem);--rand:clamp(1.1rem, 4.4vw, 4.5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--papier);color:var(--tinte);font:400 var(--normal)/1.55 var(--text);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2{font-family:var(--display);letter-spacing:-.015em;font-weight:420;line-height:1.04;font-size:var(--gross);font-variation-settings:"SOFT" 60, "WONK" 0;margin:0}p{margin:0 0 1em}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--tinte);color:var(--papier);z-index:50;padding:.6em 1em;position:absolute;top:0;left:-999px}.skip:focus{left:1rem}section{scroll-margin-top:64px}.frame{background:var(--papier-2);display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.site-head{z-index:20;padding:.9rem var(--rand);color:var(--tinte);background:0 0;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;transition:background-color .25s,border-color .25s;display:flex;position:fixed;inset:0 0 auto}.site-head.is-solid{background:var(--papier);border-bottom-color:var(--linie)}.marke{color:var(--magenta);opacity:0;align-items:center;gap:.5rem;text-decoration:none;transition:opacity .25s;display:flex}.site-head.is-solid .marke{opacity:1}.marke .zeichen{width:auto;height:clamp(1.25rem,1.5vw,2rem);color:var(--petrol)}.marke .name{font:italic 500 clamp(1.25rem, 1.5vw, 2rem)/1 var(--display);letter-spacing:-.01em}.links{font-size:var(--klein);align-items:center;gap:clamp(1rem,2vw,2.4rem);font-weight:560;display:flex}.links a{padding:.7rem 0;text-decoration:none}.links a:hover{color:var(--magenta)}.links .tel{text-underline-offset:.3em;font-variant-numeric:tabular-nums;text-decoration:underline;text-decoration-thickness:1px}.einstieg{background:var(--papier-2);height:100svh;min-height:560px;position:relative;overflow:hidden}.film{position:relative;overflow:hidden}.film .still,.film canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film canvas{opacity:0;transition:opacity .6s}.film.is-live canvas{opacity:1}.hero-video video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.hero-video.is-live video{opacity:1}.einstieg .film{position:absolute;inset:0}.hero-text{left:calc(var(--rand) - .4vw);z-index:2;max-width:40rem;position:absolute;top:clamp(5.5rem,14vh,9rem)}.hero-text h1{display:block}.wortmarke{font:italic 480 clamp(4.2rem, 9.6vw, 11rem)/.86 var(--display);color:var(--magenta);letter-spacing:-.03em;font-variation-settings:"SOFT" 100, "WONK" 1}.unterzeile{font:520 var(--normal)/1.35 var(--text);letter-spacing:0;color:var(--tinte);text-shadow:0 0 18px #f6f1e7e6,0 0 4px #f6f1e7e6;padding-left:.2em}.infozeile{z-index:2;padding:.85rem var(--rand) calc(.85rem + env(safe-area-inset-bottom));background:var(--papier);font-size:var(--klein);flex-wrap:wrap;gap:.3rem 2rem;margin:0;font-weight:560;display:flex;position:absolute;bottom:0;left:0;right:0}.infozeile a{color:var(--magenta);text-underline-offset:.25em;font-variant-numeric:tabular-nums;text-decoration:underline}.infozeile span+span:before,.infozeile span+a:before{content:none}.auftakt{padding:clamp(5rem, 11vw, 10rem) var(--rand) clamp(3rem, 7vw, 6rem);grid-template-columns:1.1fr 1fr;align-items:end;gap:clamp(2rem,6vw,7rem);display:grid}.auftakt h2{max-width:11em}.auftakt-text{max-width:34rem}.stimme{font-family:var(--display);color:var(--petrol);margin-top:1.6em;font-size:1.25em;font-style:italic}.stimme span{font:400 var(--klein)/1.4 var(--text);color:var(--tinte-2);margin-top:.4em;font-style:normal;display:block}.fundament{padding:clamp(3rem, 7vw, 6rem) var(--rand);background:var(--papier-2);grid-template-columns:1fr 1.05fr;align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.fundament-text{max-width:32rem}.fundament-text h2{margin-bottom:.6em}.pointe{font-family:var(--display);color:var(--magenta);margin-top:1.4em;font-size:1.3em;line-height:1.25}.schnitt{margin:0}.schnitt svg{width:100%;height:auto;overflow:visible}.schnitt .linie path,.schnitt .linie rect{fill:none;stroke:var(--tinte);stroke-width:2px;stroke-linejoin:round}.schnitt .keller path{stroke:var(--petrol);stroke-width:2.4px}.schnitt .keller path:last-child{fill:#0e5e5c24}.schnitt .tunnel path{stroke:var(--magenta);stroke-dasharray:10 9;stroke-width:2px}.schnitt .boden{stroke:var(--kruste);stroke-width:1.2px;stroke-dasharray:2 5}.schnitt text{font-family:var(--text);fill:var(--tinte)}.schnitt .j{font:500 28px var(--display);fill:var(--magenta)}.schnitt .t{fill:var(--tinte-2);font-size:19px}.schnitt .tunnel-t{fill:var(--magenta)}.motion .schnitt .linie path,.motion .schnitt .linie rect{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len)}.motion .schnitt .tunnel path{stroke-dashoffset:0;opacity:0}.motion .schnitt .marken-svg text{opacity:0}.korn{padding:clamp(3rem,7vw,6rem) 0}.band{height:min(84vh,60vw)}.band .film{height:100%}.korn-text{padding:clamp(2.5rem, 5vw, 4.5rem) var(--rand) 0;grid-template-columns:1fr 1fr 34vw;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.korn-text h2{grid-column:1/-1;max-width:13em}.schichten{counter-reset:s;grid-column:1/3;gap:1.6rem;margin:0;padding:0;list-style:none;display:grid}.schichten li{border-top:1px solid var(--linie);max-width:38rem;padding-top:1rem}.schichten b{font-family:var(--display);color:var(--petrol);margin-bottom:.25em;font-size:1.3em;font-weight:500;line-height:1.2;display:block}.b-korn{grid-area:2/3;margin:0}.b-korn .frame{aspect-ratio:4/5}.sorten{padding:clamp(3rem, 7vw, 6rem) var(--rand);grid-template-columns:1.35fr 1fr;align-items:start;gap:clamp(1.5rem,4vw,4rem);display:grid}.zahl{grid-template-columns:auto 1fr;align-items:end;gap:0 1.2rem;display:grid}.zahl .gross{font:380 clamp(5rem, 13vw, 13rem)/.8 var(--display);color:var(--kruste);letter-spacing:-.04em;margin:0}.zahl .was{max-width:15em;margin:0 0 .6em}.zahl .frame{grid-column:1/-1;margin-top:1.4rem}.z-brot .frame{aspect-ratio:3/2}.z-semmel{margin-top:clamp(4rem,14vw,14rem)}.z-semmel .frame{aspect-ratio:4/3}.konditorei{padding:clamp(3rem, 7vw, 6rem) var(--rand);background:#f3e6ea;grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.b-torte{aspect-ratio:3/2}.kond-text{max-width:30rem}.kond-text h2{color:var(--magenta);margin-bottom:.6em}.hinweis{font-size:var(--klein);border-top:1px solid var(--linie);padding-top:1rem}.hinweis a{color:var(--magenta);font-weight:600}.laeden{padding:clamp(4rem, 8vw, 7rem) var(--rand)}.laeden-kopf{grid-template-columns:1fr 1.2fr;align-items:end;gap:2rem;margin-bottom:2rem;display:grid}.orte{flex-wrap:wrap;gap:.5rem;display:flex}.orte button{font:560 var(--klein)/1 var(--text);color:var(--tinte);border:1px solid var(--tinte);cursor:pointer;background:0 0;border-radius:2px;min-height:44px;padding:.75rem .95rem}.orte button[aria-pressed=true]{background:var(--petrol);border-color:var(--petrol);color:var(--papier)}.liste{border-top:2px solid var(--tinte);margin:0;padding:0;list-style:none}.liste li{border-bottom:1px solid var(--linie);grid-template-columns:1fr 1.4fr auto;align-items:baseline;gap:1rem;padding:1rem 0;display:grid}.liste li[hidden]{display:none}.liste .ort{color:var(--tinte-2);font-size:var(--klein)}.liste em{font-style:normal;font-size:var(--klein);color:var(--magenta);margin-left:.5rem;font-weight:600}.liste a{font-variant-numeric:tabular-nums;text-underline-offset:.25em;text-decoration-thickness:1px}.quelle{font-size:var(--klein);color:var(--tinte-2);margin-top:1.2rem}.besuch{padding:clamp(4rem, 8vw, 7rem) var(--rand);background:var(--petrol);color:var(--papier);grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);display:grid}.besuch h2{margin-bottom:.6em}.adresse{font-family:var(--display);font-size:1.5em;line-height:1.25}.heute{font-weight:560}.aktionen{flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:1.6rem;display:flex}.knopf{background:var(--papier);color:var(--petrol);border-radius:2px;padding:.9rem 1.5rem;font-weight:650;text-decoration:none;display:inline-block}.weg{text-underline-offset:.3em}.zeiten{border-top:1px solid #f6f1e766;align-self:end;margin:0}.zeiten div{border-bottom:1px solid #f6f1e740;justify-content:space-between;padding:.7rem 0;display:flex}.zeiten dd{font-variant-numeric:tabular-nums;margin:0}.zeiten .heute-tag{font-weight:700}.zeiten .heute-tag dt:after{content:" · heute";opacity:.8;font-weight:500}.fuss{padding:2rem var(--rand) 3rem;font-size:var(--klein);color:var(--tinte-2);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.fuss-links{gap:1.4rem;display:flex}.fuss button{font:inherit;color:inherit;text-underline-offset:.25em;cursor:pointer;background:0 0;border:0;padding:.6rem 0;text-decoration:underline}dialog{background:var(--papier);max-width:34rem;color:var(--tinte);border:0;border-radius:2px;padding:2rem}dialog::backdrop{background:#2a23208c}dialog h2{margin-bottom:.8rem;font-size:1.8rem}dialog .close{font:600 var(--klein) var(--text);background:var(--tinte);color:var(--papier);cursor:pointer;border:0;padding:.8rem 1.2rem}@media (width<=760px){.nur-gross{display:none}.site-head{padding:.55rem 1rem}.marke .zeichen,.marke .name{height:auto}.marke .zeichen{width:1.2rem;height:1.2rem}.marke .name{font-size:1.25rem}.einstieg{height:100svh;min-height:520px}.hero-text{top:5.2rem;left:1rem;right:1rem}.wortmarke{font-size:clamp(4rem,22vw,6rem)}.infozeile{padding:.8rem 1rem calc(.8rem + env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:.2rem 1rem;display:grid}.auftakt,.fundament,.sorten,.konditorei,.besuch,.laeden-kopf{grid-template-columns:1fr}.auftakt{padding-top:4rem}.band{height:62vh}.korn-text{grid-template-columns:1fr;padding-inline:1rem}.schichten,.b-korn{grid-area:auto/1}.z-semmel{margin-top:1rem}.zahl .gross{font-size:clamp(4.6rem,26vw,6.5rem)}.liste li{grid-template-columns:1fr auto}.liste .ort{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film canvas{transition:none}}
