@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(/fonts/manrope-600.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.woff2) format("woff2")}
@font-face{font-family:Manrope;font-weight:800;font-display:swap;src:url(/fonts/manrope-800.woff2) format("woff2")}

:root{
  --text:#1d2026;
  --blau:#43affc;
  --hell:#e0e9f1;
  --karte:#f2f2f2;
  --dunkel:#1f2026;
  --orange:#ff8000;
  --pink:#d70f64;
  --schatten:0 8px 56px rgba(17,17,26,.1),0 32px 32px -24px rgba(17,17,26,.1);
  --breite:1150px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,-apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:8px 12px;border-radius:4px}
.wrap{max-width:var(--breite);margin:0 auto;padding:0 20px}

.kopf{position:sticky;top:0;z-index:50;background:var(--hell);box-shadow:var(--schatten)}
.kopf .wrap{display:flex;align-items:center;justify-content:space-between;height:80px}
.kopf .logo img{width:50px;height:50px}
.kopf .logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.logotext{font-weight:800;font-style:italic;font-size:21px;letter-spacing:.02em;white-space:nowrap}
.nav{display:flex;gap:30px;align-items:center}
.nav a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:16.8px}
.nav a span{border-bottom:2px solid var(--blau);padding-bottom:2px}
.nav svg{width:20px;height:20px;flex:none}
.menuknopf{display:none;background:none;border:0;padding:8px;cursor:pointer}
.menuknopf svg{width:28px;height:28px}

.hero{padding:56px 0 40px;background:radial-gradient(1200px 520px at 50% 0,#fff 0,rgba(255,255,255,0) 70%),linear-gradient(180deg,#dfe7ef 0%,#eef2f6 75%,#f6f8fa 100%)}
.hero .karte{text-align:center;padding:0 0 10px}
.hero .titelbild{width:min(560px,90%);height:auto;margin:0 auto 26px;filter:drop-shadow(0 18px 30px rgba(17,17,26,.18))}
.zeiten{margin:4px 0 30px;font-size:24px;font-weight:700;font-style:italic;line-height:1.3}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--blau);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:16px 28px;border-radius:4px;letter-spacing:.02em}
.knopf:hover{filter:brightness(.95)}

.ueber{text-align:center;font-size:48px;font-weight:600;margin:0 0 56px;line-height:1.35}
.kritzel{position:relative;display:inline-block}
.kritzel svg{position:absolute;left:0;right:0;bottom:-12px;width:100%;height:16px;overflow:visible}

