.sbk-katisland{position:relative;background:radial-gradient(circle at 80% 35%,#1c5a34,#0d2417 78%);border-radius:30px;padding:30px 34px;
  margin:0 auto 40px;max-width:1180px;box-shadow:0 18px 38px rgba(15,35,18,.30),0 7px 14px rgba(0,0,0,.16)}

.sbk-katisland .katbug-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;border-radius:30px}
.sbk-katisland .katbug-layer .krab{position:absolute;left:0;top:0;opacity:0;will-change:transform,opacity;pointer-events:none}
.sbk-katisland .katbug-layer .krab img{display:block;width:100%;height:auto;-webkit-user-drag:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}

.sbk-katisland .sbk-hbug{position:relative;z-index:3;margin:0 0 18px}
.sbk-katisland .htitle{color:#ede000!important;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.sbk-katisland .htitle:hover{color:#dcefc0!important}
.sbk-katisland .htitle .chev4{color:inherit}

.sbk-katisland .sbk-nur-de{display:inline}
.sbk-katisland .sbk-nur-en{display:none}
html[lang^="en"] .sbk-katisland .sbk-nur-de{display:none}
html[lang^="en"] .sbk-katisland .sbk-nur-en{display:inline}

.sbk-famgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:2}
.sbk-fam{position:relative;display:block;text-decoration:none;border-radius:13px;padding:8px 26px 9px 14px;
  border:1.5px solid #6f9c54;background:linear-gradient(180deg,#eaf6d6 0%,#dcefc0 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 8px rgba(24,60,24,.16);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.sbk-katisland .sbk-famgrid{grid-auto-rows:minmax(55px,auto)}
.sbk-katisland .sbk-famgrid .sbk-fam{box-sizing:border-box;height:auto;min-height:55px;min-width:0;overflow:hidden}
.sbk-fam:hover{transform:translateY(-3px);border-color:#3f7d22;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 16px rgba(24,60,24,.24)}
.sbk-fam .lat{font-family:Fredoka,sans-serif;font-weight:600;font-size:.95rem;color:#185f22;display:block;line-height:1.2}
.sbk-fam .de{font-size:.82rem;color:#46583a;display:block;margin-top:1px;line-height:1.22}
.sbk-katisland .sbk-fam .lat{white-space:normal;overflow-wrap:break-word;min-width:0}
.sbk-katisland .sbk-fam .de{white-space:normal;overflow-wrap:break-word;hyphens:manual;min-width:0}
.sbk-katisland .sbk-fam .sbk-lat-t{font-size:.92rem;letter-spacing:-.005em}

.sbk-fam .arr{position:absolute;right:9px;top:7px;color:#2e8b1f;font-weight:800;font-size:1.3rem;line-height:1;opacity:.55;
  transition:transform .2s ease,opacity .2s ease}
.sbk-fam:hover .arr{transform:translateX(4px);opacity:1}

.sbk-fam.all{border-color:#1f771b;background:linear-gradient(180deg,#49b545 0%,#3bab37 18%,#2e9e2e 62%,#228122 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 8px rgba(10,40,10,.3);display:flex;flex-direction:column;justify-content:center}
.sbk-fam.all:hover{background:linear-gradient(180deg,#58c455 0%,#46b842 18%,#39ab39 62%,#2b9a2b 100%);border-color:#1f771b}
.sbk-fam.all .lat{color:#eaffe0;font-size:1rem;animation:sbk-all-pulse 2.6s ease-in-out infinite}
.sbk-fam.all .de{color:#eaffe0}
.sbk-fam.all .arr{color:#eaffe0;font-size:1.7rem;top:50%;margin-top:-.5em;right:10px;opacity:.85}

@keyframes sbk-all-pulse{0%,100%{opacity:1;text-shadow:0 1px 2px rgba(0,0,0,.28)}50%{opacity:.84;text-shadow:0 0 8px rgba(255,255,255,.5)}}
@media(prefers-reduced-motion:reduce){.sbk-fam.all .lat{animation:none}}
@media(max-width:760px){
  .sbk-katisland{padding:22px 12px 20px;border-radius:24px}
  .sbk-katisland .katbug-layer{border-radius:24px}
  .sbk-katisland .sbk-hbug{margin-left:4px}
  .sbk-famgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .sbk-katisland .sbk-famgrid .sbk-fam{padding:7px 17px 8px 10px}
  .sbk-katisland .sbk-fam .de{font-size:.74rem;line-height:1.2}
  .sbk-katisland .sbk-fam .arr{right:5px;top:6px;font-size:1.15rem}
  .sbk-katisland .sbk-famgrid{grid-auto-rows:minmax(57px,auto)}
  .sbk-katisland .sbk-famgrid .sbk-fam{height:auto;min-height:57px}
  .sbk-fam.all{align-items:flex-start;text-align:left}
  .sbk-fam.all .lat,.sbk-fam.all .de{max-width:100%}
  .sbk-katisland .sbk-fam.all .arr{font-size:1.5rem;top:50%;right:6px}
  .sbk-katisland .sbk-fam.all .de{font-size:.72rem}
}