/* SBI – Support by Improvement · Stylesheet */
@import url('../fonts/fonts.css');

  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;scroll-padding-top:96px}
  body{font-family:'Manrope',system-ui,sans-serif;color:#26272B;background:#FDFCFA;-webkit-font-smoothing:antialiased}
  a{text-decoration:none;color:inherit}
  img{display:block;max-width:100%}
  ::selection{background:#FF7300;color:#fff}
  @keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
  @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes heroZoom{0%{transform:scale(1.14)}100%{transform:scale(1)}}
  @keyframes heroFade{0%{opacity:0}100%{opacity:1}}
  @keyframes sbiPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.5}}
  @media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
  .sbi-pixels{position:absolute;left:0;right:0;height:4px;z-index:1;pointer-events:none;overflow:hidden;opacity:.7;mix-blend-mode:multiply;-webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);animation:pixelScan 8.5s linear infinite}
  .sbi-pixels::before{content:"";position:absolute;top:0;bottom:0;left:0;width:220%;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 11px,rgba(214,86,0,.85) 11px 22px),repeating-linear-gradient(0deg,rgba(255,255,255,0) 0 11px,rgba(90,32,0,0) 11px 22px);background-size:44px 44px,44px 44px;animation:pixelRun 5.5s linear infinite}
  .sbi-pixels::after{content:"";position:absolute;top:0;bottom:0;left:0;width:220%;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 22px,rgba(255,160,60,.7) 22px 33px);background-size:66px 44px;animation:pixelRun2 3.2s linear infinite;mix-blend-mode:screen}
  @keyframes pixelRun{from{transform:translateX(0)}to{transform:translateX(-44px)}}
  @keyframes pixelRun2{from{transform:translateX(0)}to{transform:translateX(66px)}}
  @keyframes pixelScan{0%{top:-2%}100%{top:100%}}
  .eyb{font-family:'Manrope';font-weight:700;font-size:12.5px;letter-spacing:.28em;text-transform:uppercase;color:#E86A00}
  @media(max-width:940px){
    .kx-nav{display:none !important}
    .kx-burger{display:flex !important}
    .kx-two{grid-template-columns:1fr !important}
    .kx-g4{grid-template-columns:1fr 1fr !important}
    .kx-g3{grid-template-columns:1fr 1fr !important}
    .kx-foot{grid-template-columns:1fr 1fr !important}
    .kx-pillars{grid-template-columns:1fr !important}
    .kx-statband{grid-template-columns:1fr 1fr !important}
    .kx-health{grid-template-columns:1fr !important}
  }
  @media(max-width:560px){
    .kx-g4,.kx-g3,.kx-foot,.kx-formrow,.kx-statband{grid-template-columns:1fr !important}
  }


/* ---- Interaktions-/Hover-Zustände (statische Site) ---- */
a{transition:color .2s ease}
.kx-nav a{transition:color .2s ease,background .25s ease,transform .2s ease}
.kx-nav a[href^="#"]:not([style*="background:#FF7300"]):hover{color:#26272B}
a[style*="background:#FF7300"]{transition:background .25s ease,transform .2s ease}
a[style*="background:#FF7300"]:hover{background:#FF8A2B !important;transform:translateY(-1px)}
a[style*="rgba(0,0,0,0.05)"]:hover,a[style*="rgba(0,0,0,0.04)"]:hover{background:rgba(0,0,0,0.09) !important;border-color:rgba(0,0,0,0.16) !important}
.lift{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.lift:hover{transform:translateY(-4px);border-color:rgba(255,115,0,0.4) !important;box-shadow:0 20px 40px -24px rgba(0,0,0,.18)}
.contact-row{transition:transform .2s ease}
.contact-row:hover{transform:translateX(3px)}
.foot-link{transition:color .2s ease}
.foot-link:hover{color:#26272B}