.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Startseiten-Slider */
.hero-slider{position:relative;display:block;min-height:0;height:clamp(560px,calc(100vh - 86px),820px);overflow:hidden;background:#d9e3e6;color:var(--ink)}
.hero-slides,.hero-slide{position:absolute;inset:0}
.hero-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}
.hero-slide>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover}
.hero-slide:nth-child(1)>img,.hero-slide:nth-child(2)>img,.hero-slide:nth-child(3)>img{object-position:center center}
.slide-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:flex-end}
.slide-copy{width:min(43%,540px);padding:38px 0 46px;text-shadow:0 1px 0 rgba(255,255,255,.28)}
.hero-slider .eyebrow{color:var(--brand-dark);margin-bottom:12px}
.hero-slider h1,.hero-slider h2{font-size:clamp(38px,4.4vw,66px);line-height:1.02;letter-spacing:-.035em;margin:0 0 18px;text-transform:uppercase}
.hero-slider p{font-size:clamp(17px,1.5vw,21px);line-height:1.55;max-width:510px;margin:0 0 28px;color:#34454e}
.slider-arrow{position:absolute;z-index:4;top:50%;width:54px;height:54px;margin-top:-27px;border:1px solid rgba(25,38,49,.55);border-radius:50%;background:rgba(255,255,255,.38);color:var(--ink);font:300 42px/1 Arial,sans-serif;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .2s,transform .2s}
.slider-arrow:hover,.slider-arrow:focus-visible{background:#fff;transform:scale(1.05)}
.slider-prev{left:24px}.slider-next{right:24px}
.slider-dots{position:absolute;z-index:4;left:50%;bottom:24px;display:flex;gap:8px;transform:translateX(-50%)}
.slider-dots button{width:11px;height:11px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(25,38,49,.48);box-shadow:0 1px 5px rgba(0,0,0,.25);cursor:pointer}
.slider-dots button.is-active{background:var(--brand);border-color:#fff}

/* Rechtes Seitenmenü */
.drawer-toggle{font-size:23px}
.drawer-backdrop{position:fixed;inset:0;z-index:90;border:0;background:rgba(10,20,26,.52);opacity:0;visibility:hidden;cursor:pointer;transition:opacity .3s,visibility .3s}
.side-drawer{position:fixed;z-index:100;inset:0 0 0 auto;width:min(390px,92vw);padding:0 32px 34px;background:#101b22;color:#d4dddf;box-shadow:-20px 0 60px rgba(10,20,26,.28);transform:translateX(105%);visibility:hidden;overflow:auto;transition:transform .32s ease,visibility .32s}
body.drawer-open{overflow:hidden}
body.drawer-open .drawer-backdrop{opacity:1;visibility:visible}
body.drawer-open .side-drawer{transform:translateX(0);visibility:visible}
.drawer-head{min-height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.14);text-transform:uppercase;letter-spacing:.12em;color:#fff}
.drawer-close{border:0;background:transparent;color:#fff;font:300 34px/1 Arial,sans-serif;cursor:pointer;padding:10px}
.drawer-nav,.drawer-nav ul{list-style:none;margin:0;padding:0}
.drawer-nav>li{border-bottom:1px solid rgba(255,255,255,.12);padding:14px 0}
.drawer-nav a{display:inline-block;color:#fff;text-decoration:none;padding:6px 0;font-weight:750}
.drawer-nav a:hover,.drawer-nav a:focus-visible{color:#6ce3d5}
.drawer-nav ul{padding:3px 0 2px 16px}
.drawer-nav ul a{color:#b9c6ca;font-size:14px;font-weight:500;padding:4px 0}
.drawer-contact{margin-top:30px;padding-top:22px;border-top:3px solid var(--brand)}
.drawer-contact strong{color:#fff;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.drawer-contact a{color:#fff}

@media(max-width:980px){
  .site-nav{display:none}
  .hero-slider{height:clamp(590px,calc(100svh - 86px),760px)}
  .slide-copy{width:min(55%,490px)}
  .hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgba(255,255,255,.2) 55%,rgba(255,255,255,.76) 100%)}
}
@media(max-width:650px){
  .hero-slider{height:680px}
  .hero-slide:nth-child(1)>img{object-position:29% top}
  .hero-slide:nth-child(2)>img{object-position:33% center}
  .hero-slide:nth-child(3)>img{object-position:35% center}
  .hero-slide:after{background:linear-gradient(0deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.83) 38%,rgba(255,255,255,0) 72%)}
  .slide-content{align-items:flex-end;justify-content:flex-start}
  .slide-copy{width:100%;padding:0 34px 74px 6px}
  .hero-slider h1,.hero-slider h2{font-size:37px}
  .hero-slider p{font-size:16px;margin-bottom:20px}
  .slider-arrow{width:42px;height:42px;margin-top:-21px;font-size:34px}
  .slider-prev{left:9px}.slider-next{right:9px}
  .slider-dots{bottom:18px}
  .side-drawer{padding-inline:25px}
  .drawer-head{min-height:74px}
}

@media(prefers-reduced-motion:reduce){.hero-slide,.drawer-backdrop,.side-drawer{transition:none}}