.kreativ-hs{--hs-red:#E4140F;--hs-white:#ffffff;--hs-black:#0A0A0A;--hs-grey:rgba(255,255,255,0.78);--hs-font-bb:'Sora'!important;--hs-font-geo:'Sora'!important;--hs-font-bar:'Sora';--hs-trans:900ms cubic-bezier(0.77, 0, 0.18, 1)}
.kreativ-hs{position:relative;width:100%;height:100vh;overflow:hidden;background:var(--hs-black);}
.elementor-section:has(.kreativ-hs),.e-con:has(.kreativ-hs){padding:0!important;margin:0!important;}
.elementor-widget-kreativ_hero_slider .elementor-widget-container{padding:0!important;margin:0!important}
.kreativ-hs__track{position:relative;width:100%;height:100%} .kreativ-hs__slide{
position:absolute;
inset:0;
display:flex;
align-items:flex-end;
padding:0; opacity:0;
visibility:hidden;
transition:opacity var(--hs-trans),visibility var(--hs-trans);
z-index:1;
}
.kreativ-hs__slide.is-active{opacity:1;visibility:visible;z-index:2} .kreativ-hs__slide-inner{
width:100%;
max-width:1480px;
margin-inline:auto;
padding-inline:clamp(1.25rem,4vw,3.5rem); padding-bottom:10vh;
display:flex;
flex-direction:column;
align-items:flex-start;
}
.kreativ-hs__bg{position:absolute;inset:0;overflow:hidden}
.kreativ-hs__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform 1.2s ease;will-change:transform}
.kreativ-hs__slide.is-active .kreativ-hs__video{transform:scale(1.04)}
.kreativ-hs__fallback{position:absolute;inset:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;transition:transform 1.2s ease;will-change:transform}
.kreativ-hs__slide.is-active .kreativ-hs__fallback{transform:scale(1.04)}
.kreativ-hs__overlay{position:absolute;inset:0;background:var(--hs-overlay,rgb(0 0 0 / .55));background:linear-gradient(105deg,rgb(0 0 0 / .82) 0%,rgb(0 0 0 / .55) 45%,rgb(0 0 0 / .15) 100%)}
.kreativ-hs__content{position:relative;z-index:5;max-width:560px;display:flex;flex-direction:column;gap:0}
.kreativ-hs__tag{display:block;font-family:var(--hs-font-bar);font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--hs-red);margin-bottom:18px;opacity:0;transform:translateY(16px);transition:opacity 0.6s ease 0.15s,transform 0.6s ease 0.15s}
.kreativ-hs__slide.is-active .kreativ-hs__tag{opacity:1;transform:translateY(0)}
.kreativ-hs__headline{margin:0 0 24px;line-height:1;display:flex;flex-direction:column}
.kreativ-hs__line1{display:block;font-family:var(--hs-font-bb);font-size:clamp(72px, 10vw, 148px);font-weight:400;color:var(--hs-white);letter-spacing:4px;line-height:.9;opacity:0;transform:translateY(24px);transition:opacity 0.7s ease 0.25s,transform 0.7s ease 0.25s}
.kreativ-hs__line2{display:block;font-family:var(--hs-font-geo);font-size:90px;font-weight:700;color:var(--hs-white);letter-spacing:0;line-height:1;opacity:0;transform:translateY(24px);transition:opacity 0.7s ease 0.38s,transform 0.7s ease 0.38s} .kreativ-hs__line2-img{display:block;width:auto;height:auto;max-width:320px;max-height:120px;object-fit:contain;opacity:0;transform:translateY(24px);transition:opacity 0.7s ease 0.38s,transform 0.7s ease 0.38s}
.kreativ-hs__slide.is-active .kreativ-hs__line2-img{opacity:1;transform:translateY(0)}
.kreativ-hs__line3{display:block;font-family:var(--hs-font-bb);font-size:clamp(72px, 10vw, 148px);font-weight:400;color:var(--hs-red);letter-spacing:4px;line-height:.9;opacity:0;transform:translateY(24px);transition:opacity 0.7s ease 0.50s,transform 0.7s ease 0.50s}
.kreativ-hs__slide.is-active .kreativ-hs__line1,.kreativ-hs__slide.is-active .kreativ-hs__line2,.kreativ-hs__slide.is-active .kreativ-hs__line3{opacity:1;transform:translateY(0)}
.kreativ-hs__desc{font-family:var(--hs-font-bar);font-size:26px;font-weight:400;color:var(--hs-grey);line-height:1.20;margin:0 0 36px;max-width:540px;opacity:0;transform:translateY(16px);transition:opacity 0.7s ease 0.62s,transform 0.7s ease 0.62s}
.kreativ-hs__slide.is-active .kreativ-hs__desc{opacity:1;transform:translateY(0)}
.kreativ-hs__actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;opacity:0;transform:translateY(16px);transition:opacity 0.7s ease 0.74s,transform 0.7s ease 0.74s}
.kreativ-hs__slide.is-active .kreativ-hs__actions{opacity:1;transform:translateY(0)}
.kreativ-hs__cta{display:inline-block;font-family:var(--hs-font-bar);font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;padding:15px 28px;text-decoration:none;line-height:1;cursor:pointer;border:none;transition:transform 0.22s ease,background 0.22s ease,color 0.22s ease;white-space:nowrap}
.kreativ-hs__cta:hover{transform:translateY(-3px)}
.kreativ-hs__cta-primary{background:#fff;color:#0A0A0A}
.kreativ-hs__cta-primary:hover{background:#e8e8e8;color:#0A0A0A}
.kreativ-hs__cta-secondary{background:#fff0;color:#fff;border:1.5px solid rgb(255 255 255 / .5)}
.kreativ-hs__cta-secondary:hover{border-color:rgb(255 255 255 / .9);color:#fff}
.kreativ-hs__dots{position:absolute;bottom:36px;right:52px;display:flex;align-items:center;gap:8px;z-index:20}
.kreativ-hs__dot{width:28px;height:10px;border:none;border-radius:2px;background:rgb(255 255 255 / .35);cursor:pointer;padding:0;transition:background 0.3s ease,width 0.35s ease}
.kreativ-hs__dot.is-active{background:#E4140F;width:44px}
.kreativ-hs__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .2);color:#fff;cursor:pointer;transition:background 0.25s ease,border-color 0.25s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0}
.kreativ-hs__arrow:hover{background:var(--hs-red);border-color:var(--hs-red)}
.kreativ-hs__arrow--prev{left:32px}
.kreativ-hs__arrow--next{right:32px}
.kreativ-hs__scroll-hint{position:absolute;bottom:32px;left:8vw;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:20}
.kreativ-hs__scroll-hint span{font-family:var(--hs-font-bar);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgb(255 255 255 / .35)}
.kreativ-hs__scroll-line{width:1px;height:44px;background:linear-gradient(180deg,rgb(255 255 255 / .4) 0%,transparent 100%);animation:kreativScrollPulse 2.2s ease-in-out infinite}
@keyframes kreativScrollPulse{0%,100%{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}
.kreativ-hs__progress{position:absolute;bottom:0;left:0;height:3px;background:var(--hs-red);width:0%;z-index:20;transform-origin:left}
.kreativ-hs__progress.running{transition:width linear} @media (max-width:768px){
.kreativ-hs__desc {font-size: 20px!important;}
.kreativ-hs--disable-mobile-video .kreativ-hs__video{display:none}
.kreativ-hs--disable-mobile-video .kreativ-hs__fallback{display:block}
.kreativ-hs__slide-inner{padding-inline:6vw;padding-bottom:10vh} .kreativ-hs__dots{right:50%;transform:translateX(50%)}
.kreativ-hs__scroll-hint{display:none}
.kreativ-hs__line1,.kreativ-hs__line3{font-size:40px}
.kreativ-hs__line2{font-size:30px}
.kreativ-hs__line2-img{max-width:220px;max-height:80px}
.kreativ-hs__actions{flex-direction:column;align-items:flex-start;gap:10px}
.kreativ-hs__cta{width:100%;text-align:center}
.kreativ-hs__arrow{display:none;}
}
@media (max-width:480px){
.kreativ-hs__desc{font-size:18px!important;}
.kreativ-hs__line2{font-size:30px}
.kreativ-hs__line2-img{max-width:160px;max-height:60px}
.kreativ-hs__line1,.kreativ-hs__line3{font-size:30px!important}
.kreativ-hs__slide-inner{padding-inline:5vw;padding-bottom:14vh}
.kreativ-hs__arrow{display:none;}
}
@media (prefers-reduced-motion:reduce){
.kreativ-hs__slide,.kreativ-hs__video,.kreativ-hs__fallback,.kreativ-hs__tag,.kreativ-hs__line1,.kreativ-hs__line2,.kreativ-hs__line2-img,.kreativ-hs__line3,.kreativ-hs__desc,.kreativ-hs__actions{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}
.kreativ-hs__video{transform:none!important}
} .khs-scroll-btn{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;background:none;border:none;padding:0;text-decoration:none}
.khs-scroll-ring{position:relative;width:54px;height:54px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .3);display:flex;align-items:center;justify-content:center;transition:border-color .3s ease;overflow:hidden}
.khs-scroll-btn:hover .khs-scroll-ring{border-color:rgb(255 255 255 / .8)}
.khs-scroll-bubble{position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#fff;animation:khs-bubble 2s ease-in-out infinite}
@keyframes khs-bubble{0%{bottom:-14px;opacity:0;transform:translateX(-50%) scale(.6)}20%{opacity:1;transform:translateX(-50%) scale(1)}80%{opacity:.7}100%{bottom:calc(100% + 6px);opacity:0;transform:translateX(-50%) scale(.5)}}
.khs-scroll-ring::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid rgb(255 255 255 / .15);animation:khs-halo 2.4s ease-out infinite}
@keyframes khs-halo{0%{opacity:0;transform:scale(1)}40%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.khs-scroll-chevron{width:16px;height:16px;position:relative;z-index:2}
.khs-scroll-chevron::before,.khs-scroll-chevron::after{content:'';position:absolute;top:3px;width:8px;height:1.5px;background:#fff;border-radius:2px;transition:background .3s}
.khs-scroll-chevron::before{left:1px;transform:rotate(45deg);transform-origin:right center}
.khs-scroll-chevron::after{right:1px;transform:rotate(-45deg);transform-origin:left center}
.khs-scroll-chevron2{width:16px;height:16px;position:relative;z-index:2;top:-5px;opacity:.4}
.khs-scroll-chevron2::before,.khs-scroll-chevron2::after{content:'';position:absolute;top:3px;width:8px;height:1.5px;background:#fff;border-radius:2px}
.khs-scroll-chevron2::before{left:1px;transform:rotate(45deg);transform-origin:right center}
.khs-scroll-chevron2::after{right:1px;transform:rotate(-45deg);transform-origin:left center}
.khs-scroll-label{font-family:var(--bar);font-size:9px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgb(255 255 255 / .38);transition:color .3s ease;white-space:nowrap}
.khs-scroll-btn:hover .khs-scroll-label{color:rgb(255 255 255 / .75)}