/* Hero-Slider – statischer Nachbau des Slider-Revolution-Moduls der Startseite */
.hs-wrap{padding:0!important;margin:0!important;background:#000}
.hs{position:relative;height:600px;background:#000;overflow:hidden;color:#fff}
.hs-slides,.hs-slide{position:absolute;inset:0}
.hs-slide{opacity:0;visibility:hidden;transition:opacity .9s ease,visibility 0s linear .9s}
.hs-slide.is-active{opacity:1;visibility:visible;transition:opacity .9s ease,visibility 0s}
.hs-inner{position:relative;max-width:1190px;height:100%;margin:0 auto}
.hs-img{position:absolute;top:60px;right:0;width:620px;height:480px;border-radius:20px;background-color:rgba(0,0,0,.5);background-size:cover;background-position:center}
.hs-text{position:absolute;top:86px;left:0;width:558px}
.hs-title{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:60px;line-height:60px;color:#fff;margin:0;white-space:nowrap;text-transform:uppercase;letter-spacing:0}
.hs-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.hs-tags a{font-family:"Open Sans",sans-serif;font-weight:300;font-size:13px;line-height:25px;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:0 7px;text-decoration:none;transition:color .3s,border-color .3s}
.hs-tags a:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.hs-copy{font-family:"Open Sans",sans-serif;font-weight:300;font-size:20px;line-height:30px;color:#fff;margin:30px 0 0;max-width:407px}
.hs-btn{display:inline-block;margin-top:30px;font-family:"Open Sans",sans-serif;font-weight:500;font-size:18px;line-height:50px;padding:0 40px;color:#fff!important;background:#00758e;border:1px solid #fff;text-decoration:none;transition:background .3s}
.hs-btn:hover{background:#005f73}
/* Einblend-Animation der Textebenen */
.hs-slide .hs-title,.hs-slide .hs-tags,.hs-slide .hs-copy,.hs-slide .hs-btn,.hs-slide .hs-img{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}
.hs-slide .hs-img{transform:translateX(40px)}
.hs-slide.is-active .hs-title,.hs-slide.is-active .hs-tags,.hs-slide.is-active .hs-copy,.hs-slide.is-active .hs-btn,.hs-slide.is-active .hs-img{opacity:1;transform:none}
.hs-slide.is-active .hs-img{transition-delay:.1s}.hs-slide.is-active .hs-title{transition-delay:.25s}.hs-slide.is-active .hs-tags{transition-delay:.4s}.hs-slide.is-active .hs-copy{transition-delay:.5s}.hs-slide.is-active .hs-btn{transition-delay:.6s}
/* Thumbnails rechts */
.hs-thumbs{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:5px;z-index:5}
.hs-thumb{width:70px;height:70px;padding:0;border:0;background:none;cursor:pointer}
.hs-thumb-wrap{display:block;width:70px;height:70px;border-radius:50%;background:rgba(0,0,0,.25);position:relative;transition:background .3s}
.hs-thumb.is-active .hs-thumb-wrap,.hs-thumb:hover .hs-thumb-wrap{background:linear-gradient(#fff 0%,#878787 100%)}
.hs-thumb-img{position:absolute;inset:3px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 5px 5px 10px rgba(0,0,0,.25)}
/* Pfeile + Timer */
.hs-arrow{position:absolute;bottom:20px;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer;z-index:5}
.hs-prev{right:70px}.hs-next{right:35px}
.hs-arrow svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:2;transition:transform .3s}
.hs-prev:hover svg{transform:translateX(-3px)}.hs-next:hover svg{transform:translateX(3px)}
.hs-timer{position:absolute;right:50px;bottom:72px;width:36px;height:36px;transform:rotate(-90deg);z-index:5}
.hs-timer circle{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:106.8;stroke-dashoffset:106.8}
.hs-timer.run circle{animation:hs-timer var(--hs-interval,8000ms) linear forwards}
@keyframes hs-timer{to{stroke-dashoffset:0}}
/* Tablet */
@media (max-width:1240px){.hs-inner{margin:0 110px 0 25px}.hs-img{width:48%;height:auto;aspect-ratio:620/480}.hs-text{width:46%}.hs-title{font-size:52px;line-height:54px}}
/* Mobil */
@media (max-width:860px){
 .hs{height:650px}
 .hs-inner{margin:0 20px}
 .hs-img{top:30px;left:0;right:0;width:auto;height:auto;aspect-ratio:351/260;border-radius:20px}
 .hs-text{top:auto;bottom:0;left:0;width:100%;position:absolute}
 .hs-slide .hs-text{top:calc(30px + (100vw - 40px)*260/351 + 40px)}
 .hs-title{font-size:30px;line-height:30px;max-width:330px}
 .hs-tags{margin-top:12px;gap:5px}
 .hs-tags a{font-size:10px;line-height:20px;padding:0 5px}
 .hs-copy{font-size:15px;line-height:20px;margin-top:22px;max-width:290px}
 .hs-btn{font-size:15px;line-height:40px;padding:0 30px;margin-top:22px}
 .hs-thumbs{display:none}
 .hs-arrow{bottom:22px}.hs-prev{right:52px}.hs-next{right:17px}
 .hs-timer{right:35px;bottom:68px}
}
@media (prefers-reduced-motion:reduce){.hs-slide,.hs-slide *{transition:none!important}.hs-timer{display:none}}