@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.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:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.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:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.woff2)format("woff2");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:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.2e115y8-hourl.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:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.AC03UW_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.AC03UW_variable{--font-titel:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/da8a9dd0d68e512b-s.3tc7otjauzr1s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/ff5be760267bb4bc-s.16ho2af8siaoz.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/99596c30eb072d3c-s.18qy1692brv69.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/e5864b32625b6bc3-s.19qxib7n2l0kn.woff2)format("woff2");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:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/e285ad1a914469f0-s.15241mr5-1s6i.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:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(../media/47df9ba1c7236d3b-s.p.2adce56gso3ku.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:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/da8a9dd0d68e512b-s.3tc7otjauzr1s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/ff5be760267bb4bc-s.16ho2af8siaoz.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/99596c30eb072d3c-s.18qy1692brv69.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/e5864b32625b6bc3-s.19qxib7n2l0kn.woff2)format("woff2");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:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/e285ad1a914469f0-s.15241mr5-1s6i.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:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(../media/47df9ba1c7236d3b-s.p.2adce56gso3ku.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:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/da8a9dd0d68e512b-s.3tc7otjauzr1s.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/94b4a5dc1fe84361-s.3wm_n5jv1to7s.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/ff5be760267bb4bc-s.16ho2af8siaoz.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/99596c30eb072d3c-s.18qy1692brv69.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/e5864b32625b6bc3-s.19qxib7n2l0kn.woff2)format("woff2");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:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/e285ad1a914469f0-s.15241mr5-1s6i.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:"Source Sans 3";font-style:normal;font-weight:700;font-display:swap;src:url(../media/47df9ba1c7236d3b-s.p.2adce56gso3ku.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:"Source Sans 3 Fallback";src:local(Arial);ascent-override:109.21%;descent-override:42.66%;line-gap-override:0.0%;size-adjust:93.76%}.SiezVG_className{font-family:"Source Sans 3","Source Sans 3 Fallback";font-style:normal}.SiezVG_variable{--font-text:"Source Sans 3", "Source Sans 3 Fallback"}
:root{--kreide:#eceef2;--papier:#f8f8fa;--kobalt:#1d3fa8;--kobalt-tief:#14275f;--tinte:#151b2e;--ocker:#e2b33d;--seladon:#2f8f7a;--seladon-tief:#1c6152;--rost:#a2391f;--grau:#555c70;--linie:#151b2e29;--rand:clamp(1rem, 4vw, 2.75rem);--breite:78rem;--schrift:var(--font-text), "Segoe UI", system-ui, sans-serif;--titel:var(--font-titel), "Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--kreide);color:var(--tinte);font-family:var(--schrift);overflow-wrap:break-word;margin:0;font-size:1.0625rem;line-height:1.55}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--titel);letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:700;line-height:1.08}h1{font-size:clamp(2.1rem,5.6vw,4rem)}h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}h3{letter-spacing:-.01em;font-size:1.2rem}p{margin:0}a{color:inherit;text-underline-offset:.18em}:focus-visible{outline:3px solid var(--ocker);outline-offset:3px}.nur-vorlesen{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sprung{z-index:20;background:var(--tinte);color:#fff;border-radius:.4rem;padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.sprung:focus{top:.6rem}.innen{width:100%;max-width:var(--breite);padding-inline:var(--rand);margin-inline:auto}.demo-leiste{background:var(--tinte);color:#e7e9f0;padding-block:.5rem;font-size:.875rem;line-height:1.4}.demo-leiste a{color:#fff;white-space:nowrap;padding-block:.15rem;display:inline-block}.ansage{background:var(--ocker);color:var(--tinte);text-align:center;padding-block:.45rem;font-size:.9375rem;font-weight:600}.kopf{background:var(--papier);border-bottom:1px solid var(--linie)}.kopf .innen{align-items:center;gap:1rem;min-height:4.25rem;display:flex}.marke{font-family:var(--titel);letter-spacing:-.03em;flex:none;align-items:center;gap:.6rem;font-size:1.45rem;font-weight:700;text-decoration:none;display:inline-flex}.menue{flex:1;justify-content:flex-end;gap:clamp(.9rem,3vw,2rem);min-width:0;font-weight:600;display:flex}.menue a{border-bottom:2px solid #0000;padding-block:.5rem;text-decoration:none}.menue a:hover,.menue a[aria-current=page]{border-bottom-color:var(--kobalt)}.korb-link{background:var(--kobalt);color:#fff;border-radius:999px;flex:none;align-items:center;gap:.45rem;min-height:2.75rem;padding:.35rem .95rem;font-weight:600;text-decoration:none;display:inline-flex}.korb-link:hover{background:var(--kobalt-tief)}.korb-zahl{min-width:1.5rem;color:var(--kobalt-tief);text-align:center;font-variant-numeric:tabular-nums;background:#fff;border-radius:999px;padding-inline:.35rem;font-size:.875rem;line-height:1.5rem}@media (max-width:30rem){.kopf .innen{flex-wrap:wrap;gap:0 1rem;min-height:0;padding-top:.5rem}.marke{margin-right:auto}.marke span{font-size:1.2rem}.korb-link{order:2}.menue{flex:1 0 100%;order:3;justify-content:flex-start;gap:1.25rem}.korb-link .korb-wort{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.knopf{background:var(--kobalt);color:#fff;min-height:3rem;font:inherit;cursor:pointer;border:0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.knopf:hover{background:var(--kobalt-tief)}.knopf[disabled]{cursor:not-allowed;background:#aab0c2}.knopf.hell{background:var(--ocker);color:var(--tinte)}.knopf.hell:hover{background:#f0c556}.knopf.leise{color:var(--kobalt-tief);box-shadow:inset 0 0 0 2px var(--kobalt);background:0 0}.knopf.leise:hover{background:#1d3fa814}.textlink{color:var(--kobalt-tief);font-weight:700}.auftakt{background:var(--kobalt);color:#fff;position:relative}.auftakt .innen{gap:2rem;padding-block:clamp(2.5rem,7vw,5.5rem) 0;display:grid}.auftakt-text{align-self:center;padding-bottom:clamp(0rem,3vw,3rem)}.auftakt-text p{color:#dfe5fb;max-width:34rem;margin-top:1.25rem;font-size:1.1875rem}.auftakt-text .knopf{margin-top:1.9rem}.auftakt-bild{z-index:2;margin-bottom:-3.5rem;position:relative}.auftakt-bild img{aspect-ratio:4/3;object-fit:cover;border-radius:.75rem;width:100%;box-shadow:0 1.5rem 2.5rem -1.5rem #0a143cb3}.glasurkante{background:var(--kreide);line-height:0;display:block;overflow:hidden}.glasurkante svg{width:100%;min-width:75rem;height:auto;fill:var(--kobalt);margin-inline:auto;display:block;position:relative;left:50%;transform:translate(-50%)}@media (min-width:56rem){.auftakt .innen{grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,4.5rem)}.auftakt-bild{margin-bottom:-5rem}.auftakt-bild img{aspect-ratio:5/5.4}}.abschnitt{padding-block:clamp(3rem,8vw,6rem)}.abschnitt.papier{background:var(--papier)}.abschnitt.nach-auftakt{padding-top:clamp(4.5rem,9vw,7rem)}.abschnitt-kopf{gap:.75rem;max-width:44rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:grid}.abschnitt-kopf p{color:var(--grau)}.zeile-kopf{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:clamp(1.75rem,4vw,2.75rem);display:flex}.zeile-kopf .abschnitt-kopf{margin-bottom:0}.brett{border-top:.5rem solid #cfc3a8;grid-template-columns:repeat(auto-fill,minmax(8.25rem,1fr));gap:1.5rem 1rem;margin:0;padding:1.1rem 0 0;list-style:none;display:grid;position:relative}.kachel{--glasur:var(--kobalt);transform-origin:50% .9rem;text-decoration:none;transition:transform .25s;display:block}.brett li:nth-child(3n+1) .kachel{transform:rotate(-1.4deg)}.brett li:nth-child(3n+2) .kachel{transform:rotate(.9deg)}.brett li:nth-child(4n) .kachel{transform:rotate(1.8deg)}.brett .kachel:hover,.brett .kachel:focus-visible{transform:rotate(0)translateY(.25rem)}.kachel-ton{aspect-ratio:5/6.4;background:#e6dcc6;border-radius:.85rem;display:block;position:relative;overflow:hidden;box-shadow:0 .9rem 1.2rem -.9rem #151b2e8c}.kachel-ton:before{content:"";background:var(--glasur);border-radius:46% 54% 0 0/.7rem 1.1rem 0 0;position:absolute;inset:34% 0 0}.kachel-ton:after{content:"";background:var(--papier);border-radius:50%;width:.7rem;height:.7rem;margin-left:-.35rem;position:absolute;top:.55rem;left:50%;box-shadow:inset 0 .12rem .15rem #151b2e66}.kachel-nr{text-align:center;font-family:var(--titel);color:#6b5f45;font-variant-numeric:tabular-nums;z-index:1;font-size:.95rem;font-weight:700;position:absolute;top:1.55rem;left:0;right:0}.kachel-name{margin-top:.7rem;font-weight:700;line-height:1.2;display:block}.kachel-grad{color:var(--grau);font-size:.875rem;display:block}.auswahl{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.auswahl>:first-child{grid-column:1/-1}@media (min-width:56rem){.auswahl{grid-template-columns:repeat(3,minmax(0,1fr))}.auswahl>:first-child{grid-area:span 2/span 2}.auswahl>:first-child .karte-bild{aspect-ratio:auto;flex:1;min-height:22rem}.auswahl>:first-child .karte-bild img{position:absolute;inset:0}.auswahl>:first-child h3{font-size:1.6rem}}.raster{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem) clamp(1rem,2.5vw,2rem);display:grid}@media (min-width:56rem){.raster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:26rem){.raster{grid-template-columns:minmax(0,1fr)}}.karte{flex-direction:column;height:100%;text-decoration:none;display:flex}.karte-bild{aspect-ratio:4/3;background:#dfe2ea;border-radius:.6rem;position:relative;overflow:hidden}.karte-bild img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.karte:hover .karte-bild img{transform:scale(1.035)}.karte-fuss{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.15rem .75rem;margin-top:.8rem;display:flex}.karte h3{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-size:1.125rem}.preis{font-family:var(--titel);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:700}.marke-aus{background:var(--tinte);color:#fff;border-radius:.3rem;padding:.15rem .6rem;font-size:.8125rem;font-weight:600;position:absolute;top:.6rem;left:.6rem}.probe{--glasur:var(--kobalt);color:var(--grau);align-items:center;gap:.45rem;margin-top:.25rem;font-size:.9375rem;display:inline-flex}.probe:before{content:"";background:var(--glasur);border-radius:50%;flex:none;width:.85rem;height:.85rem;box-shadow:inset 0 0 0 1px #151b2e40}.zweispaltig{align-items:start;gap:clamp(1.75rem,5vw,4rem);display:grid}@media (min-width:56rem){.zweispaltig{grid-template-columns:1fr 1.1fr}.zweispaltig.gedreht>:first-child{order:2}}.rundbild img{aspect-ratio:4/4.6;object-fit:cover;border-radius:.75rem;width:100%}.schritte{counter-reset:schritt;border-top:1px solid var(--linie);margin:2rem 0 0;padding:0;list-style:none}.schritte li{counter-increment:schritt;border-bottom:1px solid var(--linie);grid-template-columns:2.75rem 1fr;gap:.25rem 1rem;padding-block:1.1rem;display:grid}.schritte li:before{content:counter(schritt);font-family:var(--titel);color:var(--kobalt);grid-row:span 2;font-size:2rem;font-weight:700;line-height:1}.schritt-kopf{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;display:flex}.schritt-kopf span{color:var(--seladon-tief);font-size:.875rem;font-weight:600}.schritte p{color:var(--grau);grid-column:2}.seitenkopf{padding-block:clamp(2rem,5vw,3.5rem) clamp(1.25rem,3vw,2rem)}.seitenkopf p{max-width:42rem;color:var(--grau);margin-top:.9rem;font-size:1.125rem}.filter{border-block:1px solid var(--linie);gap:1rem;margin-bottom:clamp(1.5rem,3vw,2.5rem);padding-block:1rem;display:grid}.filter-zeile{flex-wrap:wrap;align-items:center;gap:.5rem .6rem;display:flex}.filter-titel{width:5.5rem;color:var(--grau);flex:none;font-size:.875rem;font-weight:700}.wahl{--glasur:transparent;min-height:2.5rem;box-shadow:inset 0 0 0 1px var(--linie);background:var(--papier);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .85rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.wahl:hover{box-shadow:inset 0 0 0 2px var(--kobalt)}.wahl[aria-current=true]{background:var(--tinte);color:#fff;box-shadow:none}.wahl.farbe:before{content:"";background:var(--glasur);border-radius:50%;width:.9rem;height:.9rem;box-shadow:inset 0 0 0 1px #151b2e40,0 0 0 1px #ffffff80}.leer{color:var(--grau);padding:2.5rem 0}.pfad{color:var(--grau);padding-top:1.5rem;font-size:.9375rem}.pfad a{font-weight:600}.produkt{gap:clamp(1.5rem,4vw,3.5rem);padding-block:1.25rem clamp(3rem,7vw,5rem);display:grid}@media (min-width:56rem){.produkt{grid-template-columns:1.15fr 1fr;align-items:start}}.galerie-gross img{aspect-ratio:4/3;object-fit:cover;background:#dfe2ea;border-radius:.75rem;width:100%}.galerie-klein{gap:.6rem;margin-top:.6rem;display:flex}.galerie-klein button{cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:.45rem;flex:0 6rem;padding:0;overflow:hidden}.galerie-klein button[aria-pressed=true]{opacity:1;box-shadow:0 0 0 3px var(--kobalt)}.galerie-klein img{aspect-ratio:1;object-fit:cover;width:100%}.produkt-info h1{font-size:clamp(1.9rem,4vw,2.9rem)}.produkt-info .probe{margin-top:.75rem;font-size:1rem}.produkt-preis{align-items:baseline;gap:.75rem;margin-top:1.4rem;display:flex}.produkt-preis .preis{font-size:2rem}.klein{color:var(--grau);font-size:.875rem}.bestand{color:var(--seladon-tief);margin-top:.4rem;font-weight:600}.bestand.aus{color:var(--rost)}.produkt-text{gap:.85rem;margin-top:1.5rem;display:grid}.kaufen{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.menge{box-shadow:inset 0 0 0 1px var(--linie);background:var(--papier);border-radius:.5rem;align-items:center;display:inline-flex}.menge button{width:2.75rem;height:3rem;font:inherit;color:var(--tinte);cursor:pointer;background:0 0;border:0;font-size:1.25rem;font-weight:700}.menge button[disabled]{color:#aab0c2;cursor:not-allowed}.menge output{text-align:center;font-variant-numeric:tabular-nums;min-width:2rem;font-weight:700}.meldung{border-left:4px solid var(--seladon);background:#2f8f7a1f;margin-top:.9rem;padding:.7rem .9rem}.meldung.warnung{border-left-color:var(--rost);background:#a2391f1a}.daten{border-top:1px solid var(--linie);margin:2rem 0 0}.daten div{border-bottom:1px solid var(--linie);grid-template-columns:9rem 1fr;gap:1rem;padding-block:.6rem;display:grid}.daten dt{color:var(--grau)}.daten dd{margin:0;font-weight:600}.einblick{gap:clamp(2.5rem,6vw,4.5rem);display:grid}.einblick-teil{align-items:center;gap:1.25rem clamp(1.5rem,5vw,4rem);display:grid}.einblick-teil img{aspect-ratio:3/2;object-fit:cover;border-radius:.75rem;width:100%}.einblick-teil p{color:#343b52;margin-top:.9rem}@media (min-width:56rem){.einblick-teil{grid-template-columns:1.1fr 1fr}.einblick-teil:nth-child(2n)>:first-child{order:2}}.zahlen{flex-wrap:wrap;gap:1.5rem clamp(2rem,6vw,5rem);margin:0;padding:0;list-style:none;display:flex}.zahlen strong{font-family:var(--titel);color:var(--ocker);font-size:clamp(2rem,4.5vw,3rem);line-height:1;display:block}.zahlen span{color:#dfe5fb}.band{background:var(--kobalt-tief);color:#fff;padding-block:clamp(2.25rem,5vw,3.5rem)}.titelbild img{aspect-ratio:16/7;object-fit:cover;border-radius:.75rem;width:100%}@media (max-width:40rem){.titelbild img{aspect-ratio:4/3}}.korb{gap:clamp(1.5rem,4vw,3rem);padding-bottom:clamp(3rem,7vw,5rem);display:grid}@media (min-width:56rem){.korb{grid-template-columns:1.6fr 1fr;align-items:start}}.posten{border-top:1px solid var(--linie);margin:0;padding:0;list-style:none}.posten li{border-bottom:1px solid var(--linie);grid-template-columns:5.5rem 1fr;gap:.5rem 1rem;padding-block:1rem;display:grid}.posten img{aspect-ratio:1;object-fit:cover;background:#dfe2ea;border-radius:.45rem;width:5.5rem}.posten-kopf{justify-content:space-between;gap:1rem;font-weight:700;display:flex}.posten-kopf a{text-decoration:none}.posten-kopf a:hover{text-decoration:underline}.posten-zeile{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:.5rem;display:flex}.posten .menge button{width:2.5rem;height:2.5rem}.entfernen{min-height:2.5rem;font:inherit;color:var(--grau);cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-size:.9375rem;text-decoration:underline}.summe{background:var(--papier);box-shadow:inset 0 0 0 1px var(--linie);border-radius:.75rem;padding:1.4rem}.summe dl{margin:1rem 0 0}.summe dl div{justify-content:space-between;gap:1rem;padding-block:.4rem;display:flex}.summe dd{font-variant-numeric:tabular-nums;margin:0}.summe .gesamt{border-top:1px solid var(--linie);font-family:var(--titel);margin-top:.4rem;padding-top:.8rem;font-size:1.3rem;font-weight:700}.summe .knopf{width:100%;margin-top:1.1rem}.summe .klein{margin-top:.8rem}.testkasse{max-width:40rem;padding-bottom:clamp(3rem,7vw,5rem)}.testkasse .summe{margin-top:1.5rem}.karte-attrappe{border:2px dashed var(--linie);color:var(--grau);border-radius:.6rem;margin-top:1.25rem;padding:1rem 1.1rem}.bestaetigung{max-width:44rem;padding-bottom:clamp(3rem,7vw,5rem)}.bestaetigung .nummer{background:var(--tinte);color:#fff;font-family:var(--titel);letter-spacing:.03em;border-radius:.4rem;margin-top:1rem;padding:.3rem .8rem;font-weight:700;display:inline-block}.liste-schlicht{border-top:1px solid var(--linie);margin:1.5rem 0 0;padding:0;list-style:none}.liste-schlicht li{border-bottom:1px solid var(--linie);justify-content:space-between;gap:1rem;padding-block:.6rem;display:flex}.recht{max-width:46rem;padding-bottom:clamp(3rem,7vw,5rem)}.recht h2{letter-spacing:-.01em;margin-top:2.25rem;font-size:1.35rem}.recht h3{margin-top:1.5rem;font-size:1.1rem}.recht p,.recht ul,.recht address{margin-top:.8rem;font-style:normal}.recht ul{padding-left:1.2rem}.recht li+li{margin-top:.3rem}.fuss{background:var(--tinte);color:#d5d9e6;padding-block:clamp(2.5rem,6vw,4rem) 2rem}.fuss a{color:#fff}.fuss-raster{gap:2rem;display:grid}@media (min-width:48rem){.fuss-raster{grid-template-columns:1.3fr 1fr 1fr}}.fuss h2{letter-spacing:0;color:#fff;margin-bottom:.7rem;font-size:1.05rem}.fuss ul{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.fuss li a{padding-block:.3rem;display:inline-block}.fuss address{font-style:normal}.fuss-marke{font-family:var(--titel);color:#fff;letter-spacing:-.03em;align-items:center;gap:.6rem;font-size:1.35rem;font-weight:700;display:inline-flex}.fuss-preise{opacity:.85;margin-top:2.25rem;font-size:.875rem}.fuss-ende{border-top:1px solid #ffffff2e;margin-top:1rem;padding-top:1.25rem;font-size:.9375rem}.fuss-ende a{padding-block:.4rem;display:inline-block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}