.kan{--kan-oben: calc(var(--header-group-height, 0px) + 12px);--kan-gruen: var(--keks-link, #235A43)}.kan__raster{display:flex;flex-direction:column;gap:16px}.kan__kopf{display:flex;flex-direction:column;gap:10px}.kan__einleitung{margin:0;font-size:15px;line-height:1.45;opacity:.8}.kan__rechts{display:flex;flex-direction:column;gap:var(--keks-abstand-feld, 18px);min-width:0}.kan__buehne{position:sticky;top:var(--kan-oben);z-index:3;display:flex;flex-direction:column;gap:6px;padding-block:6px;background:var(--color-background, #fff);box-shadow:0 0 0 100vmax var(--color-background, #fff);clip-path:inset(-12px -100vmax 0);border-block-end:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .08)}.kan__flaeche{position:relative;block-size:min(36vh,300px);overflow:hidden;border-radius:var(--keks-rundung-flaeche, 16px);background:radial-gradient(circle at 50% 38%,#f8f2e8,#e9dcc7)}.kan__leinwand{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;cursor:grab;touch-action:none}.kan__leinwand:active{cursor:grabbing}.kan__tipp{position:absolute;inset-block-end:10px;inset-inline-start:50%;transform:translate(-50%);pointer-events:none;padding:3px 10px;border-radius:100px;background:#ffffffd9;font-size:12px;transition:opacity .3s;white-space:nowrap;max-inline-size:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.kan__flaeche--gedreht .kan__tipp,.kan__flaeche--ohne3d .kan__tipp{opacity:0}.kan__flaeche.kan__flaeche--tipp .kan__tipp{opacity:1}.kan__flaeche.kan__flaeche--ohne3d:not(.kan__flaeche--keks) .kan__tipp{opacity:0}.kan__ansichten{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;display:flex;gap:2px;padding:3px;border-radius:100px;background:#ffffffe0;box-shadow:0 1px 3px #00000014}.kan__ansicht{min-block-size:30px;min-inline-size:52px;padding:0 12px;border:0;border-radius:100px;background:none;color:inherit;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.kan__ansicht[aria-selected=true]{background:var(--kan-gruen);color:#fff}.kan__ansicht:focus-visible{outline:2px solid var(--kan-gruen);outline-offset:2px}.kan__keks{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;touch-action:none;-webkit-user-select:none;user-select:none}.kan__keks[hidden]{display:none}.kan__flaeche--keks .kan__leinwand{visibility:hidden}.kan__keks-teig{fill:#edd2a4;stroke:#c99a5b;stroke-width:1.5px;vector-effect:non-scaling-stroke}.kan__keks-abdruck{fill:#7a4e1e8c;fill-rule:evenodd}.kan__keks-frei{fill:none;stroke:var(--kan-gruen);stroke-width:1px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .2s}.kan__keks--mit-text .kan__keks-frei{opacity:.35}.kan__keks--zieht .kan__keks-frei{opacity:.9}.kan__keks-text{cursor:grab;outline:none}.kan__keks--zieht .kan__keks-text{cursor:grabbing}.kan__keks-schrift{fill:var(--kan-gruen);fill-rule:evenodd;opacity:.9}.kan__keks-huelle{fill:#235a430f;stroke:var(--kan-gruen);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.kan__keks-text:focus-visible .kan__keks-huelle{stroke-dasharray:none;stroke-width:2px}.kan__keks--passt-nicht .kan__keks-schrift{fill:#b2352a}.kan__keks-dreh{cursor:grab}.kan__keks--dreht,.kan__keks--dreht .kan__keks-dreh{cursor:grabbing}.kan__keks-dreh-feld{fill:transparent}.kan__keks-dreh-kreis{fill:#fff;stroke:var(--kan-gruen);stroke-width:1.5px;vector-effect:non-scaling-stroke}.kan__keks-dreh-pfeil{fill:none;stroke:var(--kan-gruen);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kan__keks-dreh:hover .kan__keks-dreh-kreis,.kan__keks--dreht .kan__keks-dreh-kreis{fill:var(--kan-gruen)}.kan__keks-dreh:hover .kan__keks-dreh-pfeil,.kan__keks--dreht .kan__keks-dreh-pfeil{stroke:#fff}.kan__keks-hilfe{stroke:#c2611f;stroke-width:1px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .15s;pointer-events:none}.kan__keks--zieht .kan__keks-hilfe{opacity:.4}.kan__keks--zieht .kan__keks-hilfe--trifft{opacity:1;stroke-width:1.5px;stroke-dasharray:none}.kan__keks--passt-nicht .kan__keks-huelle{stroke:#b2352a}.kan__ohne3d{display:none;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0 24px;place-content:center;text-align:center;font-size:14px;opacity:.7}.kan__flaeche--ohne3d .kan__ohne3d{display:grid}.kan__flaeche--keks .kan__ohne3d{display:none}.kan__laedt{position:absolute;inset-block-start:12px;inset-inline-end:12px;inline-size:16px;block-size:16px;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;opacity:.5;animation:kan-dreh .8s linear infinite}.kan__laedt[hidden]{display:none}@keyframes kan-dreh{to{transform:rotate(360deg)}}.kan__masse{margin:0;text-align:center;font-size:12px;color:rgb(var(--color-foreground-rgb, 0 0 0) / .7)}.kan__label{font-weight:var(--keks-gewicht-fett, 700)}.kan__klein{margin:0;font-size:13px;line-height:1.4;color:rgb(var(--color-foreground-rgb, 0 0 0) / .7)}.kan__klein[hidden],.kan__regler[hidden],.kan__hinweis[hidden],.kan__textmehr[hidden],.kan__aufpreis[hidden]{display:none}.kan__text{resize:vertical;min-block-size:44px;line-height:1.4}.kan__textmehr{display:flex;flex-direction:column;gap:10px}.kan__schriften{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kan__schrift{position:relative;cursor:pointer}.kan__schrift input{position:absolute;opacity:0;pointer-events:none}.kan__schrift input+span,.kan__schrift span:last-child{font-size:12px}.kan__schrift{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:10px;border:2px solid var(--keks-linie, #e4ddd0);background:var(--keks-flaeche-hell, #fff);transition:border-color .15s}.kan__schrift--an{border-color:var(--kan-gruen);box-shadow:0 0 0 1px var(--kan-gruen)}.kan__schrift:has(input:focus-visible){outline:2px solid var(--kan-gruen);outline-offset:2px}.kan__muster{display:block;inline-size:48px;block-size:20px;background:currentColor;-webkit-mask:var(--kan-bild) center / contain no-repeat;mask:var(--kan-bild) center / contain no-repeat}.kan__textstand{display:flex;flex-direction:column;gap:4px}.kan__textstand:empty{display:none}.kan__fehltext{color:#b2352a}.kan__fein{color:#8a5a00}.kan__hinweis{margin:0;padding:10px 12px;border-radius:12px;font-size:13px;line-height:1.45;background:#d6962817;border:1px solid rgb(214 150 40 / .3)}.kan__garantie{transition:background .2s}.kan__garantie--an{padding:10px 12px;border-radius:12px;background:#d6962817;border:1px solid rgb(214 150 40 / .3);color:inherit}.kan__aufpreis{display:block;margin-block-start:2px;font-size:13px;opacity:.75}.kan__info{margin-block-start:8px}.kan__art{border:0;margin:0;padding:0;min-width:0}.kan__art[hidden]{display:none}.kan__art legend{padding:0;margin-block-end:8px}.kan__pillen{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kan__pille{position:relative;cursor:pointer}.kan__pille input{position:absolute;opacity:0;pointer-events:none}.kan__pille span{display:grid;place-items:center;min-block-size:44px;padding:6px 10px;text-align:center;font-weight:600;border:2px solid var(--keks-linie, #e4ddd0);border-radius:12px;background:var(--keks-flaeche-hell, #fff);transition:border-color .15s,box-shadow .15s}.kan__pille input:checked+span{border-color:var(--kan-gruen);box-shadow:0 0 0 1px var(--kan-gruen)}.kan__pille input:focus-visible+span{outline:2px solid var(--kan-gruen);outline-offset:2px}.kan__pille--aus{cursor:not-allowed}.kan__pille--aus span{opacity:.45;background:rgb(var(--color-foreground-rgb, 0 0 0) / .06);text-decoration:line-through}.kan__art-hinweis{margin-block-start:8px}.kan__gruppe{display:flex;flex-direction:column;gap:8px}.kan__kopfzeile{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kan__paar{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:10px}.kan__schloss{display:grid;place-items:center;inline-size:34px;block-size:34px;margin-block-end:2px;border-radius:50%;color:var(--kan-gruen);background:#235a431a}.kan__regler{display:flex;flex-direction:column;gap:4px;min-width:0}.kan__zeile{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14px}.kan__zeile output{font-weight:700;white-space:nowrap}.kan__regler input[type=range]{inline-size:100%;min-block-size:32px;accent-color:var(--kan-gruen);margin:0}.kan__spanne{position:relative;block-size:6px;border-radius:3px;background:#b2352a2e}.kan__spanne span{position:absolute;inset-block:0;left:0;right:0;border-radius:3px;background:var(--kan-gruen);transition:left .2s,right .2s}.kan__pruefung{padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.45;border:1px solid transparent}.kan__pruefung p{margin:0}.kan__pruefung p+p,.kan__pruefung ul+p{margin-block-start:6px}.kan__pruefung ul{margin:4px 0 0;padding-inline-start:1.2em}.kan__pruefung--gut{background:#235a4314;border-color:#235a4340}.kan__pruefung--gut .kan__titel:before{content:"\2713  "}.kan__pruefung--nicht{background:#b2352a12;border-color:#b2352a40}.kan__pruefung--laedt{background:rgb(var(--color-foreground-rgb, 0 0 0) / .05)}.kan__titel{font-weight:700}.kan__knopf{margin-block-start:8px;margin-inline-end:8px;min-block-size:36px;padding:0 14px;border:1px solid currentColor;border-radius:100px;background:var(--keks-flaeche-hell, #fff);color:inherit;font:inherit;font-weight:600;cursor:pointer}.kan__kaufen{inline-size:100%}.kan__links{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:14px}.kan__fuss{display:flex;flex-direction:column;gap:12px}.kan__link{padding:0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.kan--nicht .kan__rechts>:not(.kan__pruefung,.kan__links,[data-fuss],[data-info]){display:none}.kan--nicht [data-zuruecksetzen]{display:none}@media(min-width:990px){.kan__raster{display:grid;gap:16px 56px;align-items:start;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-areas:"buehne kopf" "buehne rechts";grid-template-rows:auto 1fr}.kan__kopf{grid-area:kopf}.kan__rechts{grid-area:rechts}.kan__buehne{grid-area:buehne;gap:8px;padding:0;background:none;box-shadow:none;clip-path:none;border:0}.kan__flaeche{block-size:auto;aspect-ratio:1;max-block-size:calc(100vh - var(--kan-oben) - 60px)}.kan__masse{font-size:14px}}@media(max-width:989px){.kan--tippt .kan__flaeche{block-size:min(26vh,200px)}.kan--tippt .kan__masse,.kan--tippt .kan__tipp{display:none}}@media(max-width:520px){.kan__paar{grid-template-columns:1fr;gap:6px}.kan__schloss{display:none}}@media(pointer:coarse){.kan__ansicht{min-block-size:40px;min-inline-size:60px;font-size:14px}.kan__link{padding-block:11px;margin-block:-11px}}@media(prefers-reduced-motion:reduce){.kan__laedt{animation:none}.kan__spanne span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/keks-anpassen.css.map */