/* The established ALIEV serif and sans-serif font families are unchanged. */
.hero.hero-slider{--hero-duration:4000ms;display:block;position:relative;isolation:isolate;max-width:none;min-height:0;overflow:hidden;background:#041d2b;color:var(--cream)}
.hero-slides{display:grid;grid-template-columns:minmax(0,1fr)}
.hero-slide{grid-area:1/1;position:relative;min-width:0;min-height:740px;padding:72px 0 152px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s ease;overflow:hidden}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.hero-slide-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#071f2c}
.hero-slide-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,20,31,.96) 0%,rgba(2,20,31,.86) 31%,rgba(2,20,31,.46) 65%,rgba(2,20,31,.15) 100%),linear-gradient(0deg,rgba(2,20,31,.65),transparent 26%)}
.hero-slide-media .hero-scene{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transform-origin:72% 55%;will-change:transform}
.hero-slide.is-active .hero-scene{animation:aliev-hero-zoom 10s linear both;animation-play-state:paused}
.hero-slider.is-running .hero-slide.is-active .hero-scene{animation-play-state:running}
.hero-diagonal{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-diagonal:before{content:"";position:absolute;inset:0;clip-path:polygon(59% 0,70% 0,53% 100%,42% 100%);background:linear-gradient(120deg,rgba(255,255,255,.055),rgba(4,24,37,.13));border:0}
.hero-diagonal:after{content:"";position:absolute;inset:0;clip-path:polygon(70% 0,70.12% 0,53.12% 100%,53% 100%);background:linear-gradient(180deg,transparent,rgba(225,188,120,.3),transparent)}
.hero-slider .hero-slide-content{position:relative;z-index:2;display:block;padding:0;color:var(--cream)}
.hero-slider .hero-slide-eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 26px;color:var(--gold-light);font-size:10px;letter-spacing:2.6px}
.hero-slide-eyebrow>span{display:block;width:29px;height:1px;background:var(--gold-light)}
.hero-slider .hero-slide-title{font-family:var(--serif);font-weight:400;font-size:clamp(64px,6.5vw,94px);line-height:1.04;letter-spacing:-2.9px;max-width:900px;margin:0;color:#faf7f1}
.hero-slide-title>span,.hero-slide-title>em{display:block;font-family:inherit;font-weight:inherit}
.hero-slider .hero-slide-title>em{color:#dfbb79;font-style:normal}
.hero-slider .hero-slide-description{font-family:var(--sans);font-size:17px;line-height:1.65;color:#e0e4e2;margin:23px 0 25px;max-width:650px;letter-spacing:.05px}
.hero-service-tags{display:flex;flex-wrap:wrap;align-items:center;gap:9px;max-width:790px}
.hero-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid #f4f0e63b;background:#f4f0e60b;color:#e6e7e3;border-radius:100px;padding:9px 15px;font:500 11px/1.4 var(--sans);min-height:36px;transition:color .2s,border-color .2s,background .2s;backdrop-filter:blur(7px)}
.hero-tag.hero-tag-accent{border-color:#dfbb79a6;color:#ebcc91;background:#dfbb7908}
.hero-tag:hover,.hero-tag:focus-visible{background:#dfbb7920;border-color:#dfbb79;color:#f4dba9}
.hero-slide-actions{display:flex;align-items:center;gap:27px;margin-top:29px;flex-wrap:wrap}
.hero-slider .hero-primary{font-size:13px;min-height:53px;padding:14px 21px;gap:13px;border-radius:8px;background:linear-gradient(110deg,#e8c98f,#c89c53);color:#092a3c;border:1px solid #d7ad69;box-shadow:0 5px 25px #00000015;transition:transform .2s,box-shadow .2s,background .2s}
.hero-slider .hero-primary>.icon:first-child{width:22px;height:22px;stroke-width:1.6}
.hero-slider .hero-primary>.icon:last-child{width:20px;height:20px;margin-left:10px}
.hero-slider .hero-primary:hover{transform:translateY(-2px);background:linear-gradient(110deg,#f0d7a7,#ddb56f);box-shadow:0 8px 30px #0003}
.hero-secondary{display:inline-flex;align-items:center;gap:11px;font:600 12px/1.5 var(--sans);min-height:46px;color:#f4f1e9}
.hero-secondary>.icon{width:20px;height:20px;color:#dfbb79;transition:transform .2s}
.hero-secondary:hover>.icon{transform:translateX(4px)}
.hero-assurances{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin-top:20px;max-width:750px}
.hero-assurances>span{display:inline-flex;align-items:center;gap:10px;border:1px solid #f4f0e62c;border-radius:7px;background:#051d282e;color:#dfe5e3;font:500 10px/1.4 var(--sans);min-height:40px;padding:9px 13px}
.hero-assurances .icon{width:19px;height:19px;color:#dfbb79;stroke-width:1.4}
.hero-slide.is-active .hero-slide-eyebrow{animation:aliev-hero-rise .55s both .06s}
.hero-slide.is-active .hero-slide-title>span{animation:aliev-hero-rise .72s both .12s}
.hero-slide.is-active .hero-slide-title>em{animation:aliev-hero-rise .72s both .21s}
.hero-slide.is-active .hero-slide-description{animation:aliev-hero-rise .65s both .3s}
.hero-slide.is-active .hero-service-tags{animation:aliev-hero-rise .65s both .38s}
.hero-slide.is-active .hero-slide-actions{animation:aliev-hero-rise .65s both .46s}
.hero-slide.is-active .hero-assurances{animation:aliev-hero-rise .65s both .52s}
.hero-controls{position:absolute;left:0;right:0;bottom:28px;z-index:5;display:none;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;border-top:1px solid #f8f1df30}
.hero-slider.is-enhanced .hero-controls{display:flex}
.hero-pagination{display:flex;gap:16px;max-width:560px;flex:1}
.hero-page{padding:10px 0 0;border:0;color:#b9c4c8;text-align:left;background:none;width:126px;min-height:42px}
.hero-page-track{height:2px;width:100%;display:block;position:relative;background:#dfe8e443;overflow:hidden}
.hero-page-track>i{position:absolute;inset:0;background:#dfbb79;transform:scaleX(0);transform-origin:left}
.hero-page.is-current .hero-page-track>i{animation:aliev-hero-progress var(--hero-duration) linear both;animation-play-state:paused}
.hero-slider.is-running .hero-page.is-current .hero-page-track>i{animation-play-state:running}
.hero-page.is-current{color:#f0d39e}
.hero-page:hover{color:#fff}
.hero-page-label{display:flex;gap:9px;align-items:center;margin-top:9px;font:400 9px/1.4 var(--sans);letter-spacing:.7px}
.hero-page-label>b{font-size:8px;font-weight:600;letter-spacing:1.3px}
.hero-navigation{display:flex;align-items:center;gap:9px}
.hero-counter{font:400 10px/1.5 var(--sans);letter-spacing:1px;color:#dce2df;margin-right:16px;white-space:nowrap}
.hero-counter>b{font-weight:500;color:#f0d39e;font-size:12px}
.hero-counter>span{color:#a7b8bf}
.hero-nav-button{width:42px;height:42px;border:1px solid #f4f0e63b;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;background:#061e2959;color:#f1efea;transition:background .2s,border-color .2s}
.hero-nav-button:hover{background:#dfbb7925;border-color:#dfbb7999}
.hero-nav-button .icon{height:20px;width:20px;stroke-width:1.7}
.hero-back-arrow{transform:rotate(180deg)}
.hero-pause-icon{width:10px;height:13px;border-inline:2px solid currentColor}
.hero-play-icon{display:none;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor;margin-left:2px}
.hero-play-toggle[aria-pressed=true] .hero-pause-icon{display:none}
.hero-play-toggle[aria-pressed=true] .hero-play-icon{display:block}
.hero-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes aliev-hero-zoom{from{transform:scale(1.035)}to{transform:scale(1.095)}}
@keyframes aliev-hero-rise{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
@keyframes aliev-hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(min-width:1600px){.hero-slide{min-height:820px;padding-top:92px}.hero-slider .hero-slide-title{font-size:104px}.hero-slider .hero-slide-description{font-size:19px}.hero-tag{font-size:12px}.hero-slider .hero-primary{font-size:14px}.hero-secondary{font-size:13px}.hero-assurances>span{font-size:11px}}
@media(max-width:1190px){.hero-slide{min-height:720px;padding-top:67px}.hero-slider .hero-slide-title{font-size:clamp(65px,7.4vw,87px)}.hero-slider .hero-slide-description{font-size:15px}.hero-service-tags{max-width:690px}.hero-tag{font-size:10px;padding:9px 13px}.hero-diagonal:before{clip-path:polygon(61% 0,73% 0,57% 100%,45% 100%)}.hero-diagonal:after{clip-path:polygon(73% 0,73.12% 0,57.12% 100%,57% 100%)}}
@media(max-width:980px){.hero-slide{min-height:690px;padding-top:60px;padding-bottom:140px}.hero-slider .hero-slide-title{font-size:73px;letter-spacing:-2.4px}.hero-slider .hero-slide-description{font-size:14px}.hero-service-tags{max-width:610px}.hero-slide-media .hero-scene{object-position:60% center}.hero-slide-media:after{background:linear-gradient(90deg,rgba(2,20,31,.96),rgba(2,20,31,.8) 42%,rgba(2,20,31,.3)),linear-gradient(0deg,#02141fa1,transparent 30%)}.hero-slider .hero-slide-eyebrow{font-size:9px}.hero-page{width:105px}.hero-page-label{font-size:8px}.hero-counter{margin-right:7px}.hero-pagination{gap:13px}.hero-controls{bottom:25px}.hero-slide-actions{gap:22px}}
@media(max-width:700px){.hero-slide{min-height:760px;padding-top:49px;padding-bottom:166px}.hero-slider .hero-slide-content{width:calc(100% - 44px)}.hero-slider .hero-slide-eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:25px;gap:10px}.hero-slide-eyebrow>span{width:21px}.hero-slider .hero-slide-title{font-size:clamp(46px,10.6vw,70px);letter-spacing:-1.7px;line-height:1.07;max-width:100%}.hero-slider .hero-slide-description{font-size:13px;line-height:1.7;margin-top:20px;margin-bottom:22px;max-width:330px}.hero-service-tags{gap:8px;max-width:390px;align-items:flex-start}.hero-tag{font-size:9px;line-height:1.4;padding:8px 11px;min-height:33px}.hero-slide-actions{gap:7px;align-items:flex-start;flex-direction:column;margin-top:25px}.hero-slider .hero-primary{min-height:49px;font-size:12px;padding:12px 17px;gap:11px;border-radius:7px}.hero-slider .hero-primary>.icon:last-child{margin-left:12px}.hero-secondary{font-size:11px;min-height:43px;gap:10px}.hero-assurances{gap:9px;margin-top:13px;max-width:100%}.hero-assurances>span{font-size:8px;padding:8px 10px;min-height:35px;gap:8px;border-radius:6px}.hero-assurances .icon{width:16px;height:16px}.hero-slide-media .hero-scene{object-position:68% center;transform-origin:75% 55%}.hero-slide-media:after{background:linear-gradient(90deg,rgba(2,20,31,.94),rgba(2,20,31,.76) 48%,rgba(2,20,31,.37)),linear-gradient(0deg,rgba(2,20,31,.86),transparent 30%,transparent 76%,rgba(2,20,31,.18))}.hero-diagonal:before{clip-path:polygon(65% 0,88% 0,40% 100%,17% 100%);background:#f6f0e507}.hero-diagonal:after{clip-path:polygon(88% 0,88.15% 0,40.15% 100%,40% 100%)}.hero-controls{width:calc(100% - 44px);bottom:23px;padding-top:17px;flex-wrap:wrap;gap:18px}.hero-pagination{flex-basis:100%;max-width:100%;gap:13px}.hero-page{width:auto;flex:1;min-height:33px;padding-top:2px}.hero-page-label{font-size:8px;margin-top:8px;gap:8px}.hero-navigation{margin-left:auto;gap:8px}.hero-nav-button{height:34px;width:36px;border-radius:5px}.hero-nav-button .icon{width:18px;height:18px}.hero-counter{margin-right:8px;font-size:8px}.hero-counter>b{font-size:10px}.hero-pause-icon{height:11px;width:9px}.hero-play-icon{border-top-width:5px;border-bottom-width:5px;border-left-width:8px}}
@media(max-width:360px){.hero-slide{min-height:770px;padding-top:39px}.hero-slider .hero-slide-title{font-size:42px;letter-spacing:-1.5px}.hero-slider .hero-slide-content,.hero-controls{width:calc(100% - 36px)}.hero-slider .hero-slide-description{font-size:12px}.hero-tag{font-size:8px;padding-inline:9px}.hero-assurances{gap:7px}.hero-assurances>span{font-size:7px;gap:6px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.hero-slider .hero-slide,.hero-slider .hero-scene,.hero-slider .hero-slide-content *,.hero-slider .hero-page-track>i{animation:none!important;transition:none!important;transform:none!important}.hero-page.is-current .hero-page-track>i{transform:scaleX(1)!important}.hero-slider .hero-primary:hover{transform:none}.hero-slider .hero-primary .icon,.hero-slider .hero-secondary .icon{transform:none!important}}


/* ALIEV desktop-only refinement: original full-width layout retained.
   Adjust height, typography and spacing together without changing mobile. */
@media (min-width: 981px) {
  .hero.hero-slider .hero-slide {
    min-height: 630px;
    padding-top: 55px;
    padding-bottom: 117px;
  }
  .hero.hero-slider .hero-slide-eyebrow { margin-bottom: 21px; }
  .hero.hero-slider .hero-slide-title {
    font-size: clamp(62px, 5.15vw, 78px);
    line-height: 1.06;
    letter-spacing: -2.35px;
    max-width: 740px;
  }
  .hero.hero-slider .hero-slide-description {
    font-size: 15px;
    margin-top: 19px;
    margin-bottom: 19px;
  }
  .hero.hero-slider .hero-service-tags { gap: 8px; }
  .hero.hero-slider .hero-tag {
    min-height: 33px;
    padding: 7px 12px;
    font-size: 10px;
  }
  .hero.hero-slider .hero-slide-actions { gap: 23px; margin-top: 22px; }
  .hero.hero-slider .hero-primary { min-height: 49px; padding: 12px 19px; font-size: 12px; }
  .hero.hero-slider .hero-assurances { margin-top: 15px; }
  .hero.hero-slider .hero-assurances > span { min-height: 35px; padding: 7px 11px; }
  .hero.hero-slider .hero-controls { bottom: 20px; padding-top: 15px; }
  .hero.hero-slider .hero-diagonal { opacity: .26; }
  .hero.hero-slider .hero-slide-media .hero-scene { object-position: center 48%; }
  .hero.hero-slider .hero-slide-media:after {
    background: linear-gradient(90deg, rgba(3,24,36,.98) 0%, rgba(3,24,36,.91) 24%, rgba(3,24,36,.69) 44%, rgba(3,24,36,.20) 76%, rgba(3,24,36,.08) 100%),
                linear-gradient(0deg, rgba(3,24,36,.56), transparent 26%);
  }
}
@media (min-width: 981px) and (max-width: 1190px) {
  .hero.hero-slider .hero-slide { min-height: 620px; padding-top: 52px; }
  .hero.hero-slider .hero-slide-title { font-size: clamp(59px, 5.9vw, 69px); }
  .hero.hero-slider .hero-slide-description { font-size: 14px; }
  .hero.hero-slider .hero-tag { font-size: 9px; padding-inline: 10px; }
}
@media (min-width: 1600px) {
  .hero.hero-slider .hero-slide { min-height: 690px; padding-top: 74px; padding-bottom: 124px; }
  .hero.hero-slider .hero-slide-title { font-size: 85px; }
  .hero.hero-slider .hero-slide-description { font-size: 17px; }
}

/* The supplied panoramic moving photo, without changing the cleaning hero. */
#hero-slide-1 .hero-scene { object-position: 80% center; }
@media(max-width:700px) { #hero-slide-1 .hero-scene { object-position: 79% center; } }


/* 2026-11 fix: hide visible "01 Umzug / 02 Reinigung" labels and keep controls compact. */
.hero-page-label{display:none!important;}
.hero-pagination{gap:12px;max-width:none;flex:0 0 auto;}
.hero-page{width:76px;min-height:16px;padding-top:0;}
.hero-controls{align-items:flex-end;}
@media(max-width:700px){
  .hero-pagination{gap:10px;}
  .hero-page{width:58px;min-height:12px;}
}

/* Hero image 2: wider composition on desktop only; home hero size stays unchanged.
   The cleaning tools and the full interior are easier to see. */
@media (min-width: 981px) {
  #hero-slide-2 .hero-slide-media { background: #071f2c; }
  #hero-slide-2 .hero-slide-media .hero-scene {
    position: absolute;
    right: 0;
    top: -7%;
    width: 100%;
    height: 114%;
    object-fit: contain;
    object-position: right center;
    transform: none !important;
    animation: none !important;
    will-change: auto;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 26%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 26%);
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  #hero-slide-2 .hero-slide-media .hero-scene { top: 0; height: 100%; object-fit: cover; object-position: center; }
}