@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;800&display=swap');
/* Kerberos IT GmbH — animiertes Logo · Werte aus „Logo-Anwendungen Nr. 11“, skaliert über --kl */
.kl{--kl:.34;--e:cubic-bezier(.2,.8,.2,1);display:inline-flex;align-items:center;gap:calc(15px*var(--kl));cursor:pointer;color:#1A1A1A}
.kl-k{position:relative;flex-shrink:0;height:calc(112px*var(--kl));width:calc(159.25px*var(--kl));opacity:0;transform:translateX(-24px);transition:opacity 500ms var(--e),transform 700ms var(--e)}
.kl-k svg{position:absolute;inset:0;width:100%;height:100%}
.kl-k-base,.kl-k-base polygon{fill:#1A1A1A;stroke:none}
.kl-k-grad{opacity:0;transition:opacity 420ms var(--e)}
.kl-txt{flex-shrink:0;display:flex;flex-direction:column;gap:calc(10px*var(--kl))}
.kl-wm{overflow:hidden;padding-bottom:1px}
.kl-w{display:block;font-family:Montserrat,sans-serif;font-weight:800;font-size:calc(58px*var(--kl));line-height:.8;letter-spacing:.01em;white-space:nowrap;transform:translateY(110%);transition:transform 700ms var(--e) 120ms}
.kl-row{display:flex;align-items:center;gap:calc(12px*var(--kl))}
.kl-rule{flex:1;height:max(1.5px,calc(2px*var(--kl)));background:linear-gradient(90deg,rgba(148,236,60,0) 0%,#94EC3C 100%);transform-origin:right center;transform:scaleX(0);transition:transform 600ms var(--e) 180ms}
.kl-g{font-family:Montserrat,sans-serif;font-weight:700;font-size:max(8px,calc(24px*var(--kl)));letter-spacing:.3em;margin-right:-.3em;line-height:1;opacity:0;transition:color 420ms var(--e),opacity 500ms var(--e) 300ms}
.kl.is-in .kl-k{opacity:1;transform:none}
.kl.is-in .kl-w{transform:none}
.kl.is-in .kl-rule{transform:scaleX(1)}
.kl.is-in .kl-g{opacity:1}
/* Hover: K füllt sich grün, GmbH wird grün, Strich zieht kurz zusammen und wieder auf */
.s-brand:hover .kl-k-grad,.s-brand:focus-visible .kl-k-grad{opacity:1}
.s-brand:hover .kl-g,.s-brand:focus-visible .kl-g{color:#78BA30}
.s-brand:hover .kl.is-in .kl-rule{animation:kl-pulse 420ms var(--e)}
@keyframes kl-pulse{0%{transform:scaleX(1)}40%{transform:scaleX(.35)}100%{transform:scaleX(1)}}
.s-brand{text-decoration:none}
@media (max-width:1100px){.s-nav .kl{--kl:.3}}
@media (max-width:768px){.s-nav .kl{--kl:.27}}
@media (prefers-reduced-motion:reduce){.kl *{transition:none!important;animation:none!important}}

/* Produkt-Variante (z. B. KIT MONITOR · BY KERBEROS IT), wie KITDASH */
.kl-prod .kl-rule{flex:1 1 auto;min-width:calc(20px*var(--kl));width:auto}
.kl-prod .kl-g{letter-spacing:0;margin-right:0;white-space:nowrap;font-size:8px}

.s-footer-grid .s-brand-lg{display:flex;margin-bottom:14px;color:#1A1A1A}.s-footer-grid .s-brand-lg .kl{--kl:.34}