@font-face{font-family:NL Archivo;src:url(/fonts/pizza/archivo-var.woff2)format("woff2");font-weight:100 900;font-stretch:62% 125%;font-style:normal;font-display:swap}@font-face{font-family:NL Newsreader;src:url(/fonts/pizza/newsreader-var.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:NL Newsreader;src:url(/fonts/pizza/newsreader-var-italic.woff2)format("woff2");font-weight:200 800;font-style:italic;font-display:swap}:root[data-branche=pizza]{--mehl:#f6ebd3;--pomodoro:#c8281d;--zafferano:#f2b33d;--forno:#1e1b18;--basilico:#2f5a2e;--bg:var(--mehl);--flaeche:#fff8ea;--text:var(--forno);--text-leise:#5e554a;--linie:color-mix(in srgb, var(--forno) 16%, var(--mehl));--akzent:var(--pomodoro);--akzent-text:#fff8ea;--schrift-titel:"NL Archivo", "Arial Black", sans-serif;--schrift-text:"NL Archivo", ui-sans-serif, system-ui, sans-serif;--schrift-serif:"NL Newsreader", Georgia, serif;--radius:12px;--radius-gross:16px;--radius-btn:4px;--max:1200px;--kopf-h:4rem;scroll-padding-top:7.5rem;& body{font-stretch:100%}& h1,& h2,& h3{text-transform:uppercase;letter-spacing:-.01em;font-weight:800;font-stretch:125%;line-height:.95}& h2{color:var(--pomodoro);font-size:clamp(2rem,6vw,4rem)}& ::selection{background:var(--zafferano);color:var(--forno)}& .btn-primaer,& .btn-sekundaer{border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-stretch:90%}& .btn-primaer:hover{background:color-mix(in srgb, var(--pomodoro) 88%, black)}& .btn-whatsapp:hover{background:color-mix(in srgb, var(--whatsapp) 88%, black)}& .btn-sekundaer{border-color:var(--forno)}& .link-btn{color:var(--forno);font-weight:600}& .nl-kopf{background:var(--mehl);min-height:var(--kopf-h);border-bottom:0;padding-block:.75rem}& .nl-kopf .logo{text-transform:uppercase;color:var(--pomodoro);letter-spacing:-.01em;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:800;font-stretch:125%;line-height:1}& .nl-kopf nav{text-transform:uppercase;letter-spacing:.06em;align-items:center;font-size:.82rem;font-weight:700;font-stretch:90%}& .nl-kopf nav a{color:var(--forno)}& .nl-kopf nav a:hover{color:var(--pomodoro)}& .nl-kopf .kopf-tel{border:1.5px solid var(--pomodoro);color:var(--pomodoro);border-radius:var(--radius-btn);padding:.5rem .9rem}& .nl-kopf .kopf-tel:hover{background:var(--pomodoro);color:var(--akzent-text)}& .nl-main{max-width:none;padding:0}& .nl-wrap{max-width:var(--max);padding-inline:var(--rand);margin-inline:auto}& .nl-hero{background:var(--forno);color:var(--mehl);isolation:isolate;position:relative;overflow:hidden}& .nl-hero-innen{max-width:var(--max);padding:clamp(2.5rem, 7vw, 5.5rem) var(--rand) clamp(2rem, 5vw, 4rem);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:2rem;min-height:min(78dvh,720px);margin-inline:auto;display:grid}& .nl-hero-text{z-index:2;position:relative}& .nl-hero h1{color:var(--zafferano);letter-spacing:-.025em;text-wrap:balance;max-width:10.5ch;margin:0 0 1.5rem;font-size:clamp(2.7rem,7.4vw,6.4rem);line-height:.9}& .nl-claim{font-family:var(--schrift-serif);color:color-mix(in srgb, var(--mehl) 88%, transparent);max-width:26ch;margin-bottom:2rem;font-size:clamp(1.2rem,2.2vw,1.6rem);font-style:italic;font-weight:400;line-height:1.3}& .nl-hero .status{color:var(--mehl);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-stretch:90%}& .nl-cta{min-height:54px;padding-inline:1.8rem;font-size:1rem}& .nl-pizza{align-self:stretch;min-height:320px;position:relative}& .nl-pizza img,& .nl-pizza-platzhalter{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(46vw,640px);position:absolute;top:50%;left:0;translate:0 -50%;box-shadow:0 40px 80px -30px #000c}& .nl-pizza-platzhalter{text-align:center;border:2px dashed color-mix(in srgb, var(--mehl) 30%, transparent);color:color-mix(in srgb, var(--mehl) 60%, transparent);background:color-mix(in srgb, var(--mehl) 5%, transparent);place-items:center;padding:18%;font-size:.85rem;display:grid}& .nl-fakten{padding:1.1rem var(--rand);max-width:var(--max);z-index:2;border-top:1px solid color-mix(in srgb, var(--mehl) 18%, transparent);color:color-mix(in srgb, var(--mehl) 75%, transparent);flex-wrap:wrap;gap:.5rem 2.5rem;margin:0 auto;font-size:.9rem;list-style:none;display:flex;position:relative}& .nl-fakten strong{color:var(--zafferano);margin-right:.3em;font-weight:800;font-stretch:110%}@media (width<=820px){& .nl-hero-innen{grid-template-columns:1fr;gap:0;min-height:0;padding-top:0}& .nl-pizza{height:66vw;min-height:0;margin-inline:calc(var(--rand) * -1);order:-1}& .nl-pizza img,& .nl-pizza-platzhalter{width:104vw;top:auto;bottom:0;left:50%;translate:-50%}& .nl-hero h1{max-width:none;margin-top:1.75rem}& .nl-fakten{gap:.35rem 1.5rem;font-size:.85rem}}@media (prefers-reduced-motion:no-preference){& .nl-pizza img,& .nl-pizza-platzhalter{animation:1.1s cubic-bezier(.16,1,.3,1) both nl-rein}@supports (animation-timeline:scroll()){& .nl-pizza{animation:linear both nl-drehen scroll(root);animation-range:0 120vh}}}& .nl-karte{background:var(--zafferano);padding:clamp(3rem,7vw,5.5rem) 0 clamp(2rem,5vw,4rem)}& .nl-karte .karte-kopf{align-items:end;margin-bottom:.5rem}& .nl-karte .karte-kopf h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,8.4vw,6.5rem)}& .nl-karte .link-btn{margin-bottom:.6rem}& .nl-karte .kat-nav{top:var(--kopf-h);background:var(--zafferano);margin:0 0 .5rem;padding:.7rem 0}& .nl-karte .kat-nav ul{gap:.4rem}& .nl-karte .kat-nav a{border:1.5px solid var(--forno);border-radius:var(--radius-btn);color:var(--forno);text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:.5rem .8rem;font-size:.78rem;font-weight:700;font-stretch:90%}& .nl-karte .kat-nav a:hover,& .nl-karte .kat-nav a:focus-visible{background:var(--forno);color:var(--zafferano)}& .nl-karte .kategorie{border-top:2px solid var(--forno);margin-top:1.5rem;padding:2.25rem 0 1rem}& .nl-karte .kategorie:first-child{border-top:0;margin-top:0}& .nl-kat-kopf{flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;margin-bottom:1.5rem;display:flex}& .nl-karte .kategorie h3{color:var(--pomodoro);margin:0;font-size:clamp(1.5rem,3.6vw,2.3rem)}& .nl-karte .kat-hinweis{font-family:var(--schrift-serif);color:var(--forno);margin:0;font-size:1.05rem;font-style:italic}& .nl-karte .gerichte{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr));gap:2rem 4.5rem}& .nl-karte .gericht{background:0 0;border:0;border-radius:0;align-items:start;gap:1.1rem;padding:0}& .nl-zeile{align-items:baseline;gap:.6rem;display:flex}& .nl-karte .gericht h4{font-family:var(--schrift-titel);text-transform:uppercase;letter-spacing:-.005em;color:var(--forno);margin:0;font-size:1.12rem;font-weight:800;font-stretch:112%;display:block}& .nl-punkte{border-bottom:2px dotted color-mix(in srgb, var(--forno) 55%, transparent);flex:1;min-width:1.5rem;translate:0 -.3em}& .nl-karte .preis{font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800;font-stretch:100%}& .nl-karte .preis small{font-size:.8em;font-weight:500}& .nl-tags{flex-wrap:wrap;gap:.3rem;display:flex;margin:.45rem 0 0!important}& .nl-karte .tag{border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--forno) 10%, transparent);color:var(--forno);padding:.3rem .45rem;font-size:.64rem;font-weight:700;font-stretch:90%}& .nl-karte .tag-beliebt{background:var(--pomodoro);color:var(--akzent-text)}& .nl-karte .tag-veg{background:var(--basilico);color:var(--mehl)}& .nl-karte .tag-scharf{color:var(--pomodoro);background:color-mix(in srgb, var(--pomodoro) 12%, transparent)}& .nl-beschr{font-family:var(--schrift-serif);font-style:italic;line-height:1.35;color:var(--forno)!important;margin:.4rem 0 .3rem!important;font-size:1.08rem!important}& .nl-karte .gericht .kennz{color:color-mix(in srgb, var(--forno) 78%, var(--zafferano));margin:0;font-size:.74rem}& .nl-karte .add{background:var(--pomodoro);width:44px;height:44px;color:var(--akzent-text);font-family:var(--schrift-titel);flex:none;margin-top:-.25rem;font-size:1.6rem;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),background .2s}& .nl-karte .add:hover{background:var(--forno)}& .nl-karte .add:active{transform:scale(.9)}& .bewertungen{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start;gap:2.5rem 4rem;padding-block:clamp(3.5rem,8vw,6rem) clamp(2rem,4vw,3rem);display:grid}& .bw-kopf h2{margin-bottom:1.5rem}& .bw-schnitt{align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.9rem;line-height:1.4}& .bw-schnitt strong{font-family:var(--schrift-titel);color:var(--forno);font-size:clamp(3.5rem,8vw,5rem);font-weight:800;font-stretch:125%;line-height:1}& .bw-schnitt [aria-hidden]{color:var(--pomodoro);letter-spacing:.12em;font-size:1.1rem}& .beispiel-hinweis{color:var(--text-leise);font-weight:700;font-stretch:90%}& .bw-liste{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}& .bw-liste li{border-radius:var(--radius);background:var(--flaeche);border:0;flex-direction:column;padding:1.5rem 1.5rem 1.25rem;display:flex}& .bw-liste li:first-child{background:var(--pomodoro);color:var(--akzent-text);grid-row:span 2}& .bw-liste li:first-child blockquote{font-size:clamp(1.3rem,2.2vw,1.65rem)}& .bw-liste li:first-child .bw-sterne,& .bw-liste li:first-child .bw-wer{color:color-mix(in srgb, var(--akzent-text) 82%, transparent)}& .bw-sterne{color:var(--pomodoro)}& blockquote{font-family:var(--schrift-serif);flex:1;margin-bottom:1.25rem;font-size:1.15rem;font-style:italic;line-height:1.35}& .bw-wer{text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise);font-size:.75rem;font-weight:700;font-stretch:90%}@media (width<=820px){& .bewertungen,& .bw-liste{grid-template-columns:1fr}& .bw-liste li:first-child{grid-row:auto}}& .infos{gap:2.5rem 3rem;padding-block:1.5rem clamp(3.5rem,8vw,6rem)}& .info-block{border:0;border-top:3px solid var(--forno);background:0 0;border-radius:0;padding:1.25rem 0 0}& .info-block h3{color:var(--forno);margin-bottom:1rem;font-size:1.35rem}& .info-block .status{text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-stretch:90%}& th,& td{border-bottom-color:var(--linie)}& tr[aria-current=date] th,& tr[aria-current=date] td{color:var(--pomodoro)}& .zonen th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-leise);font-size:.7rem;font-stretch:90%}& .karte-bild{border-radius:var(--radius)}& .karte-bild span{border-radius:var(--radius-btn)}& .nl-fuss{background:var(--forno);color:color-mix(in srgb, var(--mehl) 78%, transparent);border:0;padding-top:3.5rem}& .nl-fuss-name{font-family:var(--schrift-titel);text-transform:uppercase;color:var(--zafferano);letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(1.6rem,5vw,3rem);font-weight:800;font-stretch:125%;line-height:1}& .nl-fuss .klein{color:color-mix(in srgb, var(--mehl) 60%, transparent)}& .nl-fuss a{color:var(--mehl)}& .wk-leiste button{border-radius:var(--radius-btn);text-transform:uppercase;letter-spacing:.04em;font-stretch:95%;box-shadow:0 14px 34px -12px #3c0f0a8c}& .wk-badge{border-radius:var(--radius-btn)}& .dlg{background:var(--flaeche)}& .dlg-kopf h2{color:var(--forno);font-size:clamp(1.4rem,4vw,1.8rem)}& .dlg-kopf p{font-family:var(--schrift-serif);font-size:1.02rem;font-style:italic}& .dlg-zu{border-radius:var(--radius-btn)}& .opt-gruppe legend{text-transform:uppercase;letter-spacing:.01em;font-weight:800;font-stretch:110%}& .menge,& .segment,& .segment span,& .wk-menge button{border-radius:var(--radius-btn)}& .feld input,& .feld select,& .feld textarea{border-radius:var(--radius-btn);background:#fffdf7}& .feld input:focus,& .feld select:focus,& .feld textarea:focus{border-color:var(--forno);outline:none}& .hinweis,& .fehler,& .vorschau{border-radius:var(--radius-btn)}}@keyframes nl-rein{0%{transform:translate(14%)rotate(-50deg)scale(.96)}}@keyframes nl-drehen{to{transform:rotate(150deg)}}:root[data-branche=pizza] .nl-karte .bestellhinweis{background:0 0;border:0;margin:1.5rem 0 .5rem;padding:0}:root[data-branche=pizza] .nl-karte .bestellhinweis ol{background:var(--forno);color:var(--mehl);border-radius:var(--radius);grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem 1.5rem;margin:0;padding:1rem 1.25rem;font-size:.92rem;line-height:1.35;list-style:none;display:grid}:root[data-branche=pizza] .nl-karte .bestellhinweis li{align-items:flex-start;gap:.7rem;display:flex}:root[data-branche=pizza] .nl-karte .bestellhinweis li:last-child{color:var(--zafferano);font-weight:600}:root[data-branche=pizza] .nl-karte .bestellhinweis span{border-radius:var(--radius-btn);background:var(--pomodoro);width:1.7rem;height:1.7rem;color:var(--akzent-text);flex:none;place-items:center;font-size:.85rem;font-weight:800;font-stretch:110%;display:grid}@media (width<=720px){:root[data-branche=pizza] .nl-karte .bestellhinweis ol{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){:root[data-branche=pizza] #speisekarte li.gericht:hover{box-shadow:none;transform:translate(4px)}:root[data-branche=pizza] .nl-karte .add:hover{transform:rotate(90deg)scale(1.06)}:root[data-branche=pizza] .bw-liste li{transition:transform .3s var(--ease-weich)}:root[data-branche=pizza] .bw-liste li:hover{transform:translateY(-4px)rotate(-.4deg)}:root[data-branche=pizza] .nl-karte .kat-nav a{transition:transform .2s var(--ease-weich), background-color .2s, color .2s}:root[data-branche=pizza] .nl-karte .kat-nav a:hover{transform:translateY(-2px)}:root[data-branche=pizza] .karte-bild svg{transition:transform .5s var(--ease-weich)}:root[data-branche=pizza] .karte-bild:hover svg{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){:root[data-branche=pizza] *{transition-duration:0s!important}}:root[data-branche=pizza] .dlg-fuss .btn-primaer,:root[data-branche=pizza] .dlg-fuss .btn-sekundaer{white-space:nowrap;letter-spacing:.02em;padding-inline:1rem;font-size:.85rem}
