/* 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}}
.service-faq .faq-list{max-width:920px}.service-faq details{border-top:1px solid var(--line)}.service-faq details:last-child{border-bottom:1px solid var(--line)}.service-faq summary{cursor:pointer;list-style:none;font-size:1.12rem;font-weight:900;padding:23px 42px 23px 0;position:relative}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary:after{content:'+';position:absolute;right:8px;font-size:1.6rem;top:16px}.service-faq details[open] summary:after{content:'–'}.service-faq details p{color:var(--muted);margin:0 0 24px;max-width:800px}

/* Entrümpelung as the entry point, the experienced trade business as the reason to choose us. */
.home-page .hero h1{font-size:clamp(2.5rem,5.6vw,5.3rem);max-width:1050px;overflow-wrap:normal}
.home-page .hero-copy{max-width:730px}
.service-navigation{display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(5vw,24px);background:var(--ink);color:#fff;gap:1px}
.service-navigation a{padding:22px 14px;text-align:center;font-size:1rem;font-weight:800;border-bottom:3px solid var(--yellow)}
.service-navigation a:hover{background:var(--coal);color:var(--yellow)}
.footer-services{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px 26px}
.footer-services h3{flex-basis:100%;margin-bottom:0}
a:focus-visible,button:focus-visible{outline:3px solid #b28200;outline-offset:4px}
.landing-benefits .check-list a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.home-page .premium-intro>div{grid-row:1}.service-navigation{grid-template-columns:1fr 1fr}.home-page .hero{padding-top:65px;padding-bottom:175px}}
@media(max-width:600px){.home-page .hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.1;letter-spacing:-.035em}.home-page .hero{min-height:790px;padding-top:45px;padding-bottom:195px}.service-navigation{padding:0 12px}.service-navigation a{padding:16px 8px;font-size:.9rem}.home-page .kicker{font-size:.875rem;letter-spacing:.08em}.footer-services{display:block}.footer-services a{padding:5px 0}}

/* Broad company positioning on the home page; specialist landing pages retain their focus. */
.home-page .hero{background:linear-gradient(90deg,#0b0e10f7 0%,#0b0e10e0 48%,#0b0e1060 100%),url('assets/referenz-montageeinsatz.webp') center/cover}
.home-page .service-navigation{grid-template-columns:repeat(3,1fr)}
@media(max-width:600px){.home-page .service-navigation{grid-template-columns:1fr 1fr}}

.direct-email{color:#edf0ef;font-size:1rem;margin:20px 0 0}.direct-email a{font-weight:700;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

.home-page .hero h1{font-size:clamp(2rem,4.7vw,4.6rem);line-height:1.08;max-width:1100px}
.hero-services{font-size:clamp(1.05rem,2vw,1.45rem);font-weight:800;line-height:1.7;color:#fff;max-width:900px;margin:22px 0}
.hero-services a:hover{text-decoration:underline;text-underline-offset:5px}
.home-page .hero-copy{font-size:1.08rem;max-width:760px}
@media(max-width:600px){.home-page .hero h1{font-size:clamp(1.65rem,6.7vw,2.5rem)}.home-page .hero{padding-top:36px;padding-bottom:185px}.hero-services{font-size:1.05rem;line-height:1.65}.home-page .hero-copy{font-size:1rem}}

.service-decision .service-card h3{margin:0 0 16px}.service-decision .service-card{min-height:230px}
.service-contact-note{font-size:1rem!important}.service-contact-note a{text-decoration:underline;text-underline-offset:4px}
.service-enquiry{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;background:var(--soft)}
.service-enquiry h2{font-size:clamp(1.8rem,3vw,2.6rem)}.service-enquiry a{overflow-wrap:anywhere}
.service-related{display:flex;flex-wrap:wrap;gap:20px 32px;padding-top:45px;padding-bottom:45px}.service-related h2{width:100%;font-size:1.8rem;margin:0}
@media(max-width:900px){.service-enquiry{grid-template-columns:1fr;gap:22px}}

/* Project reports pair existing evidence with a clear scope. */
.wa-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 20px;background:#087f48;color:#fff!important;border:2px solid #087f48;border-radius:6px;font-size:1rem;font-weight:800;line-height:1.4;text-decoration:none!important;text-align:center;max-width:100%;vertical-align:middle}
.wa-button::before{content:"";display:inline-block;flex:0 0 23px;width:23px;height:23px;background:currentColor;-webkit-mask:url('assets/whatsapp.svg') center/contain no-repeat;mask:url('assets/whatsapp.svg') center/contain no-repeat}
.wa-button:hover{background:#066438;border-color:#066438;color:#fff!important}
.wa-button:focus-visible{outline:3px solid #e6b800;outline-offset:4px}
.direct-email .wa-button{margin-bottom:14px}
.mobile-contact{display:none}
@media(max-width:600px){
  body:has(.mobile-contact){padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .mobile-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -3px 18px #0002;z-index:40}
  .mobile-contact a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 8px;border-radius:6px;font-size:1rem;font-weight:800;line-height:1.4;text-align:center}
  .mobile-contact a[href^="tel:"]{background:var(--yellow);color:var(--ink)}
  .mobile-contact .wa-button{margin:0}
  .direct-email .wa-button{width:100%}
}

.project-report{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin:0 0 28px;background:var(--soft);overflow:hidden}
.project-report>img{display:block;width:100%;height:100%;max-height:520px;object-fit:contain;background:#e9ebec}
.project-report-copy{padding:clamp(24px,4vw,48px);align-self:center}
.project-report h3{font-size:clamp(1.35rem,2.4vw,1.8rem);line-height:1.2;margin:0 0 20px}
.project-report h4{font-size:1rem;margin:24px 0 10px}
.project-report p{font-size:1rem;line-height:1.65}
.project-report .text-link{display:inline-block;margin-top:12px}
@media(max-width:700px){.project-report{grid-template-columns:1fr}.project-report>img{height:340px}.project-report-copy{padding:24px}}

/* Authentic owner portrait on the company page. */
.owner-profile{grid-template-columns:minmax(0,1fr) minmax(340px,.78fr);align-items:start}
.owner-profile>div>p:not(.kicker){font-size:1.05rem;color:var(--muted)}
.owner-portrait{position:relative;margin:0;background:var(--ink);overflow:hidden;box-shadow:0 20px 45px #1112}
.owner-portrait:after{content:"";position:absolute;inset:16px;border:1px solid #f6c845aa;pointer-events:none}
.owner-portrait img{display:block;width:100%;height:auto;aspect-ratio:1114/1536;object-fit:cover}
.owner-portrait figcaption{position:absolute;left:0;right:0;bottom:0;padding:58px 30px 27px;color:#fff;background:linear-gradient(transparent,#080a0bee)}
.owner-portrait strong,.owner-portrait span{display:block}
.owner-portrait strong{font-size:1.35rem;line-height:1.2}
.owner-portrait span{color:#e5e8e7;font-size:.95rem}
.qualification-section{max-width:none}
.qualification-section>div{max-width:var(--max);margin:auto}
.qualification-section h2{max-width:760px}
.qualification-section .timeline{max-width:930px;margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:8px 52px}
.qualification-section .timeline article{margin-bottom:24px}
@media(max-width:900px){.owner-profile{grid-template-columns:1fr}.owner-portrait{max-width:620px}.qualification-section .timeline{grid-template-columns:1fr}}
@media(max-width:600px){.owner-portrait figcaption{padding:50px 22px 22px}.owner-portrait:after{inset:10px}}