
html:root body .sbk-dt:not(.sbkd){height:90vh;min-height:0;max-height:none}
@supports (height:100dvh){html:root body .sbk-dt:not(.sbkd){height:90dvh;min-height:0;max-height:none}}
html:root body .sbk-dt .sbk-dt-inhalt{display:flex;flex-direction:column;overflow-y:auto}
html:root body .sbk-dt .sbk-dt-art{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:minmax(0,1fr) auto auto;column-gap:8px;padding-bottom:8px}
html:root body .sbk-dt .sbk-dt-platz{display:none}
html:root body .sbk-dt .sbk-dt-bild{grid-column:1/-1;flex:1 1 0;min-height:0;margin:0 -6px 8px;gap:4px;container-type:size}
html:root body .sbk-dt .sbk-dt-fw{width:min(calc(100cqw - 96px),calc(100cqh * var(--r,1.333)));max-width:none}
html body .sbk-dt .sbk-dt-bild button.sbk-dt-b{width:44px}
html:root body .sbk-dt:not(.sbkd) h2.sbk-dt-name{grid-column:1;align-self:center;font-size:1.15rem}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-chips{grid-column:2;align-self:center;margin-top:0;flex-wrap:nowrap}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-fakten{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);gap:3px 8px;
  margin-top:7px;padding:6px 10px}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-fakten .f-fam{order:2}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-fakten dt.f-fam{grid-column:1}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-fakten dd.f-fam{grid-column:2/-1}

html:root body .sbk-dt:not(.sbkd) .sbk-dt-fakten dd.f-nr,html:root body .sbk-dt.sbkd .sbkd-meta b{overflow-wrap:normal;word-break:normal;
  hyphens:none;-webkit-hyphens:none}

html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden]))>.sbk-dt-kopf{position:absolute;left:0;right:0;top:0;z-index:6;height:16px;
  display:block;padding:0}
html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden]))>.sbk-dt-kopf .sbk-dt-platz-l{display:none}
html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden]))>.sbk-dt-kopf .sbk-dt-mitte{position:absolute;left:50%;top:5px;
  transform:translateX(-50%);padding:0}
html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden]))>.sbk-dt-kopf .sbk-dt-pos{position:absolute;width:1px;height:1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden])) button.sbk-dt-zu{position:absolute;right:8px;top:9px;width:44px;height:44px}
html:root body .sbk-dt:has(>.sbk-dt-ka:not([hidden])) button.sbk-dt-zu svg{width:22px;height:22px}
html:root body .sbk-dt>.sbk-dt-ka{border-top:0;border-radius:22px 22px 0 0}

