/* MODULARWERT · Conversion V7.2 Layoutfix · 22.10.2026
   Nur neue Klassen und explizit mobile Shell. Kein Eingriff in PHP-Formulare,
   Backend, CRM, Tracking oder bestehende Herstellerbilder/Logos. */
:root{--mw-v7-ink:#161d19;--mw-v7-muted:#4f5a53;--mw-v7-red:#c91e2b;--mw-v7-paper:#faf8f3}
.mw-home .mw-v7-hero{background:var(--mw-v7-paper);color:var(--mw-v7-ink)}
.mw-home .mw-v7-hero-inner{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;min-width:0}
.mw-home .mw-v7-hero-copy{padding:clamp(32px,3.6vw,64px) clamp(22px,2.8vw,46px) clamp(32px,3.6vw,64px) clamp(26px,3.5vw,60px);display:flex;flex-direction:column;justify-content:center;min-width:0;overflow-wrap:break-word}
.mw-home .mw-v7-eyebrow{font-size:.78rem;font-weight:850;color:var(--mw-v7-red);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
.mw-home .mw-v7-hero h1{font-size:clamp(2.5rem,3.05vw,3.55rem);line-height:1.095;letter-spacing:-.025em;font-weight:830;color:var(--mw-v7-ink);margin:8px 0 0;max-width:100%;text-shadow:none;overflow-wrap:break-word;hyphens:auto}
.mw-home .mw-v7-lead{font-size:clamp(1.03rem,1.3vw,1.24rem);line-height:1.55;color:var(--mw-v7-muted);margin:21px 0 0;max-width:52ch}
.mw-home .mw-v7-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:25px}
.mw-home .mw-v7-primary{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:14px 23px;font-size:1rem;line-height:1.3;font-weight:800;box-shadow:0 12px 26px rgba(201,30,43,.17);text-align:center}
.mw-home .mw-v7-secondary-link{color:var(--mw-v7-ink);font-weight:800;font-size:.94rem;text-underline-offset:4px;text-decoration:underline}
.mw-home .mw-v7-secondary-link:hover{color:var(--mw-v7-red)}
.mw-home .mw-v7-confidence{margin:15px 0 0;color:#526159;font-size:.78rem;font-weight:700;line-height:1.45}
.mw-home .mw-v7-personal{display:flex;gap:10px;align-items:center;margin-top:21px;color:#415148;font-size:.82rem;line-height:1.4;max-width:49ch}
.mw-home .mw-v7-personal-dot{flex:none;width:9px;height:9px;background:#298364;border-radius:50%;box-shadow:0 0 0 4px #e0eee6}
.mw-home .mw-v7-hero-visual{position:relative;min-height:0;aspect-ratio:1400/827;background:#e5e9e6;overflow:hidden;align-self:center}
.mw-home .mw-v7-hero-visual>a{position:absolute;inset:0;display:block}.mw-home .mw-v7-hero-visual picture{display:block;width:100%;height:100%}
.mw-home .mw-v7-hero-visual img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center}
.mw-home .mw-v7-visual-label{position:absolute;right:18px;bottom:16px;background:rgba(11,17,14,.71);color:white;border:1px solid rgba(255,255,255,.25);font-size:.7rem;font-weight:700;padding:7px 11px;border-radius:6px;pointer-events:none}
.mw-home .mw-v7-paths{background:#fff;border-top:1px solid #e2e6e0;border-bottom:1px solid #e2e6e0}
.mw-home .mw-v7-paths-inner{max-width:1240px;margin:auto;display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding:16px 22px}
.mw-home .mw-v7-path-question{font-weight:850;color:#202a24;font-size:.9rem;margin-right:10px}
.mw-home .mw-v7-paths a{display:inline-flex;align-items:center;gap:9px;padding:11px 14px;background:#f4f5f1;border:1px solid #dce2db;border-radius:999px;color:#1e2b22;font-weight:750;font-size:.85rem;line-height:1.2;text-decoration:none;transition:background .18s,border-color .18s}
.mw-home .mw-v7-paths a:hover{background:#ffeff0;border-color:#e7b5b9}
.mw-home .mw-v7-brochure-strip{background:#f0f1ed;color:#1a251f;border-block:1px solid #dce0da}
.mw-home .mw-v7-brochure-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:32px}
.mw-home .mw-v7-strip-kicker{color:#a61d29;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:850}
.mw-home .mw-v7-brochure-copy h2{font-size:clamp(1.6rem,2.5vw,2.5rem);line-height:1.15;letter-spacing:-.035em;margin-top:8px;color:#1a251f}
.mw-home .mw-v7-brochure-copy>p:last-child{color:#46534a;line-height:1.55;margin-top:10px;max-width:67ch}
.mw-home .mw-v7-brochure-cta{flex:none;white-space:normal;text-align:center;min-height:48px}
.mw-home .mw-v7-brochure-cta:hover{filter:brightness(1.08)}
.mw-home .mw-v7-paths a:focus-visible,.mw-home .mw-v7-secondary-link:focus-visible,.mw-home .mw-v7-hero-visual>a:focus-visible,.mw-mobile-contactbar a:focus-visible{outline:3px solid #de2e39;outline-offset:3px}
@media(max-width:1050px){
 .mw-home .mw-v7-hero-inner{grid-template-columns:1fr 1fr}
 .mw-home .mw-v7-hero-copy{padding:35px 25px}
 .mw-home .mw-v7-hero h1{font-size:clamp(2.15rem,3.4vw,3rem)}
 .mw-home .mw-v7-hero-visual,.mw-home .mw-v7-hero-visual img{min-height:0}
}
@media(max-width:800px){
 .mw-home .mw-v7-hero-inner{display:flex;flex-direction:column}
 .mw-home .mw-v7-hero-visual{order:-1;min-height:0;height:clamp(165px,38vw,240px);aspect-ratio:auto;width:100%;align-self:stretch}
 .mw-home .mw-v7-hero-visual img{min-height:0;height:100%;object-position:center 55%}
 .mw-home .mw-v7-hero-copy{padding:24px max(18px,4.5vw) 23px}
 .mw-home .mw-v7-hero h1{font-size:clamp(2.05rem,6vw,3rem);line-height:1.06;letter-spacing:-.043em;max-width:27ch}
 .mw-home .mw-v7-lead{font-size:1rem;margin-top:12px;line-height:1.45}
 .mw-home .mw-v7-actions{margin-top:18px;gap:10px;align-items:stretch}
 .mw-home .mw-v7-primary{width:100%;min-height:50px}
 .mw-home .mw-v7-secondary-link{align-self:center;font-size:.9rem;padding:7px}
 .mw-home .mw-v7-confidence{font-size:.76rem;margin-top:8px;text-align:center}
 .mw-home .mw-v7-personal{margin-top:14px;font-size:.76rem}
 .mw-home .mw-v7-paths-inner{padding:18px;gap:8px}
 .mw-home .mw-v7-path-question{width:100%}
 .mw-home .mw-v7-paths a{flex:1 1 auto;justify-content:center;border-radius:13px;padding:10px}
 .mw-home .mw-v7-brochure-inner{display:block;padding-block:26px}
 .mw-home .mw-v7-brochure-cta{display:flex;margin-top:18px;width:100%;justify-content:center}
 /* Nur EIN festes Mobillayout, auf ALLEN Unterseiten */
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px))}
 .mw-mobile-contactbar{position:fixed!important;inset:auto 0 0!important;left:0!important;right:0!important;bottom:0!important;z-index:9997!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;align-items:stretch!important;gap:6px!important;padding:8px max(9px,env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(9px,env(safe-area-inset-left, 0px))!important;background:#fff!important;border-top:1px solid #dde2dc!important;box-shadow:0 -8px 26px rgba(16,24,18,.12)!important;transform:none!important}
 .mw-mobile-contactbar>a{min-width:0!important;min-height:50px!important;padding:7px 4px!important;margin:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:2px!important;border-radius:10px!important;line-height:1.2!important;font-size:.76rem!important;text-align:center!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
 .mw-mobile-contactbar>a>span:first-child{font-size:1.15rem;line-height:1.1}
 .mw-mobile-contactbar .mw-v7-quickcheck{background:#c91e2b!important;color:#fff!important}
 .mw-mobile-contactbar .mw-v7-quickbrochures,.mw-mobile-contactbar .mw-v7-quickcall{background:#f0f2ee!important;color:#1b2720!important;border:1px solid #e0e4df!important}
 .mw-brochure-fab{display:none!important}
 .mobile-nav .mw-v7-mobile-nav-highlight{color:#b31927!important}
}
@media(max-width:380px){
 .mw-home .mw-v7-hero-visual{height:160px}
 .mw-home .mw-v7-hero-copy{padding:17px 15px 20px}
 .mw-home .mw-v7-hero h1{font-size:1.9rem}
 .mw-home .mw-v7-lead{font-size:.93rem}
 .mw-home .mw-v7-personal{font-size:.73rem}
 .mw-mobile-contactbar>a{font-size:.70rem!important}
}
@media(min-width:801px){.mw-mobile-contactbar{display:none!important}}
@media(prefers-reduced-motion:reduce){.mw-home .mw-v7-paths a{transition:none}}

/* V7.2: long-word safe in all desktop widths; fixed image aspect avoids copy-driven crop */
.mw-home .mw-v7-hero h1{min-width:0}
@media(min-width:801px){.mw-home .mw-v7-hero-visual{width:100%}}

@media(min-width:1250px){.mw-home .mw-v7-hero-copy{padding-left:clamp(26px,calc((100vw - 1240px) / 2),130px)}}


/* MW V7.3 – mobile-first image and typography, safe navigation and readable cards.
   Non-destructive: no change to desktop hero, PHP routing, form fields or tracking. */
.mw-home .mw-v73-mobile-promise{display:none}
@media (max-width:800px){
  /* DISPLAY THE COMPLETE MANUFACTURER VISUALIZATION – NEVER CROP THE HOUSE. */
  .mw-home .mw-v7-hero-visual{
    order:-1!important;position:relative!important;display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;
    aspect-ratio:1400 / 827!important;overflow:hidden!important;
    background:#e9ede8!important;
  }
  .mw-home .mw-v7-hero-visual>a,
  .mw-home .mw-v7-hero-visual picture{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:auto!important}
  .mw-home .mw-v7-hero-visual img{
    display:block!important;width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;
    aspect-ratio:1400 / 827!important;object-fit:contain!important;
    object-position:center center!important;transform:none!important;
  }
  .mw-home .mw-v7-visual-label{left:12px!important;right:auto!important;bottom:10px!important;font-size:.59rem!important;padding:5px 8px!important;border-radius:5px!important;background:rgba(12,28,20,.76)!important}
  .mw-home .mw-v7-hero-copy{width:100%!important;max-width:100%!important;padding:23px clamp(18px,5vw,30px) 25px!important}
  .mw-home .mw-v7-eyebrow{font-size:.70rem!important;margin:0 0 9px!important;letter-spacing:.10em!important;line-height:1.4!important}
  .mw-home .mw-v73-mobile-promise{display:block;margin:0 0 11px!important;font-size:clamp(1.95rem,7.9vw,2.5rem)!important;font-weight:850!important;line-height:1.055!important;letter-spacing:-.037em!important;color:#15221a!important;text-wrap:balance}
  .mw-home .mw-v73-mobile-promise span{color:#c91e2b!important}
  .mw-home .mw-v7-hero h1{font-size:clamp(1.03rem,3.7vw,1.23rem)!important;line-height:1.27!important;letter-spacing:-.012em!important;color:#42554a!important;font-weight:750!important;margin:0!important;max-width:100%!important;hyphens:none!important;text-wrap:pretty!important}
  .mw-home .mw-v7-lead{font-size:clamp(.89rem,3.4vw,1rem)!important;line-height:1.47!important;margin-top:13px!important;color:#48554b!important;max-width:52ch!important}
  .mw-home .mw-v7-actions{margin-top:18px!important;gap:7px!important}
  .mw-home .mw-v7-primary{width:100%!important;min-height:54px!important;padding:12px 14px!important;border-radius:14px!important;font-size:clamp(.91rem,3.5vw,1rem)!important;letter-spacing:0!important}
  .mw-home .mw-v7-secondary-link{padding:6px!important;text-align:center!important;font-size:.83rem!important}
  .mw-home .mw-v7-confidence{margin-top:8px!important;line-height:1.45!important;font-size:.72rem!important}
  .mw-home .mw-v7-personal{margin-top:12px!important;font-size:.72rem!important}
  .mw-home .mw-v7-paths-inner{padding-block:18px!important}
  /* Keep the entire mobile navigation reachable, even on short screens. */
  .site-header .mobile-nav.open{
    max-height:calc(100dvh - 74px - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;padding-bottom:26px!important;
  }
  body.nav-open .mw-mobile-contactbar{display:none!important}
  /* A card expands when its text needs more lines; no clipped bottom lines. */
  .intent-grid .intent-card{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;height:auto!important;min-height:460px!important;}
  .intent-grid .intent-card-content{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;inset:auto!important;width:100%!important;margin-top:auto!important;max-width:100%!important;flex:none!important;}
  .intent-grid .intent-card .btn{white-space:normal!important;min-height:46px!important}
}
@media(max-width:380px){
 .mw-home .mw-v7-hero-copy{padding:19px 16px 23px!important}
 .mw-home .mw-v73-mobile-promise{font-size:clamp(1.9rem,8vw,2.13rem)!important}
 .mw-home .mw-v7-lead{font-size:.90rem!important}
 .mw-home .mw-v7-visual-label{font-size:.56rem!important}
 .intent-grid .intent-card{min-height:495px!important}
 .intent-grid .intent-card-content{padding:22px 18px!important}
 .intent-grid .intent-card .mini-list{margin-bottom:12px!important}
 .mw-mobile-contactbar>a{font-size:.70rem!important}
}
@media(max-width:560px){
 .site-header .mobile-nav.open{max-height:calc(100dvh - 68px - env(safe-area-inset-bottom,0px))!important}
}
/* Prioritise the meaningful action while small screens still show the entire house. */
@media(max-width:800px){
 .mw-home .mw-v7-eyebrow{order:1}
 .mw-home .mw-v73-mobile-promise{order:2}
 .mw-home .mw-v7-actions{order:3;margin-top:9px!important}
 .mw-home .mw-v7-hero h1{order:4;margin-top:17px!important}
 .mw-home .mw-v7-lead{order:5}
 .mw-home .mw-v7-confidence{order:6}
 .mw-home .mw-v7-personal{order:7}
}