.gerichte{padding:40px 0 70px;background:linear-gradient(180deg,#f6f8fa 0,#fff 260px)}
.stapel{display:flex;flex-direction:column;gap:28px}
.gericht{position:sticky;top:96px;background:#fff;border-radius:24px;box-shadow:0 -6px 30px rgba(17,17,26,.06),0 10px 40px rgba(17,17,26,.08);display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:36px 52px;overflow:hidden}
.gericht:nth-child(2){top:116px}
.gericht:nth-child(3){top:136px}
.stapel.frei .gericht{position:relative;top:auto}
.gericht h3{font-size:clamp(40px,4.6vw,60px);font-weight:700;font-style:italic;margin:0 0 22px;line-height:1.15}
.gericht p{font-size:18px;line-height:1.6;margin:0}
.gericht img{width:auto;max-width:100%;height:auto;max-height:min(480px,calc(100vh - 230px));max-height:min(480px,calc(100svh - 230px));border-radius:16px;justify-self:center}
.gericht.bild-links{grid-template-columns:.9fr 1.1fr}
.gericht.bild-links img{order:-1}

.liefer{background:linear-gradient(180deg,#fff 0,#e9eef4 30%,#e3e9f0 100%);padding:70px 0 40px;position:relative}
.liefer .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;position:relative;z-index:1}
.liefer h2{font-size:32px;font-weight:700;font-style:italic;margin:0 0 22px;line-height:1.35}
.liefer p{font-size:18px;line-height:1.6;margin:0 0 30px}
.pillen{display:flex;gap:16px;flex-wrap:wrap}
.pille{display:inline-flex;align-items:center;gap:16px;color:#fff;text-decoration:none;font-size:15.2px;border-radius:100px;padding:20px 30px}
.pille svg{width:20px;height:20px}
.pille.orange{background:var(--orange)}
.pille.pink{background:var(--pink)}
.promos{display:flex;gap:16px;justify-content:flex-end}
.promos img{width:266px;height:271px;object-fit:cover;border-radius:12px}

.angebote{background:linear-gradient(180deg,#e3e9f0 0,#e3e9f0 55%,#fff 100%);position:relative;padding:40px 0 10px}
.angebote .flaeche{padding:30px 0 20px}
.angebote .ueber{margin-bottom:46px}
.boxen{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.box{border:2px solid #000;border-radius:16px;padding:22px 26px;min-width:380px;text-align:center;font-size:20px;font-weight:600;line-height:1.35;background:rgba(255,255,255,.55);backdrop-filter:blur(4px)}
.box small{display:block;font-size:12px;font-weight:500;margin-top:2px}
.bedingungen{text-align:center;margin:40px 0 0;font-size:14px}
.bedingungen a{text-decoration:none}

.kontakt{padding:46px 0 40px}
.kontaktzeile{display:flex;justify-content:center;margin:0 0 20px}
.kontaktzeile a{display:inline-flex;align-items:center;gap:16px;text-decoration:none;font-size:18px}
.kontaktzeile svg{width:24px;height:24px}
.laufband{overflow:hidden;margin:20px 0 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.laufband .spur{display:flex;gap:32px;width:max-content;animation:laufen 60s linear infinite}
.laufband img{height:157px;width:auto;border-radius:2px}
.laufband:hover .spur{animation-play-state:paused}
@keyframes laufen{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.adresse{text-align:center;margin:0 0 16px}
.adresse a{font-size:18px;text-decoration:none;border-bottom:1px solid currentColor;text-transform:uppercase}
.karte-wrap{position:relative;display:block;border-radius:24px;overflow:hidden;background:#2b2f36}
.karte-wrap img{width:100%;height:560px;object-fit:cover;filter:invert(1) hue-rotate(180deg) grayscale(.55) brightness(.78) contrast(.92)}
.karte-wrap .pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);width:26px;height:34px}
.karte-wrap .quelle{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.85);color:#333;font-size:11px;padding:3px 8px;border-radius:10px}

.fuss{background:radial-gradient(900px 400px at 85% 0,rgba(67,175,252,.16),transparent 70%),var(--dunkel);color:#fff;padding:0 0 10px;margin-top:40px}
.cta{position:relative;top:-40px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:linear-gradient(120deg,#43affc,#2b8fe0);border-radius:24px;padding:30px 36px;box-shadow:0 20px 50px rgba(43,143,224,.35)}
.cta-titel{font-size:30px;font-weight:800;font-style:italic;margin:0 0 4px}
.cta-text{margin:0;font-size:16px;opacity:.92}
.cta-knoepfe{display:flex;gap:10px;flex-wrap:wrap}
.cta .pille{padding:14px 22px;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,.18)}
.pille.blau{background:#fff;color:#1f2026}
.fuss .spalten{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr 1fr;gap:36px;align-items:start;padding:10px 0 34px}
.fuss .marke p{color:#b7bcc6;font-size:14.5px;line-height:1.6;margin:14px 0 18px;max-width:300px}
.fuss .logo img{width:72px;height:72px}
.fuss h4{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blau);margin:6px 0 18px}
.fuss ul{list-style:none;margin:0;padding:0}
.fuss li{margin:0 0 12px;font-size:15px;line-height:1.5}
.fuss ul a{text-decoration:none;color:#e9ebef;transition:color .2s}
.fuss ul a:hover,.fuss ul a.aktiv{color:var(--blau)}
.zeitenliste li{display:flex;justify-content:space-between;gap:12px;color:#e9ebef;border-bottom:1px dashed #3a3d44;padding-bottom:8px}
.fuss .offen{margin:8px 0 0;font-size:13px}
.sozial{display:flex;gap:8px}
.sozial a{width:42px;height:42px;border-radius:12px;background:#2c2e36;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.sozial a:hover{background:var(--blau);transform:translateY(-2px)}
.sozial svg{width:18px;height:18px;fill:#fff}
.unten{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-top:1px solid #33363e;padding:22px 0}
.google{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#fff;background:#2c2e36;border-radius:100px;padding:10px 18px 10px 14px;font-weight:600;font-size:14.5px;transition:background .2s}
.google:hover{background:#363944}
.sterne{display:inline-flex;gap:2px}
.sterne svg{width:16px;height:16px;fill:#f5c518}
.zahlung{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zahlung{gap:18px}
.zahlung img{height:36px;width:auto;object-fit:contain;opacity:.9}
.copy{text-align:center;font-size:12.5px;color:#8d929c;padding:16px 0 20px;margin:0;border-top:1px solid #33363e}

.seite{background:linear-gradient(180deg,#f3f3f3,#fff 300px);padding:16px 0 60px}
.seite .karte{background:#f0f0f0;border-radius:4px;box-shadow:var(--schatten);padding:30px 26px 40px;font-size:13.5px;line-height:1.55}
.seite h1{font-size:24px;font-weight:600;text-align:center;margin:0 0 24px}
.seite h2{font-size:15px;margin:24px 0 6px}
.seite p{margin:0 0 12px}
.seite .zurueck{display:inline-block;margin-top:20px}

@media (max-width:900px){
  .nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--hell);flex-direction:column;align-items:flex-start;gap:22px;padding:24px 20px;box-shadow:var(--schatten)}
  .nav.offen{display:flex}
  .menuknopf{display:block}
  .ueber{font-size:34px;margin-bottom:36px}
  .hero{padding:34px 0 28px}
  .hero .titelbild{width:92%}
  .gericht,.gericht.bild-links{grid-template-columns:1fr;gap:16px;padding:22px 20px;top:88px}
  .gericht:nth-child(2){top:98px}.gericht:nth-child(3){top:108px}
  .gericht img{max-height:max(170px,calc(100vh - 470px));max-height:max(170px,calc(100svh - 470px))}
  .gericht h3{font-size:32px;margin-bottom:10px}
  .gericht p{font-size:15px;line-height:1.5}
  .gericht.bild-links img{order:0}
  .liefer .wrap{grid-template-columns:1fr}
  .promos{flex-direction:column;align-items:center;gap:18px}
  .promos a{width:100%;max-width:380px}
  .promos img{width:100%;height:auto;aspect-ratio:266/271;border-radius:18px;box-shadow:0 12px 30px rgba(17,17,26,.15)}
  .box{min-width:0;width:100%}
  .karte-wrap img{height:380px}
  .fuss .spalten{grid-template-columns:1fr 1fr;gap:28px 20px}
  .fuss .marke,.fuss .spalten>div:nth-child(2){grid-column:1/-1}
  .cta{padding:24px 22px;top:-30px}
  .cta-titel{font-size:24px}
  .cta-knoepfe .pille{flex:1 1 auto;justify-content:center}
  .unten{flex-direction:column;align-items:flex-start}
}
.offen{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:7px 14px;border-radius:100px;background:#e6f6ea;color:#17652d;font-weight:600;font-size:15px}
.offen::before{content:"";width:9px;height:9px;border-radius:50%;background:#22a447;box-shadow:0 0 0 0 rgba(34,164,71,.5);animation:puls 2s infinite}
.offen.zu{background:#fbe9e9;color:#9b1c1c}
.offen.zu::before{background:#d33;animation:none}
.offen[hidden]{display:none}
@keyframes puls{0%{box-shadow:0 0 0 0 rgba(34,164,71,.5)}70%{box-shadow:0 0 0 9px rgba(34,164,71,0)}100%{box-shadow:0 0 0 0 rgba(34,164,71,0)}}

.js .einblenden{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .einblenden.da{opacity:1;transform:none}
.js .boxen .box:nth-child(2){transition-delay:.12s}
.hero .karte{animation:auftauchen .8s cubic-bezier(.2,.7,.2,1) both}
.hero .titelbild{animation:schweben 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes schweben{from{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:none}}
@keyframes auftauchen{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes zoom{from{transform:scale(1.06)}to{transform:none}}
.knopf,.pille{transition:transform .2s ease,box-shadow .2s ease,filter .2s}
.knopf:hover,.pille:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.gericht img{transition:transform .5s ease}
.gericht:hover img{transform:scale(1.03)}
.promos img{transition:transform .3s ease}
.promos a:hover img{transform:translateY(-4px) rotate(-1deg)}

.karteseite{padding-bottom:40px}
.kartekopf{text-align:center;padding:24px 0 10px}
.kartekopf h1{font-size:48px;font-weight:800;font-style:italic;margin:0 0 8px}
.klein{font-size:13.5px;color:#555;line-height:1.5}
.mitte{text-align:center;margin-top:30px}
.zeiten.klein{font-style:normal;font-weight:500;margin:0 0 14px}
.aktionen{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}
.knopf.hell{background:#fff;color:var(--text);box-shadow:inset 0 0 0 2px var(--blau)}
.chips{position:sticky;top:80px;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:12px 2px;margin:10px 0 6px;background:linear-gradient(#fff 80%,rgba(255,255,255,0));scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips a{flex:none;text-decoration:none;font-weight:600;font-size:14px;padding:8px 16px;border-radius:100px;background:var(--hell);transition:background .2s,color .2s}
.chips a.aktiv{background:var(--blau);color:#fff}
.suche{margin:6px 0 10px}
.suche input{width:100%;font:inherit;font-size:16px;padding:13px 16px;border:2px solid #d5dde6;border-radius:10px;background:#fff}
.suche input:focus{outline:none;border-color:var(--blau)}
.suche details{margin-top:10px}
.suche summary{cursor:pointer;font-weight:600;font-size:14px;padding:6px 0}
.filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.filter span{font-size:13px;font-weight:600;margin-right:4px}
.filter button{font:inherit;font-size:13px;border:1.5px solid #cfd8e2;background:#fff;border-radius:100px;padding:6px 12px;cursor:pointer}
.filter button[aria-pressed=true]{background:var(--dunkel);color:#fff;border-color:var(--dunkel)}
.leer{text-align:center;padding:30px 0;font-weight:600}
.kategorie{scroll-margin-top:150px;margin:26px 0 0}
.kategorie h2{font-size:34px;font-weight:800;font-style:italic;margin:0 0 4px;display:inline-block;border-bottom:4px solid var(--blau);line-height:1.15}
.hinweis{margin:8px 0 0;font-size:14px;color:#555}
.liste{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.posten{background:var(--karte);border-radius:12px;padding:14px 16px;transition:transform .2s,box-shadow .2s}
.posten:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(17,17,26,.08)}
.posten[hidden],.kategorie[hidden]{display:none}
.posten.mitbild{display:grid;grid-template-columns:88px 1fr;column-gap:14px;align-items:start}.posten.mitbild[hidden]{display:none}.posten.mitbild>.bild{grid-row:1/span 2;width:88px;height:88px;border-radius:10px;object-fit:cover}.posten.mitbild>div{grid-column:2;min-width:0}@media (max-width:600px){.posten.mitbild{grid-template-columns:72px 1fr;column-gap:12px}.posten.mitbild>.bild{width:72px;height:72px}}
.kopfzeile{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.posten h3{font-size:17px;font-weight:700;margin:0;line-height:1.3}
.preis{font-weight:800;white-space:nowrap;font-size:17px;text-align:right}
.preis small{display:block;font-size:12.5px;font-weight:600;color:#555}
.unter{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin-top:4px}
.besch{font-size:14px;color:#555;line-height:1.45;flex-basis:100%}
.al{display:inline-flex;gap:3px}
.al abbr{text-decoration:none;font-size:11.5px;font-weight:700;min-width:20px;height:20px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;background:#fff;border:1px solid #cdd6df;cursor:help}
.al.keine{font-size:12px;color:#777;font-style:italic}
.note{font-size:12px;color:#8a5a00}
.veg{font-size:14px}
.liste.saucen{grid-template-columns:repeat(3,1fr)}
.legende{list-style:none;padding:16px;margin:10px 0 6px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 14px;background:var(--hell);border-radius:12px;font-size:14px}
.legende b{display:inline-block;width:22px}

.leiste{display:none}
@media (max-width:900px){
  .leiste{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 -4px 20px rgba(0,0,0,.12)}
  .leiste a{display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-weight:700;font-size:14.5px;padding:13px 4px;border-radius:10px;background:var(--blau);color:#fff}
  .leiste svg{width:17px;height:17px}
  .leiste .orange{background:var(--orange)}
  .leiste .pink{background:var(--pink)}
  .kartekopf h1{font-size:36px}
  .chips{top:80px}
  .liste,.liste.saucen{grid-template-columns:1fr}
  .liste.saucen{grid-template-columns:1fr 1fr}
  .kategorie h2{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
  .laufband .spur{animation:none}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .einblenden{opacity:1;transform:none}
}
.hero .offen{display:flex;width:max-content;max-width:100%;margin:0 auto 22px}
.hero .offen[hidden]{display:none}
.karteseite .legende-titel{font-size:28px;font-weight:800;font-style:italic;margin:34px 0 0;display:inline-block;border-bottom:4px solid var(--blau)}
#allergene{scroll-margin-top:100px}
.claim{font-size:17px;font-weight:600;color:#3b4250;margin:-8px auto 18px;max-width:640px;line-height:1.4;letter-spacing:.01em}
.untertitel{margin:0 0 10px;font-size:16px;font-weight:600;color:#3b4250}
.ueberuns{max-width:760px;margin:0 auto 34px;text-align:center}
.ueberuns h2{font-size:30px;font-weight:800;font-style:italic;margin:0 0 12px}
.ueberuns p{font-size:17px;line-height:1.65;margin:0;color:#3b4250}
.ueberuns a{color:var(--blau);font-weight:600}
@media (max-width:900px){.claim{font-size:15px;padding:0 10px}.ueberuns h2{font-size:24px}.ueberuns p{font-size:15.5px}}
.insta{padding:30px 0 50px}
.insta .ueber{margin-bottom:40px}
.insta-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.insta-post{position:relative;display:block;aspect-ratio:1;overflow:hidden;border-radius:14px;background:var(--karte);box-shadow:var(--schatten)}
.insta-post img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.insta-post:hover img{transform:scale(1.05)}
.insta-post.video::after,.insta-post.album::after{content:"";position:absolute;top:10px;right:10px;width:26px;height:26px;background:center/contain no-repeat;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5))}
.insta-post.video::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")}
.insta-post.album::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M7 3h11a3 3 0 0 1 3 3v11h-2V6a1 1 0 0 0-1-1H7z'/%3E%3Crect x='3' y='7' width='14' height='14' rx='2'/%3E%3C/svg%3E")}
.insta-mehr{text-align:center;margin:30px 0 0}
.insta-pille{background:linear-gradient(45deg,var(--orange),var(--pink));font-weight:700;padding:16px 28px}
@media (max-width:700px){.insta-raster{grid-template-columns:repeat(2,1fr);gap:10px}.insta-post{border-radius:10px}}
/* Grosser Webshop Knopf (04.10.2026) */
.webshop-feld{display:flex;flex-direction:column;align-items:flex-end}
.webshop-knopf{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;width:100%;max-width:440px;min-height:271px;padding:34px 28px;border-radius:18px;background:var(--blau);color:#fff;text-decoration:none;box-shadow:0 14px 34px rgba(43,143,224,.35);transition:transform .2s ease,box-shadow .2s ease}
.webshop-knopf:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(43,143,224,.45)}
.webshop-knopf svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.webshop-titel{font-size:34px;font-weight:800;font-style:italic;line-height:1.1}
.webshop-text{font-size:17px;line-height:1.5;opacity:.95}
.webshop-pfeil{margin-top:6px;background:#fff;color:var(--blau);font-weight:700;font-size:16px;border-radius:100px;padding:12px 26px}
@media (max-width:900px){.webshop-feld{align-items:center}.webshop-knopf{max-width:none;min-height:0}}
.box.box-nl{display:block;color:inherit;text-decoration:none;border-color:var(--blau);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.box.box-nl:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}
.js .boxen .box:nth-child(3){transition-delay:.24s}
.box.box-nl small{font-size:14px;font-weight:600;color:var(--blau);margin-top:6px}