/* Das Plugin verändert weder background-size/-position/-repeat noch object-fit/-position. */
.kibk-needs-position{position:relative!important}
.kibk-layer-host{isolation:isolate}
.kibk-labels{position:absolute!important;z-index:2147483000!important;display:flex!important;flex-direction:column!important;align-items:flex-end;gap:4px!important;pointer-events:none!important;box-sizing:border-box!important;line-height:0!important}
.kibk-labels[style*="left:"]{align-items:flex-start!important}
.kibk-label{--kibk-current-size:var(--kibk-icon-size);--kibk-expanded-ratio:3.158;position:relative!important;display:block!important;flex:0 0 auto!important;width:var(--kibk-current-size)!important;min-width:0!important;max-width:none!important;height:var(--kibk-current-size)!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;pointer-events:auto!important;line-height:0!important;font-size:0!important;transform:none!important;transition:width .24s cubic-bezier(.2,.75,.25,1)!important;box-sizing:border-box!important}
.kibk-label-edited{--kibk-expanded-ratio:3}
.kibk-label::before,.kibk-label::after{content:""!important;position:absolute!important;inset:0 auto 0 0!important;display:block!important;height:100%!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background-repeat:no-repeat!important;background-position:left center!important;background-size:auto 100%!important;pointer-events:none!important;transition:opacity .16s ease!important;box-sizing:border-box!important}
.kibk-label::before{background-image:var(--kibk-compact-icon)!important;background-size:auto 73.2%!important;background-position:left center!important;opacity:1!important}
.kibk-label::after{background-image:var(--kibk-full-icon)!important;opacity:0!important}
.kibk-label:hover,.kibk-label:focus-visible,.kibk-label.is-open{width:calc(var(--kibk-current-size) * var(--kibk-expanded-ratio))!important}
.kibk-label:hover::before,.kibk-label:focus-visible::before,.kibk-label.is-open::before{opacity:0!important}
.kibk-label:hover::after,.kibk-label:focus-visible::after,.kibk-label.is-open::after{opacity:1!important}
.kibk-label:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}
.kibk-labels-hero .kibk-label{--kibk-current-size:var(--kibk-hero-icon-size)}
.kibk-labels-lightbox .kibk-label{--kibk-current-size:var(--kibk-lightbox-icon-size)}
.kibk-labels-tablet,.kibk-labels-mobile{display:none!important}
.kibk-labels-widget~.kibk-labels-desktop,.kibk-labels-widget~.kibk-labels-tablet,.kibk-labels-widget~.kibk-labels-mobile{display:none!important}
.kibk-layer-host>.kibk-labels{z-index:2147483000!important}
.kibk-lightbox-direct{position:fixed!important;z-index:2147483646!important;margin:0!important;transform:none!important}
.kibk-image-direct{position:absolute!important;z-index:2147483646!important;margin:0!important;transform:none!important}
@media (max-width:1024px){.kibk-background-tablet-set>.kibk-labels-desktop{display:none!important}.kibk-labels-tablet{display:flex!important}}
@media (max-width:767px){
  .kibk-label{--kibk-current-size:var(--kibk-icon-size-mobile)}
  .kibk-labels-hero .kibk-label,.kibk-labels-lightbox .kibk-label{--kibk-current-size:var(--kibk-icon-size-mobile)}
  .kibk-label:hover{width:var(--kibk-current-size)!important}
  .kibk-label:hover::before{opacity:1!important}
  .kibk-label:hover::after{opacity:0!important}
  .kibk-label:focus-visible,.kibk-label.is-open{width:calc(var(--kibk-current-size) * var(--kibk-expanded-ratio))!important}
  .kibk-label:focus-visible::before,.kibk-label.is-open::before{opacity:0!important}
  .kibk-label:focus-visible::after,.kibk-label.is-open::after{opacity:1!important}
  .kibk-background-mobile-set>.kibk-labels-desktop,.kibk-background-mobile-set>.kibk-labels-tablet{display:none!important}
  .kibk-labels-mobile{display:flex!important}
}
@media (hover:none){
  .kibk-label:hover{width:var(--kibk-current-size)!important}
  .kibk-label:hover::before{opacity:1!important}
  .kibk-label:hover::after{opacity:0!important}
  .kibk-label.is-open{width:calc(var(--kibk-current-size) * var(--kibk-expanded-ratio))!important}
  .kibk-label.is-open::before{opacity:0!important}.kibk-label.is-open::after{opacity:1!important}
}
@media (prefers-reduced-motion:reduce){.kibk-label,.kibk-label::before,.kibk-label::after{transition:none!important}}