@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");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 Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");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 Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_33d4329c-module__G0skOW__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_33d4329c-module__G0skOW__variable{--font-kf-serif:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f6e389592deb6d0-s.41kzji7o-jdsp.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:400;font-display:swap;src:url(../media/87d3ffffac5dafea-s.p.1e8puyswpvmbr.woff2)format("woff2");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:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/69c6d7b79c8b79fe-s.2lhqjbmzqepkg.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Courier Prime;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5f440d3eea613716-s.p.15zaksznb5cf5.woff2)format("woff2");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:Courier Prime Fallback;src:local(Arial);ascent-override:58.08%;descent-override:25.41%;line-gap-override:0.0%;size-adjust:134.5%}.courier_prime_75ced89d-module__JexIrW__className{font-family:Courier Prime,Courier Prime Fallback;font-style:normal}.courier_prime_75ced89d-module__JexIrW__variable{--font-kf-mono:"Courier Prime", "Courier Prime Fallback"}
@layer theme,base;@layer components{[data-demo=baeckerei] .kf-serif{font-family:var(--font-kf-serif), Georgia, serif;font-weight:400}[data-demo=baeckerei] .kf-mono{font-family:var(--font-kf-mono), "Courier New", monospace}[data-demo=baeckerei] .kf-display{font-family:var(--font-kf-serif), Georgia, serif;letter-spacing:-.02em;font-size:clamp(3.3rem,1.4rem + 8.2vw,9.6rem);line-height:.88}[data-demo=baeckerei] .kf-h2{font-family:var(--font-kf-serif), Georgia, serif;letter-spacing:-.015em;font-size:clamp(2.5rem,1.5rem + 4vw,5.4rem);line-height:.95}[data-demo=baeckerei] .kf-h3{font-family:var(--font-kf-serif), Georgia, serif;font-size:clamp(1.6rem,1.3rem + 1vw,2.2rem);line-height:1.05}[data-demo=baeckerei] .kf-label{font-family:var(--font-kf-mono), "Courier New", monospace;letter-spacing:.14em;text-transform:uppercase;font-size:13px;line-height:1.35}[data-demo=baeckerei] .kf-small{font-family:var(--font-kf-mono), "Courier New", monospace;font-size:14px;line-height:1.5}[data-demo=baeckerei] .kf-price{font-family:var(--font-kf-mono), "Courier New", monospace;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}[data-demo=baeckerei] .kf-lead{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.4}[data-demo=baeckerei] .kf-frame{width:100%;max-width:86rem;margin-inline:auto;padding-inline:clamp(1rem,.2rem + 4vw,4.5rem)}[data-demo=baeckerei] .kf-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}[data-demo=baeckerei] .kf-link:hover{text-decoration-style:wavy}[data-demo=baeckerei] .kf-btn{border:2px solid var(--kf-brown);background:var(--kf-brown);min-height:3rem;color:var(--kf-creme);font-family:var(--font-kf-mono), "Courier New", monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:3px 3px 0 var(--kf-terra);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:0 1.4rem;font-size:15px;font-weight:700;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex}[data-demo=baeckerei] .kf-btn:hover{box-shadow:5px 5px 0 var(--kf-terra);transform:translate(-1px,-1px)}[data-demo=baeckerei] .kf-btn:active{box-shadow:1px 1px 0 var(--kf-terra);transform:translate(2px,2px)}[data-demo=baeckerei] .kf-btn:disabled{opacity:.6;cursor:progress}[data-demo=baeckerei] .kf-btn-ghost{color:var(--kf-brown);box-shadow:none;background:0 0}[data-demo=baeckerei] .kf-btn-ghost:hover{box-shadow:none;background:#3b24160f;transform:none}[data-demo=baeckerei] .kf-btn-creme{background:var(--kf-creme);color:var(--kf-brown);border-color:var(--kf-creme);box-shadow:3px 3px 0 var(--kf-brown)}[data-demo=baeckerei] .kf-btn-creme:hover{box-shadow:5px 5px 0 var(--kf-brown)}[data-demo=baeckerei] .kf-navlink{min-height:44px;font-family:var(--font-kf-mono), monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;padding-inline:.6rem;font-size:14px;display:inline-flex}[data-demo=baeckerei] .kf-navlink:hover{text-underline-offset:6px;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}[data-demo=baeckerei] .kf-stage{background:var(--kf-terra);color:var(--kf-on-terra);position:relative;overflow:hidden}[data-demo=baeckerei] .kf-stage:before{content:"";pointer-events:none;background-image:radial-gradient(#fff0dc17 1px,#0000 1.2px);background-size:7px 7px;position:absolute;inset:0}[data-demo=baeckerei] .kf-ring{transform-origin:50%;animation:60s linear infinite kf-spin}[data-demo=baeckerei] .kf-circle-text{font-family:var(--font-kf-mono), monospace;letter-spacing:.32em;text-transform:uppercase;font-size:19px}[data-demo=baeckerei] .kf-steam path{stroke-dasharray:60;animation:3.6s ease-in-out infinite kf-steam}[data-demo=baeckerei] .kf-steam path:nth-child(2){animation-delay:-1.2s}[data-demo=baeckerei] .kf-steam path:nth-child(3){animation-delay:-2.4s}[data-demo=baeckerei] .kf-flame{transform-box:fill-box;transform-origin:50% 100%;animation:1.6s ease-in-out infinite alternate kf-flicker}[data-demo=baeckerei] .kf-flame-b{animation-duration:2.1s}[data-demo=baeckerei] .kf-marquee{width:max-content;animation:38s linear infinite kf-marquee;display:flex}[data-demo=baeckerei] .kf-marquee-wrap:hover .kf-marquee{animation-play-state:paused}[data-demo=baeckerei] .kf-card{background:var(--kf-paper);border:1.5px solid var(--kf-brown);border-radius:22px}[data-demo=baeckerei] .kf-plate{aspect-ratio:5/4;background:radial-gradient(circle at 50% 58%, #f1dfbf 0 46%, transparent 47%), var(--kf-creme);color:var(--kf-brown);border-radius:16px;place-items:center;display:grid}[data-demo=baeckerei] .kf-plate-terra{background:radial-gradient(circle at 50% 58%, var(--kf-terra-deep) 0 46%, transparent 47%), var(--kf-terra);color:var(--kf-on-terra)}[data-demo=baeckerei] .kf-product svg{transition:transform .4s cubic-bezier(.3,1.4,.5,1)}[data-demo=baeckerei] .kf-product:hover svg{transform:rotate(-4deg)scale(1.04)}[data-demo=baeckerei] .kf-tab{border:1.5px solid var(--kf-brown);min-height:44px;font-family:var(--font-kf-mono), monospace;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding-inline:1rem;font-size:14px;transition:background-color .16s,color .16s;display:inline-flex}[data-demo=baeckerei] .kf-tab:hover{background:#3b241612}[data-demo=baeckerei] .kf-tab[aria-pressed=true],[data-demo=baeckerei] .kf-tab[aria-current=true]{background:var(--kf-brown);color:var(--kf-creme)}[data-demo=baeckerei] .kf-stepper{border:1.5px solid var(--kf-brown);background:var(--kf-receipt);border-radius:999px;align-items:center;display:inline-flex}[data-demo=baeckerei] .kf-stepper button{cursor:pointer;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}[data-demo=baeckerei] .kf-stepper button:hover:not(:disabled){background:#3b241614}[data-demo=baeckerei] .kf-stepper button:disabled{opacity:.35;cursor:not-allowed}[data-demo=baeckerei] .kf-stepper output{text-align:center;min-width:2ch;font-family:var(--font-kf-mono), monospace;font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}[data-demo=baeckerei] .kf-add{border:1.5px solid var(--kf-brown);min-height:44px;font-family:var(--font-kf-mono), monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding-inline:1.1rem;font-size:14px;font-weight:700;transition:background-color .16s,color .16s;display:inline-flex}[data-demo=baeckerei] .kf-add:hover{background:var(--kf-brown);color:var(--kf-creme)}[data-demo=baeckerei] .kf-float{z-index:40;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));border:2px solid var(--kf-brown);background:var(--kf-paper);width:min(18.5rem,100vw - 2rem);color:var(--kf-brown);box-shadow:6px 6px 0 var(--kf-brown);border-radius:22px;animation:.5s cubic-bezier(.3,1.3,.5,1) both kf-float-in;position:fixed}[data-demo=baeckerei] .kf-float-bump{animation:.38s kf-bump}[data-demo=baeckerei] .kf-steps li[aria-current=step]{color:var(--kf-brown)}[data-demo=baeckerei] .kf-day{border:1.5px solid var(--kf-brown);background:var(--kf-receipt);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;min-height:6.5rem;transition:transform .16s,background-color .16s;display:flex}[data-demo=baeckerei] .kf-day:hover:not([aria-disabled=true]){transform:translateY(-2px)}[data-demo=baeckerei] .kf-day[aria-checked=true]{background:var(--kf-terra);border-color:var(--kf-terra);color:var(--kf-on-terra);box-shadow:3px 3px 0 var(--kf-brown)}[data-demo=baeckerei] .kf-day[aria-disabled=true]{border-style:dashed;border-color:var(--kf-brown-soft);color:var(--kf-brown-soft);cursor:not-allowed;background:repeating-linear-gradient(-45deg,#0000 0 6px,#67462f17 6px 7px)}[data-demo=baeckerei] .kf-slot{cursor:pointer;border-radius:14px;align-items:center;gap:.9rem;min-height:3.25rem;padding:.5rem 1rem;transition:background-color .14s;display:flex}[data-demo=baeckerei] .kf-slot:hover{background:#3b24160d}[data-demo=baeckerei] .kf-slot:has(input:checked){background:var(--kf-brown);color:var(--kf-creme)}[data-demo=baeckerei] .kf-slot:has(input:disabled){color:var(--kf-brown-soft);cursor:not-allowed;text-decoration:line-through;text-decoration-thickness:1px}[data-demo=baeckerei] .kf-slot:has(input:focus-visible){outline:2px solid var(--kf-terra-deep);outline-offset:2px}[data-demo=baeckerei] .kf-radio{border:1.5px solid;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}[data-demo=baeckerei] .kf-slot:has(input:checked) .kf-radio:after{content:"";background:var(--kf-ochre);border-radius:999px;width:10px;height:10px}[data-demo=baeckerei] .kf-field{border:1.5px solid var(--kf-brown);background:var(--kf-receipt);width:100%;min-height:3.25rem;font-family:var(--font-kf-mono), monospace;color:var(--kf-brown);border-radius:14px;padding:.7rem 1rem;font-size:17px}[data-demo=baeckerei] .kf-field::placeholder{color:#8a6d57}[data-demo=baeckerei] .kf-field[aria-invalid=true]{background:#fff3ec;border-width:2px;border-color:#9c2414}[data-demo=baeckerei] .kf-field:focus-visible{outline:2px solid var(--kf-terra-deep);outline-offset:2px}[data-demo=baeckerei] .kf-error{color:#9c2414;font-family:var(--font-kf-mono), monospace;font-size:14px}[data-demo=baeckerei] .kf-bon-wrap{filter:drop-shadow(0 18px 24px #3b24162e)drop-shadow(0 2px 2px #3b24161f)}[data-demo=baeckerei] .kf-bon{background:var(--kf-receipt);color:var(--kf-brown);font-family:var(--font-kf-mono), monospace;animation:.7s cubic-bezier(.2,.8,.3,1) both kf-print;position:relative}[data-demo=baeckerei] .kf-bon:before,[data-demo=baeckerei] .kf-bon:after{content:"";background:linear-gradient(135deg, var(--kf-receipt) 50%, transparent 50%) 0 0 / 16px 12px repeat-x, linear-gradient(-135deg, var(--kf-receipt) 50%, transparent 50%) 0 0 / 16px 12px repeat-x;height:12px;position:absolute;left:0;right:0}[data-demo=baeckerei] .kf-bon:after{bottom:-12px}[data-demo=baeckerei] .kf-bon:before{top:-12px;transform:rotate(180deg)}[data-demo=baeckerei] .kf-bon-rule{border-top:2px dashed #3b241673}[data-demo=baeckerei] .kf-code{font-family:var(--font-kf-mono), monospace;letter-spacing:.08em;font-size:clamp(3rem,2rem + 5vw,4.6rem);font-weight:700;line-height:1}[data-demo=baeckerei] .kf-stamp{border:3px double var(--kf-terra);width:8.5rem;height:8.5rem;color:var(--kf-terra);border-radius:999px;place-items:center;animation:.52s cubic-bezier(.3,1.5,.5,1) .52s both kf-stamp;display:grid;transform:rotate(-12deg)}[data-demo=baeckerei] .kf-overlay{z-index:70;background:#3b241673;justify-content:center;align-items:flex-end;animation:.18s ease-out kf-fade;display:flex;position:fixed;inset:0}[data-demo=baeckerei] .kf-sheet{overscroll-behavior:contain;border:2px solid var(--kf-brown);background:var(--kf-paper);width:100%;max-height:85svh;padding:1.25rem 1.25rem max(1.25rem, env(safe-area-inset-bottom));border-bottom:0;border-radius:26px 26px 0 0;animation:.26s cubic-bezier(.2,.9,.3,1) kf-sheet;overflow-y:auto}}@layer utilities;[data-demo=baeckerei]{--kf-creme:#f4ead7;--kf-paper:#fbf4e6;--kf-receipt:#fffaf0;--kf-terra:#a8492a;--kf-terra-deep:#86361b;--kf-brown:#3b2416;--kf-brown-soft:#67462f;--kf-ochre:#d9a441;--kf-line:#d6c19d;--kf-on-terra:#fbf1e2;--background:var(--kf-creme);--foreground:var(--kf-brown);--muted:#ebdcc1;--muted-foreground:var(--kf-brown-soft);--border:var(--kf-line);--ring:var(--kf-terra-deep);--accent:var(--kf-terra);--accent-foreground:var(--kf-on-terra);--card:var(--kf-paper);background:var(--kf-creme);color:var(--kf-brown);font-family:var(--font-kf-serif), "Instrument Serif", Georgia, serif;min-height:calc(100svh - var(--demo-bar-h));-webkit-font-smoothing:antialiased;font-size:19px;line-height:1.5}[data-demo=baeckerei] ::selection{background:var(--kf-ochre);color:var(--kf-brown)}html:has([data-demo=baeckerei]){scrollbar-color:#c9ae84 #f4ead7;background:#f4ead7}html:has([data-demo=baeckerei]) body{scrollbar-color:#c9ae84 #f4ead7;background:#f4ead7}[data-demo=baeckerei] :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--kf-terra-deep);outline-offset:3px;border-radius:6px}[data-demo=baeckerei] .kf-on-terra :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible,[data-demo=baeckerei] .kf-on-brown :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline-color:var(--kf-ochre)}@keyframes kf-spin{to{transform:rotate(360deg)}}@keyframes kf-marquee{to{transform:translate(-50%)}}@keyframes kf-steam{0%{stroke-dashoffset:60px;opacity:0}40%{opacity:.9}to{stroke-dashoffset:-60px;opacity:0}}@keyframes kf-flicker{0%{transform:scaleY(.9)skew(-2deg)}to{transform:scaleY(1.06)skew(2deg)}}@keyframes kf-float-in{0%{opacity:0;transform:translateY(24px)rotate(2deg)}}@keyframes kf-bump{40%{transform:rotate(-2deg)scale(1.03)}}@keyframes kf-print{0%{clip-path:inset(0 0 100%);transform:translateY(-16px)}to{clip-path:inset(-20px)}}@keyframes kf-stamp{0%{opacity:0;transform:rotate(-12deg)scale(1.6)}}@keyframes kf-fade{0%{opacity:0}}@keyframes kf-sheet{0%{opacity:.4;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){[data-demo=baeckerei] .kf-ring,[data-demo=baeckerei] .kf-marquee,[data-demo=baeckerei] .kf-steam path,[data-demo=baeckerei] .kf-flame,[data-demo=baeckerei] .kf-float,[data-demo=baeckerei] .kf-float-bump,[data-demo=baeckerei] .kf-bon,[data-demo=baeckerei] .kf-stamp,[data-demo=baeckerei] .kf-overlay,[data-demo=baeckerei] .kf-sheet{animation:none}[data-demo=baeckerei] .kf-steam path{stroke-dasharray:none}[data-demo=baeckerei] .kf-btn,[data-demo=baeckerei] .kf-day,[data-demo=baeckerei] .kf-product svg{transition:none}[data-demo=baeckerei] .kf-product:hover svg,[data-demo=baeckerei] .kf-btn:hover,[data-demo=baeckerei] .kf-day:hover:not([aria-disabled=true]){transform:none}[data-demo=baeckerei] .kf-marquee-wrap{overflow-x:auto}}