html:root body .sbk-dt>.sbk-dt-ka .sbk-dt-ka-f{min-height:58px;margin-right:56px;padding:16px 4px 4px 12px}
html:root body .sbk-dt .sbk-dt-ka-z{font:600 .8rem/1.2 Fredoka,Nunito,sans-serif;color:#185f22}
html:root body .sbk-dt .sbk-dt-ka-kb{height:2.25rem}
html:root body .sbk-dt .sbk-dt-ka-b{padding-top:5px;padding-bottom:3px}
html:root body .sbk-dt .sbk-dt-ka-v,html:root body .sbk-dt a.sbk-dt-ka-v.sbk-dt-ka-s{min-height:0}

html:root body .sbk-dt:not(.sbkd) .sbk-dt-kauf{padding:7px 14px 8px}
html:root body .sbk-dt:not(.sbkd) .sbk-dt-kp .price{font-size:1.32rem}
html:root body .sbk-dt:not(.sbkd) ul.products li.product.sbk-dt-li .button{min-height:48px!important;padding:6px 12px!important}
html:root body .sbk-dt:not(.sbkd) ul.products.sbk-dt-ul{min-height:48px!important}
html:root body .sbk-dt:not(.sbkd) ul.products li.product.sbk-dt-li a.added_to_cart{height:48px!important;max-height:48px;
  margin-top:0!important}
html:root body .sbk-dt:not(.sbkd) ul.products li.product.sbk-dt-li a.button.sbk-kk-fertig:not(.loading),
html:root body .sbk-dt:not(.sbkd) ul.products li.product.sbk-dt-li a.button.sbk-kk-schon{position:absolute!important;width:1px!important;
  height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html body .sbk-dt:not(.sbkd) a.sbk-dt-anfr{min-height:48px}

@media (max-height:700px){
  html:root body .sbk-dt .sbk-dt-ka-kb{height:1.9rem}
  html:root body .sbk-dt .sbk-dt-ka-v,html:root body .sbk-dt a.sbk-dt-ka-v.sbk-dt-ka-s{padding:3px 6px}
  html:root body .sbk-dt .sbk-dt-ka-v i{display:none}
  html:root body .sbk-dt .sbk-dt-ka-v i.sbk-dt-ka-sa{display:block}
  html:root body .sbk-dt:not(.sbkd) .sbk-dt-bild{min-height:140px}
}
@media (max-height:560px){html:root body .sbk-dt .sbk-dt-ka-b{display:none}}


.sbk-dt-ka-kn{display:none}
html.sbk-ka-name body .sbk-dt .sbk-dt-ka-kn{display:block;padding:2px 1px 0;text-align:center;color:#1f3d1c;
  font:700 .56rem/1.15 Nunito,sans-serif;white-space:normal;overflow-wrap:normal;hyphens:manual;-webkit-hyphens:manual}
html.sbk-ka-name body .sbk-dt button.sbk-dt-ka-k{width:4.4rem}
html.sbk-ka-name body .sbk-dt .sbk-dt-ka-b{padding-left:calc(50% - 2.2rem);padding-right:calc(50% - 2.2rem)}


html:root body .sbk-dt .sbk-dt-ka-b .sbk-dt-ka-vl.w{align-self:flex-start;width:4.6rem;min-height:3.6rem;padding:4px 6px;box-sizing:border-box;
  border:2px solid #9fcf8a;border-radius:11px;background:#eef7e3;color:#1f5a1e;font:800 .7rem/1.2 Nunito,sans-serif}
html:root body .sbk-dt .sbk-dt-ka-b .sbk-dt-ka-vl.w::after{content:"\203A";display:block;margin-top:2px;font-size:1.2rem;line-height:.8}
html:root body .sbk-dt .sbk-dt-ka-sw a.sbk-dt-ka-v.sbk-dt-ka-s{align-self:flex-start;min-height:3.6rem;box-sizing:border-box}
html.sbk-ka-ohne-weiter body .sbk-dt .sbk-dt-ka-vl.w,html.sbk-ka-ohne-weiter body .sbk-dt .sbk-dt-ka-sw{display:none}



html body .sbk-dt-fakten a.sbk-dt-eig{display:inline;margin:0;padding:11px 0;color:#1f771b;text-decoration:none;
  hyphens:manual;-webkit-hyphens:manual;font-size:1em}
html body .sbk-dt-fakten a.sbk-dt-eig>span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
html body .sbk-dt-fakten a.sbk-dt-eig:focus-visible{outline:2px solid #b9871a;outline-offset:2px;border-radius:4px}
html body .sbk-dt.sbkd .sbkd-fakten a.sbk-dt-eig{padding:6px 0}


html:root body .sbk-ef{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100160;display:flex;align-items:center;
  justify-content:center;box-sizing:border-box;padding:16px;background:rgba(10,30,12,.45);opacity:0;transition:opacity .16s ease}
html:root body .sbk-ef[hidden]{display:none}
html:root body .sbk-ef.an{opacity:1}
html:root body .sbk-ef .sbk-ef-box{box-sizing:border-box;width:100%;max-width:380px;margin:0;padding:18px 18px 16px;
  border-radius:18px;background:linear-gradient(180deg,#f7fcef 0%,#eaf6d6 100%);border:2px solid #8fc26f;
  box-shadow:0 18px 38px rgba(15,35,18,.32),0 6px 14px rgba(0,0,0,.18);color:#1f3d1c;font:400 1rem/1.4 Nunito,sans-serif;
  transform:translateY(8px) scale(.98);transition:transform .16s ease}
html:root body .sbk-ef.an .sbk-ef-box{transform:none}
html:root body .sbk-ef p{margin:0;padding:0}
html:root body .sbk-ef .sbk-ef-t{font:600 1.25rem/1.2 Fredoka,Nunito,sans-serif;color:#185f22}
html:root body .sbk-ef .sbk-ef-x{margin-top:8px;font-size:.98rem;overflow-wrap:break-word}
html:root body .sbk-ef .sbk-ef-x b{font-weight:800;color:#1f5a1c}
html:root body .sbk-ef .sbk-ef-k{display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:flex-end;margin-top:16px;padding-bottom:6px}

html:root body .sbk-ef .sbk-ef-k button{flex:1 1 auto;min-width:8.5em;min-height:48px;margin:0;padding:8px 16px;border-radius:30px;
  font:600 1.05rem/1.15 Fredoka,Nunito,sans-serif;letter-spacing:0;text-transform:none;cursor:pointer;
  -webkit-tap-highlight-color:transparent;transition:transform .12s ease,box-shadow .12s ease}
html:root body .sbk-ef button.sbk-ef-ja{color:#eaffe0;background:linear-gradient(180deg,#49b545 0%,#228122 100%);
  border:1px solid #49b545;box-shadow:0 6px 0 #1f771b,0 8px 12px rgba(0,0,0,.18);text-shadow:0 1px 1px rgba(0,0,0,.25)}
html:root body .sbk-ef button.sbk-ef-nein{color:#185f22;background:linear-gradient(180deg,#eaf6d6 0%,#dcefc0 100%);
  border:1.5px solid #6f9c54;box-shadow:0 3px 0 #6f9c54}
@media (hover:hover){
  html:root body .sbk-ef button.sbk-ef-ja:hover{transform:translateY(-2px);box-shadow:0 8px 0 #1f771b,0 10px 14px rgba(0,0,0,.2)}
  html:root body .sbk-ef button.sbk-ef-nein:hover{transform:translateY(-2px);border-color:#3f7d22;box-shadow:0 5px 0 #6f9c54}
}
html:root body .sbk-ef button.sbk-ef-ja:active{transform:translateY(4px);box-shadow:0 2px 0 #1f771b}
html:root body .sbk-ef button.sbk-ef-nein:active{transform:translateY(2px);box-shadow:0 1px 0 #6f9c54}
html:root body .sbk-ef .sbk-ef-k button:focus-visible{outline:3px solid #ede000;outline-offset:3px}
@media (prefers-reduced-motion:reduce){html:root body .sbk-ef,html:root body .sbk-ef .sbk-ef-box,
  html:root body .sbk-ef .sbk-ef-k button{transition:none}}
html.sbk-lh-ruhig body .sbk-ef,html.sbk-lh-ruhig body .sbk-ef .sbk-ef-box,html.sbk-lh-ruhig body .sbk-ef .sbk-ef-k button{transition:none}


html:root body li.product .sbk-ki-liste > li.sbk-zf{cursor:pointer;border-radius:6px;
  transition:background-color .15s ease,box-shadow .15s ease}
@media (hover:hover){
  html:root body li.product .sbk-ki-liste > li.sbk-zf:hover{background:rgba(224,169,31,.2);box-shadow:0 0 0 3px rgba(224,169,31,.2)}
}
html:root body li.product .sbk-ki-liste > li.sbk-zf:focus-visible{outline:2px solid #b9871a;outline-offset:1px}

html:root body li.product .sbk-ki-liste > li.sbk-zf{text-decoration:underline!important;text-decoration-thickness:2px!important;
  text-underline-offset:3px!important}
html:root body li.product .sbk-ki-liste > li.sbk-zf > .sbk-ki-lbl{display:inline-block!important;text-decoration:none!important}
html:root body li.product .sbk-ki-liste > li.sbk-zf.sbk-zf-getippt{color:#9a6400!important;background:#fbeac0!important;
  box-shadow:0 0 0 2px #e0a91f,inset 1px 2px 4px rgba(150,100,10,.22)!important}
html:root body li.product .sbk-ki-liste > li.sbk-zf.sbk-zf-getippt > .sbk-ki-lbl{color:#9a6400!important}

html:root body .sbk-prod ul.products li.product .sbk-ki a.sbk-ki-kat.sbk-zf-getippt{background:#fbeac0!important;
  border-color:#e0a91f!important;box-shadow:0 0 0 2px #e0a91f,inset 1px 2px 4px rgba(150,100,10,.22)!important}
html:root body .sbk-prod ul.products li.product .sbk-ki a.sbk-ki-kat.sbk-zf-getippt,
html:root body .sbk-prod ul.products li.product .sbk-ki a.sbk-ki-kat.sbk-zf-getippt *{color:#9a6400!important}


@media (hover:hover) and (pointer:fine){
  html:root body .sbk-bl-fenster.sbk-bl-maus{cursor:grab}
  html:root body .sbk-bl-fenster.sbk-bl-zieht{cursor:grabbing;user-select:none;-webkit-user-select:none}
  html:root body .sbk-bl-fenster.sbk-bl-zieht a{cursor:grabbing}
}


html:root body li.product a.sbk-fz-a{position:relative}
html:root body li.product .sbk-fz-z{position:absolute;left:8px;bottom:8px;z-index:4;display:inline-flex;align-items:center;gap:3px;
  padding:2px 7px 2px 5px;border-radius:999px;background:#f7fcef;border:2px solid #1f771b;color:#1f771b;
  font:800 .74rem/1.2 Nunito,sans-serif;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4));pointer-events:none}
html:root body li.product .sbk-fz-z svg{width:16px;height:16px}
.sbk-fz-ic{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linejoin:round;stroke-linecap:round}

html:root body .sbk-dt .sbk-fz{position:absolute;left:6px;bottom:6px;z-index:4;display:flex;align-items:center;gap:5px;
  max-width:calc(100% - 64px);padding:4px 6px;border-radius:10px;background:rgba(255,255,255,.82);
  border:1.5px solid rgba(159,207,138,.9);box-shadow:0 1px 4px rgba(0,0,0,.18);font:700 .68rem/1.15 Nunito,sans-serif;color:#185f22}
html:root body .sbk-dt .sbk-fz>svg{flex:0 0 auto;width:20px;height:20px;color:#1f771b}
html:root body .sbk-dt .sbk-fz button.sbk-fz-k{position:relative;flex:0 0 auto;width:40px;height:40px;min-height:0;margin:0;padding:0;
  border-radius:7px;background:#fff;border:2px solid #cfe3bd;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none}
html:root body .sbk-dt .sbk-fz button.sbk-fz-k.akt{border-color:#e0a91f;box-shadow:0 0 0 2px #e0a91f}
html:root body .sbk-dt .sbk-fz button.sbk-fz-k:focus-visible{outline:3px solid #0b57d0;outline-offset:2px}
html:root body .sbk-dt .sbk-fz-k img{position:static;display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;
  pointer-events:none;border-radius:5px;transform:none!important;transition:none!important}
html:root body .sbk-dt .sbk-fz-k i{position:absolute;left:0;right:0;bottom:0;padding:1px 0;border-radius:0 0 5px 5px;
  background:rgba(31,119,27,.88);color:#fff;font:800 .5rem/1.2 Nunito,sans-serif;font-style:normal;text-align:center;
  pointer-events:none}
html:root body .sbk-dt .sbk-fz-t{display:block;max-width:7.2em;color:#185f22}
html:root body .sbk-dt .sbk-fz-cap{display:none;position:absolute;left:50%;top:8px;z-index:4;transform:translateX(-50%);
  max-width:calc(100% - 70px);padding:3px 10px;border-radius:999px;background:rgba(31,119,27,.92);color:#fff;
  font:800 .74rem/1.25 Nunito,sans-serif;text-align:center;pointer-events:none}
html:root body .sbk-dt .sbk-fz-bspan .sbk-fz-cap{display:block}

html:root body .sbk-dt:not(.sbkd) .sbk-dt-foto.sbk-fz-an .sbk-dt-lupe{bottom:60px}
html:root body .sbk-dt.sbkd .sbk-fz{left:14px;bottom:14px;max-width:calc(100% - 90px);font-size:.78rem}
html:root body .sbk-dt.sbkd .sbk-fz button.sbk-fz-k{width:56px;height:56px}
html:root body .sbk-dt.sbkd .sbk-fz-cap{top:14px;font-size:.86rem}