.startseite{--rand:clamp(16px, 4vw, 56px);--spalt:14px;--ecke:22px;--dal:#eae3dc;--kurkuma:#f3cf6b;--kardamom:#bfd3a6;--kopf:var(--kopf-hoehe)}.held,.brett,.band{font-size:17px;line-height:1.55}.ic-bereich{padding-inline:var(--rand)}.ic-knopf{background:var(--color-anker);min-height:48px;color:var(--color-weiss);font:500 16px/1 var(--font-text);cursor:pointer;transition:transform .2s var(--ease-leise), background-color var(--dauer-mittel) var(--ease-leise);border:0;border-radius:999px;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex}.ic-knopf svg{width:16px;height:16px;transition:transform var(--dauer-mittel) var(--ease-leise);flex:none}.ic-knopf:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.ic-knopf:hover{background:color-mix(in oklab, var(--color-anker) 85%, white)}.ic-knopf:hover svg{transform:translate(3px)}}.ic-leise{min-height:44px;color:var(--color-anker);text-underline-offset:5px;align-items:center;font-size:16px;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}@media (hover:hover) and (pointer:fine){.ic-leise:hover{text-decoration-thickness:2px}}.ic-knopf:focus-visible,.ic-leise:focus-visible{outline:2px solid var(--color-anker);outline-offset:2px}.startseite{--tisch:#e4b38a}.held{text-align:center;background:var(--tisch);padding:calc(var(--kopf-hoehe) + clamp(36px, 6.2vh, 72px)) var(--rand) 0;flex-direction:column;align-items:center;display:flex;overflow-x:clip}.held h1{font:500 clamp(42px, 4.9vw, 70px)/1 var(--font-titel);letter-spacing:-.022em;max-width:14ch}.held .wege{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 22px;margin-top:24px;display:flex}.held .satz{margin-inline:calc(var(--rand) * -1);padding:22px max(var(--rand), calc((100% - 36ch) / 2)) clamp(28px, 5vh, 56px);align-self:stretch;font-size:clamp(17px,1.3vw,20px);line-height:1.55}.tisch{margin:clamp(20px, 4vh, 40px) calc(var(--rand) * -1) 0;color:inherit;align-self:stretch;text-decoration:none;display:block;position:relative}.tisch img{aspect-ratio:1;-webkit-mask-composite:source-in;width:100%;height:auto;transition:transform .8s var(--ease-leise);display:block;-webkit-mask-image:linear-gradient(#0000 0,#000 3% 100%);mask-image:linear-gradient(#0000 0,#000 3% 100%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (hover:hover) and (pointer:fine){.tisch:hover img{transform:scale(1.012)}}@media (min-width:700px){.tisch img{aspect-ratio:4/3;width:min(100%,66.6667vh,880px);margin-inline:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 3% 97%,#0000 100%),linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 3% 97%,#0000 100%),linear-gradient(90deg,#0000 0,#000 3% 97%,#0000 100%)}}@media (max-width:699px){.held .wege{flex-direction:column;align-items:stretch;gap:12px;margin-top:22px}.held .wege .ic-knopf{justify-content:center;width:100%}.held .wege .ic-leise{justify-content:center;margin-block:-9.5px}.tisch{margin-top:clamp(26px,5vh,46px)}}@media (min-width:700px) and (max-width:899px){.tisch{margin-top:clamp(20px,3vh,36px)}}@media (min-width:700px) and (max-width:899px) and (min-height:700px){.held h1{font-size:clamp(50px,7.6vw,68px)}}.brett{padding:clamp(40px, 6vw, 88px) var(--rand);gap:var(--spalt);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kachel{border-radius:var(--ecke);color:inherit;text-decoration:none;position:relative;overflow:hidden}.k-dal{background:var(--dal);aspect-ratio:4/3;grid-column:1/-1}.k-dal img{object-fit:cover;object-position:38% 55%;width:100%;height:100%;transition:transform 1s var(--ease-leise);position:absolute;inset:0}.k-dal .name{text-align:right;position:absolute;bottom:18px;right:22px}.k-dal .name b{font:500 clamp(26px, 2.2vw, 34px)/1 var(--font-titel);display:block}.k-dal .name span{font-size:15px;line-height:1.55}.kachel .menge{background:var(--color-weiss);height:40px;color:var(--color-anker);font:500 16px/1 var(--font-text);white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;display:inline-flex;position:absolute;bottom:18px;left:18px}.k-klein{flex-direction:column;justify-content:space-between;min-height:220px;padding:20px;display:flex}.k-klein h2{font:500 clamp(24px, 1.9vw, 30px)/1.05 var(--font-titel)}.k-klein p{max-width:22ch;font-size:15px;line-height:1.4}.k-gew,.k-rez{justify-content:flex-start;gap:8px}.k-gew{background:var(--kurkuma)}.k-gew .zahl{font:500 clamp(56px, 5vw, 84px)/.9 var(--font-titel)}.packungen{display:flex;position:absolute;bottom:-14px;right:-6px}.packungen img{filter:drop-shadow(0 12px 14px #13352838);width:clamp(78px,7vw,118px);height:auto;transition:transform .5s var(--ease-leise);margin-left:-22px}.k-rez{background:var(--color-linie)}.k-rez img{object-fit:cover;object-position:50% 45%;width:100%;height:58%;transition:transform 1s var(--ease-leise);position:absolute;inset:42% 0 0}.k-rez .oben{position:relative}.k-ver{background:var(--color-anker);color:var(--color-papier);grid-column:1/-1}.k-ver .zahl{font:500 clamp(44px, 3.8vw, 64px)/.95 var(--font-titel)}@media (hover:hover) and (pointer:fine){.k-dal:hover img,.k-rez:hover img{transform:scale(1.03)}.k-gew:hover .packungen img{transform:translateY(-6px)}.k-gew:hover .packungen img:nth-child(2){transition-delay:40ms}.k-gew:hover .packungen img:nth-child(3){transition-delay:80ms}}.kachel:focus-visible{outline:2px solid var(--color-anker);outline-offset:3px}@media (max-width:899px){.k-gew{grid-column:1/-1;min-height:240px}.k-ver{grid-column:auto}.k-ver .zahl{font-size:40px}.k-dal .name{top:16px;bottom:auto;right:18px}.k-dal .name span{display:none}}@media (min-width:900px){.brett{grid-template-rows:repeat(2,minmax(300px,34vh));grid-template-columns:repeat(12,minmax(0,1fr))}.k-dal{aspect-ratio:auto;grid-area:1/1/3/8}.k-klein{min-height:0}.k-gew{grid-area:1/8/auto/13}.k-rez{grid-area:2/8/auto/11}.k-ver{grid-area:2/11/auto/13}}.band{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(56px,8vw,112px)}.band-kopf{padding:0 var(--rand);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:clamp(22px,3vw,36px);display:flex}.band-kopf h2{font:500 clamp(32px, 3.6vw, 52px)/1.05 var(--font-titel);letter-spacing:-.01em}.band-kopf p{max-width:44ch;margin-top:10px;font-size:17px;line-height:1.55}.reihe{gap:clamp(26px, 4vw, 40px) var(--spalt);padding:0 var(--rand);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.reihe>li{list-style:none;display:grid}@media (min-width:620px){.reihe{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.reihe{grid-template-columns:repeat(4,minmax(0,1fr))}}.produkt{grid-template-rows:auto auto 1fr;gap:12px;height:100%;display:grid}.produkt .zeile{align-self:end}.produkt .bild{position:relative}.produkt .flaeche{border-radius:var(--ecke);aspect-ratio:4/5;background:var(--color-weiss);place-items:center;display:grid;position:relative;overflow:hidden}.produkt .flaeche img{object-fit:contain;filter:drop-shadow(0 18px 22px #13352833);width:76%;height:80%;transition:transform .6s var(--ease-leise)}.produkt .ohne-bild{text-align:center;padding:12px;font-size:14px}@media (hover:hover) and (pointer:fine){.produkt:hover .flaeche img{transform:translateY(-6px)}}.produkt .herz{z-index:1;position:absolute;top:8px;right:8px}.produkt .marke{font-size:14px;line-height:1.55}.produkt h3{font:500 17px/1.4 var(--font-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;display:-webkit-box;overflow:hidden}.produkt h3 a{text-decoration:none}@media (hover:hover) and (pointer:fine){.produkt h3 a:hover{text-underline-offset:4px;text-decoration:underline}}.produkt .groessen{text-underline-offset:4px;align-items:center;gap:4px;min-height:44px;margin-block:-6px;font-size:13px;font-weight:500;display:inline-flex}@media (hover:hover) and (pointer:fine){.produkt .groessen:hover{text-decoration:underline}}.produkt .zeile{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;display:flex}.produkt .zeile>*{min-width:0}.produkt .preis{font:600 21px/1 var(--font-text)}.produkt .menge-gp{font:400 13px/1.3 var(--font-text);margin-top:4px;display:block}.produkt .dazu{background:var(--color-anker);width:44px;height:44px;color:var(--color-weiss);cursor:pointer;transition:transform .2s var(--ease-leise), background-color var(--dauer-mittel) var(--ease-leise);border:0;border-radius:999px;flex:none;place-items:center;display:grid}.produkt .dazu svg{width:18px;height:18px}.produkt .dazu:active{transform:scale(.92)}@media (hover:hover) and (pointer:fine){.produkt .dazu:hover{background:color-mix(in oklab, var(--color-anker) 85%, white)}}.produkt .mengenwahl{border:2px solid var(--color-anker);background:var(--color-weiss);height:44px;font:500 16px/1 var(--font-text);text-align:center;border-radius:999px;grid-template-columns:40px minmax(28px,auto) 40px;align-items:center;display:grid}.produkt .mengenwahl button{height:100%;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.produkt .mengenwahl svg{width:16px;height:16px}.produkt .aus{background:var(--color-weiss);border:1px solid var(--color-linie);border-radius:999px;padding:6px 12px;font-size:14px}.produkt.ist-aus .flaeche img{opacity:.55}.produkt a:focus-visible,.produkt button:focus-visible{outline:2px solid var(--color-anker);outline-offset:2px}.band-fuss{padding:16px var(--rand) 0;font-size:14px}.stimmen{padding:clamp(40px, 6vw, 88px) var(--rand) clamp(56px, 8vw, 112px);font-size:17px;line-height:1.55}.stimmen>h2{font:500 clamp(32px, 3.6vw, 52px)/1.05 var(--font-titel);letter-spacing:-.01em}.stimmen>h2+p{max-width:52ch;margin-top:10px}.stimmen-raster{gap:var(--spalt);grid-template-columns:minmax(0,1fr);margin-top:clamp(26px,3.5vw,44px);display:grid}.wertung{background:var(--color-weiss);border:1px solid var(--color-linie);border-radius:var(--ecke);align-self:start;padding:clamp(20px,2vw,28px)}.wertung .note{align-items:baseline;gap:8px;display:flex}.wertung .note b{font:500 clamp(44px, 4.4vw, 60px)/1 var(--font-titel)}.wertung .note span{font-size:16px}.wertung .anzahl{margin-top:4px;font-size:15px}.wertung .einladung{text-wrap:pretty;font-size:18px;font-weight:500}.wertung .weg{margin-top:18px}.verteilung{gap:7px;margin-top:18px;margin-bottom:0;padding:0;display:grid}.verteilung li{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:14px;list-style:none;display:grid;position:relative}.verteilung .balken{background:var(--color-linie);border-radius:999px;height:8px;overflow:hidden}.verteilung .balken i{height:100%;width:var(--teil);background:var(--color-anker);display:block}.stimmen-liste{gap:var(--spalt);align-content:start;align-items:start;margin:0;padding:0;list-style:none;display:grid}.stimmen-liste li{background:var(--color-weiss);border:1px solid var(--color-linie);border-radius:var(--ecke);padding:clamp(20px,2vw,26px);list-style:none}.stimmen-liste .wert{margin-top:14px;font-size:14px;font-weight:500}.stimmen-liste blockquote{margin:6px 0 0}.stimmen-liste blockquote b{font:500 19px/1.3 var(--font-titel);margin-bottom:6px;display:block}.stimmen-liste blockquote p{font-size:16px;line-height:1.55}.stimmen-liste figcaption{align-items:center;gap:10px;font-size:14px;display:flex}.stimmen-liste .initial{background:var(--color-papier);width:38px;height:38px;font:500 19px/1 var(--font-titel);border-radius:999px;flex:none;place-items:center;display:grid}.stimmen-fuss{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:clamp(20px,2.5vw,30px);font-size:15px;display:flex}.stimmen-fuss p{max-width:62ch}.stimmen-wege{flex-wrap:wrap;align-items:center;gap:10px clamp(20px,2.5vw,36px);display:flex}.stimmen-wege .ic-leise{margin-block:-9.5px}@media (min-width:700px){.stimmen-raster{grid-template-columns:minmax(260px,1fr) 2fr;gap:clamp(16px,2vw,28px)}.stimmen-liste{grid-template-columns:repeat(2,minmax(0,1fr))}.stimmen-liste li:first-child,.stimmen-liste li:nth-child(5n+1){grid-column:1/-1}}.stimmen-liste li:first-child{background:var(--tisch);border-color:#0000}.stimmen-liste li:first-child .initial{background:var(--color-weiss)}.stimmen-liste li:first-child blockquote b{font-size:22px}.stimmen-liste li:first-child blockquote p{font-size:18px}@media (min-width:700px) and (max-width:899px){.stimmen-liste{grid-template-columns:minmax(0,1fr)}.stimmen-liste li:first-child,.stimmen-liste li:nth-child(5n+1){grid-column:auto}}.familie{font-size:17px;line-height:1.55}.familie .innen{padding:clamp(40px, 6vw, 88px) var(--rand);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(22px,3vw,44px);display:grid}.familie h2{font:500 clamp(30px, 3.2vw, 46px)/1.08 var(--font-titel);letter-spacing:-.01em;max-width:18ch}.familie p{max-width:46ch;margin-top:14px;font-size:clamp(16px,1.2vw,18px)}.familie .weg{margin-top:22px}.familie figure{border-radius:var(--ecke);background:var(--color-weiss);overflow:hidden}.familie img{aspect-ratio:4/3;object-fit:cover;object-position:50% 40%;width:100%;height:auto}@media (min-width:700px){.familie .innen{grid-template-columns:1fr 1.1fr}.familie figure{order:2}}.ic-auf{animation:ic-auf 1.1s var(--ease-leise) both}.ic-auf-links{animation:ic-auf-links 1.3s var(--ease-leise) both}.ic-auf-rechts{animation:ic-auf-rechts 1.3s var(--ease-leise) both}@keyframes ic-auf{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0}}@keyframes ic-auf-links{0%{opacity:0;translate:-60px}to{opacity:1;translate:0}}@keyframes ic-auf-rechts{0%{opacity:0;translate:60px}to{opacity:1;translate:0}}@media (prefers-reduced-motion:no-preference){.wartet{opacity:0}.wartet.ist-da{animation:ic-auf 1s var(--ease-leise) both;animation-delay:var(--verzug,0s)}}
