html:root body .sbk-app-leiste[hidden],html:root body .sbk-app-zeile[hidden]{display:none!important}

html:root body .sbk-app-karte,html:root body .sbk-app-fussknopf{display:none!important}
@media (max-width:899px){
  html:root body .sbk-app-karte:not([hidden]){display:grid!important;grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:"s t" "k k";gap:12px 14px;align-items:center;box-sizing:border-box;width:auto;max-width:560px;
    margin:0 12px 30px;padding:16px;border-radius:20px;background:linear-gradient(160deg,#1f5a1e 0%,#163f16 100%);
    box-shadow:0 10px 24px rgba(10,40,10,.28);font:600 .98rem/1.4 Nunito,sans-serif}
  
  html:root body .sbk-app-karte.shop{order:2}
  html:root body .sbk-app-karte .sbk-app-sym{grid-area:s}
  html:root body .sbk-app-karte p{grid-area:t;margin:0;min-width:0;color:#eaf7d9;overflow-wrap:break-word}
  html:root body .sbk-app-karte button.sbk-app-knopf{grid-area:k;width:100%;min-height:48px}
  html:root body button.sbk-app-fussknopf:not([hidden]){display:inline-flex!important}
  html:root body .sbk-lh.sbk-lh-mit-app{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
  html:root body .sbk-app-fussknopf .sbk-lh-ico img{display:block;width:22px;height:22px;object-fit:contain}
}
html:root body .sbk-app-sym{flex:none;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px}
html:root body .sbk-app-sym img{display:block;width:48px;height:48px;border-radius:12px;object-fit:contain}

html:root body #mobile-drawer .drawer-inner>.sbk-app-zeile{flex:none;position:sticky;bottom:0;z-index:3;margin:auto 0 0;
  padding:0;background:linear-gradient(180deg,#1f771b,#185f22);
  border-top:1px solid #145a12;box-shadow:0 -4px 14px rgba(10,40,10,.22)}

html.sbk-app-menue body #mobile-drawer .drawer-inner{padding-bottom:0!important}
html:root body #mobile-drawer .drawer-inner>.sbk-app-zeile button{display:flex;align-items:center;gap:12px;width:100%;
  min-height:56px;margin:0!important;padding:6px 16px!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#fff!important;box-shadow:none!important;font:700 1.02rem/1.2 Nunito,sans-serif!important;
  text-transform:none!important;letter-spacing:0!important;text-align:left;cursor:pointer}
html:root body #mobile-drawer .drawer-inner>.sbk-app-zeile button span{color:#fff!important;opacity:1!important;
  text-shadow:0 1px 0 rgba(0,0,0,.25)!important}
html:root body #mobile-drawer .drawer-inner>.sbk-app-zeile img{display:block;flex:none;width:40px;height:40px;object-fit:contain;
  filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}
html:root body #mobile-drawer .drawer-inner>.sbk-app-zeile button:focus-visible{outline:3px solid #fff;outline-offset:-5px}
html:root body button.sbk-app-knopf{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  margin:0!important;padding:6px 16px!important;border-radius:12px!important;border:1px solid #145a12!important;
  background:linear-gradient(180deg,#2b972b,#1f771b)!important;color:#fff!important;box-shadow:0 3px 0 #145a12!important;
  font:600 .95rem/1.15 Fredoka,Nunito,sans-serif!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
html:root body button.sbk-app-knopf.zart{background:#fff!important;color:#185f22!important;border:1.5px solid #9fcf8a!important;
  box-shadow:none!important}

html:root body .sbk-app-leiste{position:fixed;left:12px;
  right:12px;bottom:12px;z-index:100030;
  box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"s t" "k k";
  align-items:center;gap:10px 12px;padding:12px;border-radius:16px;background:#12310f;color:#eaf7d9;
  box-shadow:0 8px 24px rgba(0,0,0,.3);font:700 .95rem/1.35 Nunito,sans-serif;transform:translateY(0);opacity:1;
  transition:transform .3s ease,opacity .3s ease}
html:root body .sbk-app-leiste.weg{transform:translateY(130%);opacity:0}
html:root body .sbk-app-leiste .sbk-app-sym{grid-area:s}
html:root body .sbk-app-leiste p{grid-area:t;min-width:0;margin:0;color:#eaf7d9;overflow-wrap:break-word}
html:root body .sbk-app-leiste .sbk-app-knoepfe{grid-area:k;display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
html:root body .sbk-app-leiste button.sbk-app-knopf{width:100%;min-height:46px;padding:6px 10px!important;font-size:.95rem!important}
html:root body .sbk-app-leiste button.sbk-app-knopf.zart{background:transparent!important;color:#eaf7d9!important;
  border-color:rgba(234,247,217,.6)!important}
@media (min-width:420px){
  html:root body .sbk-app-leiste:not(.eng){grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"s t k"}
  html:root body .sbk-app-leiste:not(.eng) .sbk-app-knoepfe{grid-template-columns:auto auto}
  html:root body .sbk-app-leiste:not(.eng) button.sbk-app-knopf{width:auto;padding:6px 16px!important}
}
html.sbk-dt-an body .sbk-app-leiste,html.sbk-rg-an body .sbk-app-leiste{display:none!important}
html.sbk-app-leiste-an body .wa__btn_popup,html.sbk-app-leiste-an body .wa__popup_chat_box{
  transform:translateY(calc(-1 * var(--sbk-app-h,0px)))!important;transition:transform .3s ease!important}
html:root body .sbk-app-dim{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100150;background:rgba(10,30,12,.5);
  display:flex;align-items:flex-end;justify-content:center;padding:12px}
html:root body .sbk-app-fenster{position:relative;box-sizing:border-box;width:100%;max-width:420px;padding:18px 16px 16px;
  border-radius:20px;background:linear-gradient(180deg,#f7fcef,#e6f3d4);border:1.5px solid #9fcf8a;color:#1f3d1c;
  font-family:Nunito,sans-serif;box-shadow:0 -8px 30px rgba(10,40,10,.35)}
html:root body .sbk-app-fenster h2{display:flex;align-items:center;gap:10px;margin:0 52px 12px 0;
  font:600 1.15rem/1.2 Fredoka,Nunito,sans-serif;color:#185f22;text-transform:none}
html:root body .sbk-app-fenster ol{margin:0 0 14px;padding:0;list-style:none;counter-reset:s}
html:root body .sbk-app-fenster li{display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 8px;padding:6px 10px;
  border-radius:14px;background:#fff;border:1px solid #cfe3bc;font:700 .98rem/1.3 Nunito,sans-serif;counter-increment:s}
html:root body .sbk-app-fenster li::before{content:counter(s);flex:none;width:28px;height:28px;border-radius:50%;
  background:#2e9e2e;color:#fff;font:800 .95rem/28px Nunito,sans-serif;text-align:center}
html:root body .sbk-app-fenster li svg{flex:none;width:26px;height:26px;color:#0b57d0}
html:root body .sbk-app-fenster p{margin:0 0 14px;font-size:.98rem;line-height:1.4}
html:root body .sbk-app-fenster button.sbk-app-zu{position:absolute;top:10px;right:10px;width:44px;height:44px;
  min-height:0!important;margin:0!important;padding:0!important;border-radius:50%!important;border:2px solid #1f771b!important;
  background:#fff!important;color:#185f22!important;box-shadow:none!important;font:700 1.3rem/1 Nunito,sans-serif!important}
html:root body .sbk-app-fenster button.sbk-app-ok{width:100%}
@media (prefers-reduced-motion:reduce){html:root body .sbk-app-leiste{transition:none}}
html.sbk-lh-ruhig body .sbk-app-leiste{transition:none}