/* Premium presentation for the AK Raumwerker home page */
.hero{background:linear-gradient(90deg,#0b0e10f7 0%,#0b0e10df 44%,#0b0e1042 76%),url('assets/ak-raumwerker-entruempelung.png') center/cover}
.clearance-hero{background:linear-gradient(95deg,#0b0e10fa 0%,#0b0e10e6 48%,#0b0e1050 78%),url('assets/werbebild-entruempelung.webp') center/cover}
.page-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10df 58%,#0b0e1066),url('assets/ak-raumwerker-gewerbeaufloesung.png') center/cover;min-height:390px;display:flex;align-items:center}
.page-hero.trennwand-hero{background:linear-gradient(90deg,#0b0e10f7,#0b0e10d8 54%,#0b0e1044),url('assets/referenz-weisse-premiumanlage.webp') center 48%/cover}
.page-hero.services-hero{background:linear-gradient(90deg,#0b0e10f8,#0b0e10df 58%,#0b0e1055),url('assets/referenz-montageeinsatz.webp') center 46%/cover}
.page-hero.partner-hero{background:linear-gradient(90deg,#0b0e10f8,#0b0e10df 58%,#0b0e1050),url('assets/referenz-schliessfachanlage.webp') center 42%/cover}
.page-hero.rueckbau-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10e4 58%,#0b0e1058),url('assets/werbebild-entkernung-rueckbau.webp') center/cover}
.page-hero.reinigung-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10df 58%,#0b0e1058),url('assets/reinigung-nachher.webp') center 70%/cover}
.page-hero.montage-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10df 58%,#0b0e1058),url('assets/referenz-montageeinsatz.webp') center 45%/cover}
.page-hero.about-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10df 58%,#0b0e1058),url('assets/referenz-team-ak-raumwerker.webp') center 42%/cover}
.page-hero.projects-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10df 58%,#0b0e1058),url('assets/referenz-premium-trennwand.webp') center 48%/cover}
.page-hero.contact-hero{background:linear-gradient(90deg,#0b0e10fa,#0b0e10ed 64%,#0b0e1060),url('assets/referenz-schliessfachanlage.webp') center 42%/cover}
.page-hero.legal-hero{background:#202426;min-height:280px}
.partner-grid .service-card{min-height:245px}
.service-card,.project-card,.contact-card{box-shadow:0 10px 30px #1110;transition:transform .25s ease,box-shadow .25s ease}
.service-card:hover,.project-card:hover,.contact-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px #1112}
.hero-note{margin-top:18px;color:#dce1df;font-size:.92rem;font-weight:700}
.premium-intro{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.image-frame{margin:0;position:relative;overflow:hidden;min-height:540px;background:var(--ink)}
.image-frame:after{content:'';position:absolute;inset:18px;border:1px solid #f6c845aa;pointer-events:none}
.image-frame img{width:100%;height:540px;object-fit:cover;display:block}
.premium-intro>div>p:not(.kicker){font-size:1.08rem;color:var(--muted)}
.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0}
.promise-grid span{padding:12px 14px;background:var(--soft);border-left:4px solid var(--yellow);font-weight:850;font-size:.92rem}
.showcase{display:grid;grid-template-columns:.92fr 1.08fr;background:var(--ink);color:#fff;align-items:stretch}
.showcase-copy{padding:90px max(6vw,32px)}
.showcase-copy h2{font-size:clamp(2.4rem,4.7vw,4.4rem);line-height:1.04;letter-spacing:-.04em;margin:0 0 24px}
.showcase-copy>p{color:#d4dad7;max-width:660px;font-size:1.08rem}
.showcase figure{margin:0;min-height:680px}
.showcase figure img{width:100%;height:100%;min-height:680px;object-fit:cover;display:block}
.showcase-list{list-style:none;padding:0;margin:28px 0 34px}
.showcase-list li{padding:12px 0;border-bottom:1px solid #ffffff21;font-weight:800}
.showcase-list li:before{content:'✓';color:var(--yellow);margin-right:12px}
.media-section{max-width:none;background:#eef0ed}
.media-section>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.visual-grid figure{margin:0;background:#fff;overflow:hidden}
.visual-grid img{width:100%;height:245px;display:block;object-fit:cover;transition:transform .35s ease}
.visual-grid figure:hover img{transform:scale(1.025)}
.visual-grid figcaption{padding:16px 18px;font-weight:900;border-bottom:4px solid var(--yellow)}
.real-projects{max-width:none;background:#eef0ed}
.real-projects>*{max-width:var(--max);margin-left:auto;margin-right:auto}
.reference-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reference-gallery figure{position:relative;margin:0;min-height:440px;overflow:hidden;background:#111}
.reference-gallery img{width:100%;height:100%;min-height:440px;display:block;object-fit:cover;transition:transform .4s ease}
.reference-gallery figure:hover img{transform:scale(1.025)}
.reference-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:48px 22px 20px;color:#fff;background:linear-gradient(transparent,#080a0bea)}
.reference-gallery strong,.reference-gallery span{display:block}
.reference-gallery strong{font-size:1.12rem}
.reference-gallery span{color:#e5e8e7;font-size:.9rem}
.reference-gallery .reference-wide{grid-column:span 2}
.reference-gallery .reference-wide img{object-position:center 38%}
.button{transition:transform .2s ease,box-shadow .2s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0002}
@media(max-width:900px){.premium-intro,.showcase{grid-template-columns:1fr}.showcase figure,.showcase figure img{min-height:440px}.visual-grid,.reference-gallery{grid-template-columns:1fr 1fr}.visual-grid figure:last-child{grid-column:1/-1}}
@media(max-width:600px){.hero{background-position:64% center}.premium-intro{gap:36px}.image-frame,.image-frame img{min-height:360px;height:360px}.promise-grid,.visual-grid,.reference-gallery{grid-template-columns:1fr}.visual-grid figure:last-child,.reference-gallery .reference-wide{grid-column:auto}.showcase-copy{padding:64px 22px}.showcase figure,.showcase figure img{min-height:320px}.visual-grid img{height:220px}.reference-gallery figure,.reference-gallery img{min-height:390px}}
