/* Start custom CSS */@font-face{font-family:'Kessel 105';font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/uploads/fonts/Kessel105Bold.woff2') format('woff2'),url('/wp-content/uploads/fonts/Kessel105Bold.woff') format('woff');}
html{scroll-behavior:smooth}
/* Laptop-Stufe wie im Original (<=1366px) */
@media (max-width:1366px) and (min-width:1025px){.t-h1{font-size:65px}.t-h2{font-size:38px}.btn-primary,.btn-white{font-size:16px}}
/* Button-Hover: dunkler Wisch von rechts nach links */
.btn-primary,.btn-white{position:relative;overflow:hidden;isolation:isolate;transition:color .3s}
.btn-primary::before,.btn-white::before{content:'';position:absolute;inset:0;z-index:-1;border-radius:33px;background-image:linear-gradient(90deg,#00000033 50%,#00000000 0);background-size:200% 200%;background-position-x:100%;transition:background-position-x 550ms cubic-bezier(.85,0,0,1);pointer-events:none}
.btn-primary:hover::before,.btn-white:hover::before{background-position-x:0}
.btn-white::before{background-image:linear-gradient(90deg,#0000001a 50%,#00000000 0)}
/* Cases: Bild bekommt Schatten */
.case-card img{transition:box-shadow .3s ease}
.case-card:hover img{box-shadow:0 15px 28px rgba(0,0,0,.5)}
/* Arbeitsschritte: Detailtext faehrt beim Hover ein */
.step-card:hover .show-on-hover{transform:translateX(0)}
@media (hover:none),(max-width:1024px){.show-on-hover{transform:none!important}.step-card{min-height:0!important}}
/* Akkordeon */
.acc-item summary:hover .acc-title{color:#4F01D7}
.acc-icon{transition:transform .3s}
details[open] .acc-icon{transform:rotate(45deg)}
/* Slider: Endlos-Laufband ohne Plugin, pausiert bei Hover */
@keyframes mt-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.marquee-track{animation:mt-marquee 40s linear infinite;will-change:transform}
.marquee:hover .marquee-track{animation-play-state:paused}
.elementor-element-5cf980af{animation-duration:35s}
.elementor-element-33f95d1{animation-duration:70s}
.elementor-element-e6691a5{animation-duration:50s}
.elementor-element-77f0593c{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%)}
.elementor-element-33f95d1 img{transition:transform .3s}
.elementor-element-33f95d1 a:hover img,.elementor-element-33f95d1 img:hover{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.marquee{overflow-x:auto!important}}/* End custom CSS */