.rw{--ink:#1B1D1F;--ink-2:#41464A;--ink-3:#767C80;--paper:#FFFFFF;--stone:#F3F3F1;--stone-2:#E6E7E3;--line:#D3D6D1;--dark:#1B1D1F;--dark-2:#25292B;--on-dark:#F2F3F1;--on-dark-2:#A7ADB0;--hair:#3A3F42;
 width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-block:0;overflow-x:clip;background:var(--paper);color:var(--ink);
 font-family:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.rw *{box-sizing:border-box;}
.rw p,.rw h1,.rw h2,.rw h3,.rw h4,.rw ul,.rw ol,.rw figure{margin:0;}
.rw h1,.rw h2,.rw h3,.rw h4{color:inherit;font-family:inherit;}
.rw ul{list-style:none;padding:0;}
.rw a{color:inherit;text-decoration:none;}
.rw img{display:block;max-width:100%;height:auto;}
.rw .wrap{max-width:1360px;margin:0 auto;padding-inline:clamp(16px,4vw,48px);}
.rw .eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);}
.rw h2{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:400;letter-spacing:-.01em;line-height:1.15;}
.rw h3{font-size:1.15rem;font-weight:600;letter-spacing:.01em;}

/* Kopfbereich */
.rw.rw-head{position:sticky;top:calc(-1 * var(--rw-topbar-h,37px));z-index:50;overflow:visible;}
body.admin-bar .rw.rw-head{top:calc(32px - var(--rw-topbar-h,37px));}
@media (max-width:782px){body.admin-bar .rw.rw-head{top:calc(46px - var(--rw-topbar-h,37px));}}
.rw .topbar{background:var(--dark);color:var(--on-dark-2);font-size:.78rem;letter-spacing:.06em;}
.rw .topbar-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 28px;padding-block:9px;}
.rw .topbar ul{display:flex;flex-wrap:wrap;gap:6px 26px;}
.rw .topbar li{display:flex;align-items:center;gap:8px;}
.rw .topbar svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;stroke-width:1.3;}
.rw .topbar a{border-bottom:1px solid transparent;padding-bottom:2px;transition:color .2s ease,border-color .2s ease;}
.rw .topbar a:hover{color:var(--on-dark);border-bottom-color:var(--on-dark);}
.rw .topbar .claim{color:#6E7578;letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;}
.rw .top{border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:saturate(140%) blur(6px);position:relative;z-index:40;transition:box-shadow .25s ease,border-color .25s ease;}
.rw .top.is-stuck{box-shadow:0 10px 30px -22px rgba(0,0,0,.55);border-bottom-color:var(--stone-2);}
.rw .top-in{display:flex;align-items:center;gap:32px;justify-content:space-between;padding-block:18px;flex-wrap:wrap;transition:padding-block .25s ease;}
.rw .top.is-stuck .top-in{padding-block:12px;}
.rw .mark small{transition:opacity .25s ease,max-height .25s ease;max-height:20px;}
.rw .top.is-stuck .mark small{opacity:0;max-height:0;overflow:hidden;}
.rw .mark{line-height:1.05;}
.rw .mark b{font-size:1.5rem;font-weight:700;letter-spacing:.02em;}
.rw .mark b span{font-weight:300;letter-spacing:.16em;}
.rw .mark small{display:block;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin-top:5px;}
.rw nav ul{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:.86rem;letter-spacing:.04em;}
.rw nav a{position:relative;padding-block:6px;}
.rw nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.2,.7,.3,1);}
.rw nav a:hover::after,.rw nav a:focus-visible::after{transform:scaleX(1);}
.rw .top-cta{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;background:var(--dark);color:var(--on-dark);font-size:.82rem;letter-spacing:.04em;transition:background .25s ease,transform .25s ease;}
.rw .top-cta:hover{background:#000;transform:translateY(-1px);}
.rw .top-cta span{transition:transform .25s ease;}
.rw .top-cta:hover span{transform:translateX(4px);}


/* Burger und Klappmenü */
.rw .menu{display:flex;align-items:center;gap:28px;}
.rw .menu-contact{display:none;}
.rw .burger{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--line);padding:9px 14px;color:var(--ink);font:inherit;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color .2s ease,background .2s ease;}
.rw .burger:hover{border-color:var(--ink-3);}
.rw .burger .bars{display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:18px;height:12px;}
.rw .burger .bars i{display:block;height:1.5px;background:var(--ink);transition:transform .3s cubic-bezier(.2,.7,.3,1),opacity .2s ease;}
.rw .burger[aria-expanded="true"] .bars i:nth-child(1){transform:translateY(5.5px) rotate(45deg);}
.rw .burger[aria-expanded="true"] .bars i:nth-child(2){opacity:0;}
.rw .burger[aria-expanded="true"] .bars i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg);}

@media (max-width:900px){
  .rw .top-in{flex-wrap:wrap;gap:16px;padding-block:14px;}
  .rw .burger{display:inline-flex;}
  .rw .menu{order:3;width:100%;max-height:0;overflow:hidden;flex-direction:column;align-items:stretch;gap:0;
    transition:max-height .38s cubic-bezier(.3,.7,.3,1);}
  .rw .menu.is-open{max-height:min(74vh,620px);overflow:auto;}
  .rw .menu nav{border-top:1px solid var(--line);margin-top:6px;}
  .rw .menu nav ul{flex-direction:column;gap:0;}
  .rw .menu nav li{border-bottom:1px solid var(--line);}
  .rw .menu nav a{display:block;padding:15px 2px;font-size:1rem;}
  .rw .menu nav a::after{display:none;}
  .rw .menu .top-cta{justify-content:center;margin:18px 0 6px;padding-block:15px;}
  .rw .menu-contact{display:flex;flex-direction:column;gap:8px;padding:10px 2px 16px;font-size:.9rem;color:var(--ink-2);}
}

/* Einstieg */
.rw .hero{display:grid;grid-template-columns:minmax(400px,1fr) 1.35fr minmax(190px,.42fr);background:var(--dark);color:var(--on-dark);}
.rw .hero-text{padding:clamp(28px,4vw,56px);padding-left:max(clamp(16px,4vw,48px),calc((100vw - 1360px)/2));padding-right:clamp(28px,3vw,48px);display:flex;flex-direction:column;justify-content:center;gap:22px;}
.rw .hero-text .kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-2);}
.rw .hero-text h1{font-size:clamp(2.4rem,5.4vw,4.2rem);font-weight:300;line-height:1.02;letter-spacing:.01em;margin:0;}
.rw .hero-text h1 b{display:block;font-weight:600;}
.rw .rule{width:64px;height:1px;background:var(--hair);}
.rw .hero-text p{color:var(--on-dark-2);max-width:34ch;}
.rw .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px;}
.rw .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;font-size:.9rem;letter-spacing:.02em;border:1px solid var(--on-dark);transition:background .3s ease,color .3s ease,transform .3s ease;}
.rw .btn b{font-weight:400;transition:transform .3s cubic-bezier(.2,.7,.3,1);}
.rw .btn:hover b{transform:translateX(5px);}
.rw .btn.solid{background:var(--on-dark);color:var(--dark);}
.rw .btn.solid:hover{background:transparent;color:var(--on-dark);}
.rw .btn.ghost:hover{background:var(--on-dark);color:var(--dark);}
.rw .hero-img{position:relative;min-height:440px;}
.rw .hero-side{background:var(--dark-2);padding:clamp(20px,2vw,28px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;border-left:1px solid var(--hair);}
.rw .hero-side .steps{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-dark-2);line-height:2.1;}
.rw .hero-side svg{width:100%;height:auto;}
.rw .strip{background:var(--dark);color:var(--on-dark-2);border-top:1px solid var(--hair);}
.rw .strip ul{display:flex;flex-wrap:wrap;gap:10px 34px;padding-block:14px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;}

/* Platzhalter */
.rw .ph{background:repeating-linear-gradient(45deg,var(--stone-2),var(--stone-2) 10px,var(--stone) 10px,var(--stone) 20px);
 border:1px dashed var(--ink-3);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;min-height:180px;}
.rw .ph span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);max-width:26ch;line-height:1.8;}
.rw .hero-img .ph{height:100%;border:none;border-left:1px solid var(--hair);border-right:1px solid var(--hair);}

/* Leistungen */
.rw section{padding-block:clamp(48px,7vw,96px);}
.rw .sec-title{display:flex;flex-direction:column;gap:12px;margin-bottom:36px;max-width:60ch;}
.rw .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.rw .card{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;transition:border-color .35s ease,transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease;}
.rw .card:hover{border-color:var(--ink-3);transform:translateY(-4px);box-shadow:0 26px 50px -38px rgba(0,0,0,.6);}
.rw .card .ph{min-height:200px;border:none;border-bottom:1px solid var(--line);overflow:hidden;transition:background-position .6s ease;}
.rw .card:hover .ph{background-position:22px 0;}
.rw .card-body{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;}
.rw .card-body p{color:var(--ink-2);font-size:.95rem;}
.rw .more{position:relative;margin-top:auto;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;align-self:flex-start;padding-bottom:4px;}
.rw .more::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--ink);transform-origin:right;transform:scaleX(1);transition:transform .32s cubic-bezier(.2,.7,.3,1);}
.rw .card:hover .more::after,.rw .more:hover::after,.rw .more:focus-visible::after{transform-origin:left;animation:rw-sweep .5s cubic-bezier(.2,.7,.3,1);}
@keyframes rw-sweep{0%{transform:scaleX(1);transform-origin:right}49%{transform:scaleX(0);transform-origin:right}50%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}

/* Unternehmen */
.rw .company{background:var(--stone);}
.rw .company-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;}
.rw .company h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:400;}
.rw .company p{color:var(--ink-2);margin-top:16px;}
.rw .docs{border-left:1px solid var(--line);padding-left:clamp(20px,2.5vw,32px);}
.rw .docs li{padding-block:9px;border-bottom:1px solid var(--line);font-size:.92rem;display:flex;gap:12px;}
.rw .docs li::before{content:"—";color:var(--ink-3);}
.rw .docs li:last-child{border-bottom:none;}
.rw .note{font-size:.82rem;color:var(--ink-3);margin-top:14px;max-width:44ch;}

/* Projekte + Prozess */
.rw .proj-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-bottom:28px;}
.rw .proj-grid{display:grid;grid-template-columns:2fr 1fr;gap:clamp(24px,4vw,56px);align-items:start;}
.rw .proj-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.rw .proj-list .ph{min-height:170px;}
.rw .proj-list h4{font-size:.95rem;font-weight:600;margin-top:12px;}
.rw .proj-list p{font-size:.85rem;color:var(--ink-3);}
.rw .process{border-left:1px solid var(--line);padding-left:clamp(20px,2.5vw,32px);display:flex;flex-direction:column;gap:20px;}
.rw .step{display:grid;grid-template-columns:2.2rem 1fr;gap:4px 14px;}
.rw .step b{font-size:.78rem;letter-spacing:.12em;color:var(--ink-3);font-weight:400;padding-top:3px;}
.rw .step strong{font-size:1rem;}
.rw .step p{grid-column:2;font-size:.88rem;color:var(--ink-2);}

/* MAD */
.rw .mad{background:var(--dark-2);color:var(--on-dark);}
.rw .mad-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);align-items:center;}
.rw .mad h2{font-weight:300;}
.rw .mad p{color:var(--on-dark-2);margin-top:16px;max-width:52ch;}
.rw .mad .btn{margin-top:24px;}
.rw .mad .ph{background:repeating-linear-gradient(45deg,#2E3336,#2E3336 10px,#262B2E 10px,#262B2E 20px);border-color:var(--hair);}
.rw .mad .ph span{color:var(--on-dark-2);}

/* Anfrage */
.rw .ask-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(24px,4vw,56px);}
.rw .form{border:1px solid var(--line);padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--stone);}
.rw .field{display:flex;flex-direction:column;gap:6px;}
.rw .field.full{grid-column:1/-1;}
.rw .field label{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}
.rw .field .box{border:1px solid var(--line);background:var(--paper);height:42px;}
.rw .field .box.tall{height:110px;}
.rw .form .hint{grid-column:1/-1;font-size:.8rem;color:var(--ink-3);}
.rw .contact li{padding-block:12px;border-bottom:1px solid var(--line);}
.rw .contact li b{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:400;margin-bottom:3px;}

/* Footer */
.rw .foot{background:var(--dark);color:var(--on-dark-2);padding-block:44px;}
.rw .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;}
.rw .foot .mark b,.rw .foot .mark small{color:var(--on-dark);}
.rw .foot h4{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark);font-weight:400;margin-bottom:12px;}
.rw .foot li{padding-block:5px;font-size:.9rem;}
.rw .foot .legal{border-top:1px solid var(--hair);margin-top:32px;padding-top:18px;font-size:.78rem;display:flex;flex-wrap:wrap;gap:8px 24px;}

/* Bewegung: Einblenden beim Laden und beim Scrollen */
.rw-js .rw .reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1);}
.rw-js .rw .reveal.is-in{opacity:1;transform:none;}
.rw-js .rw .reveal.d1{transition-delay:.08s}
.rw-js .rw .reveal.d2{transition-delay:.16s}
.rw-js .rw .reveal.d3{transition-delay:.24s}
.rw-js .rw .reveal.d4{transition-delay:.32s}
.rw-js .rw .hero-img .ph{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.4,0,.1,1);}
.rw-js .rw .hero-img .ph.is-in{clip-path:inset(0 0 0 0);}
.rw-js .rw .draw path,.rw-js .rw .draw circle{stroke-dasharray:1;stroke-dashoffset:1;}
.rw-js .rw .draw.is-in path,.rw-js .rw .draw.is-in circle{animation:rw-draw 2.4s cubic-bezier(.3,.6,.2,1) forwards;}
.rw-js .rw .draw.is-in path:nth-child(2){animation-delay:.5s}
.rw-js .rw .draw.is-in path:nth-child(3){animation-delay:.9s}
.rw-js .rw .draw.is-in circle,.rw-js .rw .draw.is-in path:nth-child(4){animation-delay:1.2s}
@keyframes rw-draw{to{stroke-dashoffset:0}}
.rw .step strong{position:relative;}
.rw .step::before{content:"";position:absolute;left:0;width:1px;height:0;background:var(--line);}
.rw .contact li{transition:padding-left .3s ease;}
.rw .contact li:hover{padding-left:6px;}

@media (prefers-reduced-motion:reduce){
  .rw-js .rw .reveal{opacity:1;transform:none;transition:none;}
  .rw-js .rw .hero-img .ph{clip-path:none;transition:none;}
  .rw-js .rw .draw path,.rw-js .rw .draw circle{stroke-dasharray:none;stroke-dashoffset:0;animation:none;}
  .rw *{animation:none!important;}
}

@media (max-width:1080px){
  .rw .hero{grid-template-columns:1fr 1fr;}
  .rw .hero-text{padding-left:clamp(16px,4vw,48px);}
  .rw .hero-side{display:none;}
  .rw .cards,.rw .proj-list{grid-template-columns:1fr 1fr;}
  .rw .company-grid,.rw .proj-grid,.rw .mad-grid,.rw .ask-grid,.rw .foot-grid{grid-template-columns:1fr;}
  .rw .docs,.rw .process{border-left:none;padding-left:0;border-top:1px solid var(--line);padding-top:24px;}
}
@media (max-width:700px){
  .rw .topbar{font-size:.74rem;}
  .rw .topbar .claim{display:none;}
  .rw .topbar li:nth-child(3){display:none;}
  .rw .topbar ul{gap:4px 18px;}
  .rw .hero{grid-template-columns:1fr;}
  .rw .hero-img{min-height:260px;}
  .rw .cards,.rw .proj-list{grid-template-columns:1fr;}
  .rw .form{grid-template-columns:1fr;}
}

/* ===== 4M RaumWerk · Unterseiten und Navigation (Stand 0.3.0) ===== */

/* Hauptmenü mit Untermenü */
.rw nav li{position:relative;}
.rw nav .has-sub > a{display:inline-flex;align-items:center;gap:6px;}
.rw nav .has-sub > a .caret{width:9px;height:9px;flex:none;stroke:currentColor;fill:none;stroke-width:1.4;transition:transform .25s ease;}
.rw nav .has-sub:hover > a .caret,.rw nav .has-sub:focus-within > a .caret{transform:rotate(180deg);}
.rw nav ul.sub{display:block;position:absolute;top:calc(100% + 10px);left:-18px;min-width:250px;padding:10px 0;background:var(--paper);
  border:1px solid var(--line);box-shadow:0 24px 44px -30px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;z-index:60;}
.rw nav ul.sub::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;}
.rw nav .has-sub:hover > ul.sub,.rw nav .has-sub:focus-within > ul.sub{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease;}
.rw nav ul.sub li{display:block;}
.rw nav ul.sub a{display:block;padding:9px 20px;font-size:.86rem;letter-spacing:.02em;}
.rw nav ul.sub a::after{display:none;}
.rw nav ul.sub a:hover,.rw nav ul.sub a:focus-visible{background:var(--stone);}
.rw nav a.is-current::after{transform:scaleX(1);}
.rw nav ul.sub a.is-current{background:var(--stone);}

/* Menüpunkte einheitlich ausrichten (Leistungen mit Pfeil saß tiefer) */
.rw nav > ul{align-items:center;}
.rw nav > ul > li > a{display:inline-flex;align-items:center;gap:6px;line-height:1.2;padding-block:6px;}

/* Seiteneinstieg der Unterseiten */
.rw .phero{background:var(--dark);color:var(--on-dark);}
.rw .phero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:360px;}
.rw .phero-text{padding:clamp(36px,5vw,72px) clamp(28px,3vw,48px) clamp(36px,5vw,72px) max(clamp(16px,4vw,48px),calc((100vw - 1360px)/2));display:flex;flex-direction:column;justify-content:center;gap:18px;}
.rw .phero h1{font-size:clamp(2rem,4.2vw,3.3rem);font-weight:300;line-height:1.05;letter-spacing:.01em;margin:0;text-wrap:balance;}
.rw .phero h1 b{font-weight:600;}
.rw .phero p.lead{color:var(--on-dark-2);max-width:52ch;font-size:1.05rem;}
.rw .phero .ph{border:none;border-left:1px solid var(--hair);min-height:100%;}
.rw .phero.compact .phero-grid{grid-template-columns:1fr;min-height:0;}
.rw .phero.compact .phero-text{padding-right:max(clamp(16px,4vw,48px),calc((100vw - 1360px)/2));}
.rw .crumbs{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--on-dark-2);}
.rw .crumbs a{border-bottom:1px solid transparent;}
.rw .crumbs a:hover{color:var(--on-dark);border-bottom-color:var(--on-dark-2);}
.rw .crumbs span[aria-hidden]{opacity:.5;}

/* Textbausteine */
.rw .split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start;}
.rw .split > div > p + p{margin-top:14px;}
.rw .split p{color:var(--ink-2);}
.rw .ticks li{display:flex;gap:12px;padding-block:10px;border-bottom:1px solid var(--line);font-size:.95rem;}
.rw .ticks li::before{content:"";flex:none;width:14px;height:1px;background:var(--ink);margin-top:.8em;}
.rw .ticks li:last-child{border-bottom:none;}
.rw .ticks.on-dark li{border-bottom-color:var(--hair);color:var(--on-dark-2);}
.rw .ticks.on-dark li::before{background:var(--on-dark-2);}
.rw .note-box{border:1px dashed var(--ink-3);padding:14px 18px;font-size:.84rem;color:var(--ink-2);background:var(--stone);max-width:70ch;}
.rw .note-box b{font-weight:600;color:var(--ink);}
.rw .stone{background:var(--stone);}

/* Leistungsphasen */
.rw .phases{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
.rw .phase{background:var(--paper);padding:22px 20px;display:flex;flex-direction:column;gap:12px;}
.rw .stone .phase{background:var(--paper);}
.rw .phase .num{font-size:.75rem;letter-spacing:.14em;color:var(--ink-3);}
.rw .phase h3{font-size:1.02rem;}
.rw .phase ul li{font-size:.86rem;color:var(--ink-2);padding-block:5px;border-top:1px solid var(--stone-2);}

/* Weitere Leistungen */
.rw .sibs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.rw .sib{border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s ease,transform .3s cubic-bezier(.2,.7,.3,1);}
.rw .sib:hover{border-color:var(--ink-3);transform:translateY(-3px);}
.rw .sib span{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
.rw .sib b{font-size:1rem;font-weight:600;}
.rw .sib p{font-size:.86rem;color:var(--ink-2);}

/* Abschluss-Band */
.rw .ctaband{background:var(--dark);color:var(--on-dark);padding-block:clamp(44px,6vw,80px);}
.rw .ctaband-in{display:grid;grid-template-columns:1.3fr auto;gap:28px 48px;align-items:center;}
.rw .ctaband h2{font-weight:300;}
.rw .ctaband p{color:var(--on-dark-2);margin-top:12px;max-width:56ch;}

/* Fließtext für Rechtstexte */
.rw .prose{max-width:76ch;}
.rw .prose h2{font-size:1.25rem;font-weight:600;margin:38px 0 10px;}
.rw .prose h2:first-child{margin-top:0;}
.rw .prose p{color:var(--ink-2);margin-top:10px;}
.rw .prose ol{padding-left:1.3em;margin-top:8px;}
.rw .prose ol li{color:var(--ink-2);padding-block:4px;}
.rw .prose ul{list-style:none;padding:0;margin-top:8px;}
.rw .prose ul li{color:var(--ink-2);padding:3px 0 3px 18px;position:relative;}
.rw .prose ul li::before{content:"";position:absolute;left:0;top:.85em;width:9px;height:1px;background:var(--ink-3);}
.rw .prose .meta{font-size:.82rem;color:var(--ink-3);letter-spacing:.04em;}
.rw .prose dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 24px;margin-top:12px;}
.rw .prose dt{color:var(--ink-3);font-size:.9rem;}
.rw .prose dd{margin:0;color:var(--ink);}

/* Projektdetail-Raster */
.rw .facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.rw .facts div{padding:16px 18px;border-left:1px solid var(--line);}
.rw .facts div:first-child{border-left:none;padding-left:0;}
.rw .facts span{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
.rw .facts b{font-weight:500;}
.rw .gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;}
.rw .gallery .ph:first-child{grid-row:span 2;min-height:380px;}

/* Footer-Links */
.rw .foot a{transition:color .2s ease;}
.rw .foot a:hover{color:var(--on-dark);}
.rw .foot .legal a{border-bottom:1px solid transparent;}
.rw .foot .legal a:hover{border-bottom-color:var(--on-dark-2);}

@media (max-width:1080px){
  .rw .phases{grid-template-columns:repeat(2,1fr);}
  .rw .sibs{grid-template-columns:repeat(2,1fr);}
  .rw .split{grid-template-columns:1fr;}
  .rw .phero-grid{grid-template-columns:1fr;}
  .rw .phero .ph{min-height:220px;border-left:none;border-top:1px solid var(--hair);}
  .rw .phero-text{padding-left:clamp(16px,4vw,48px);}
  .rw .ctaband-in{grid-template-columns:1fr;}
  .rw .facts{grid-template-columns:repeat(2,1fr);}
  .rw .facts div:nth-child(3){border-left:none;padding-left:0;}
}
@media (max-width:900px){
  .rw nav ul.sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:none;min-width:0;padding:0 0 8px 16px;background:none;}
  .rw nav ul.sub::before{display:none;}
  .rw .menu nav ul.sub li{border-bottom:none;}
  .rw .menu nav ul.sub a{padding:9px 2px;font-size:.92rem;color:var(--ink-2);}
  .rw nav .has-sub > a .caret{display:none;}
}
@media (max-width:700px){
  .rw .phases,.rw .sibs{grid-template-columns:1fr;}
  .rw .gallery{grid-template-columns:1fr;}
  .rw .gallery .ph:first-child{grid-row:auto;min-height:220px;}
  .rw .facts{grid-template-columns:1fr;}
  .rw .facts div{border-left:none;padding-left:0;border-top:1px solid var(--line);}
  .rw .prose dl{grid-template-columns:1fr;}
}

/* ===== Stand 0.4.0 · Struktur nach Kundenvorgabe vom 03.10.2026 ===== */

/* Untermenü in zwei Gruppen */
.rw nav ul.sub{min-width:300px;}
.rw nav ul.sub li.sub-label{padding:12px 20px 6px;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);}
.rw nav ul.sub li.sub-label + li{margin-top:0;}
.rw nav ul.sub li.sub-label:not(:first-child){margin-top:8px;border-top:1px solid var(--line);}
.rw nav ul.sub li.world a{font-weight:600;}

/* H1 der Unterseiten: Wortlaut wie geliefert, Darstellung in Versalien */
.rw .phero h1{text-transform:uppercase;}

/* Zwei Projektwelten */
.rw .worlds{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
.rw .world-card{border:1px solid var(--line);background:var(--paper);display:flex;flex-direction:column;transition:border-color .35s ease,transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease;}
.rw .world-card:hover{border-color:var(--ink-3);transform:translateY(-4px);box-shadow:0 26px 50px -38px rgba(0,0,0,.6);}
.rw .world-card .ph{min-height:230px;border:none;border-bottom:1px solid var(--line);}
.rw .world-body{padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:16px;flex:1;}
.rw .world-body h3{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:400;letter-spacing:.04em;text-transform:uppercase;}
.rw .world-body ul{display:flex;flex-wrap:wrap;gap:8px 10px;}
.rw .world-body ul li{font-size:.84rem;color:var(--ink-2);border:1px solid var(--line);padding:5px 12px;}
.rw .world-body .more{margin-top:auto;}

/* Leistungszugänge */
.rw .access{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.rw .access .sib{min-height:132px;justify-content:space-between;}
.rw .access .sib b{font-size:1.08rem;}
.rw .access .sib .links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.84rem;}
.rw .access .sib .links a{border-bottom:1px solid var(--ink-3);padding-bottom:1px;}
.rw .access .sib.wide{grid-column:span 2;}

/* 4M-Prozess in fünf Schritten */
.rw .phases .phase p{font-size:.88rem;color:var(--ink-2);}
.rw .phases .phase h3{text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;}
.rw .phases.arrows .phase{position:relative;}
.rw .phases.arrows .phase:not(:last-child)::after{content:"→";position:absolute;right:-9px;top:20px;z-index:2;background:var(--paper);color:var(--ink-3);font-size:.85rem;line-height:1;padding:2px 1px;}

/* Ablaufkette (z. B. Küche: Beratung bis Übergabe) */
.rw .chain{display:flex;flex-wrap:wrap;gap:10px 0;align-items:center;}
.rw .chain li{display:flex;align-items:center;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;}
.rw .chain li span{border:1px solid var(--line-strong,var(--ink-3));padding:9px 14px;background:var(--paper);}
.rw .chain li:not(:last-child)::after{content:"→";padding-inline:10px;color:var(--ink-3);}

/* Nachgeordnete Serviceleistungen */
.rw .services{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;}
.rw .services li{padding-block:11px;border-bottom:1px solid var(--line);font-size:.92rem;color:var(--ink-2);}

/* Verbindlicher Leistungshinweis */
.rw .hinweis{border-left:2px solid var(--ink);padding:6px 0 6px 22px;max-width:74ch;}
.rw .hinweis p{color:var(--ink-2);margin-top:8px;}

/* Platzhalter für freigegebene Texte */
.rw .todo{border:1px dashed var(--ink-3);background:var(--stone);padding:14px 18px;font-size:.84rem;color:var(--ink-2);max-width:74ch;}
.rw .stone .todo{background:var(--paper);}
.rw .todo b{color:var(--ink);font-weight:600;}

@media (max-width:1080px){
  .rw .access{grid-template-columns:repeat(2,1fr);}
  .rw .access .sib.wide{grid-column:auto;}
  .rw .services{grid-template-columns:repeat(2,1fr);}
  .rw .phases.arrows .phase::after{display:none;}
}
@media (max-width:900px){
  .rw nav ul.sub li.sub-label{padding:10px 2px 4px;border-top:none!important;}
}
@media (max-width:700px){
  .rw .worlds,.rw .access,.rw .services{grid-template-columns:1fr;}
}

/* ===== Korrekturen nach Sichtprüfung 06.10.2026 ===== */

/* Hero-Text bündig mit dem Inhaltsraster (gleiche linke Kante wie Kopf und Abschnitte) */
.rw .hero-text,.rw .phero-text{padding-left:calc(max(0px,(100vw - 1360px)/2) + clamp(16px,4vw,48px));}
.rw .phero.compact .phero-text{padding-right:calc(max(0px,(100vw - 1360px)/2) + clamp(16px,4vw,48px));}

/* Brotkrumen auf einer Grundlinie */
.rw .crumbs{align-items:baseline;}
.rw .crumbs span:not([aria-hidden]){border-bottom:1px solid transparent;}

/* Leistungszugänge: Titel in allen Karten auf gleicher Höhe */
.rw .access .sib{justify-content:flex-start;gap:10px;min-height:118px;}
.rw .access .sib b{margin-top:6px;}

/* Prozess-Baustein auf der Seite Arbeitsweise: kein Link auf sich selbst */
.rw a.more.is-self,body.page-id-60 .rw a.more[href="/arbeitsweise/"]{display:none;}

@media (max-width:900px){
  /* Klappmenü: Einträge linksbündig, volle Breite, gesamte Liste erreichbar */
  .rw .menu nav > ul{align-items:stretch;}
  .rw .menu nav > ul > li > a{display:flex;padding:15px 2px;}
  .rw .menu.is-open{max-height:calc(100vh - 150px);max-height:calc(100dvh - 150px);overscroll-behavior:contain;}
  .rw .menu nav ul.sub{padding:0 0 10px 14px;}
  .rw .menu nav ul.sub a{padding:7px 2px;}
  .rw nav ul.sub li.sub-label{padding:8px 2px 2px;}
}

/* Kartenraster: Spaltenzahl als Variable, damit die schmalen Ansichten greifen */
.rw .sibs{grid-template-columns:repeat(var(--cols,4),1fr);}
@media (max-width:1080px){.rw .sibs{grid-template-columns:repeat(2,1fr);}}
@media (max-width:700px){.rw .sibs{grid-template-columns:1fr;}}

/* Lange Wörter in Überschriften: trennen statt abschneiden */
.rw .hero-text,.rw .phero-text{min-width:0;}
.rw h1,.rw h2,.rw h3{overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;}
@media (max-width:520px){
  .rw .phero h1{font-size:clamp(1.45rem,7.4vw,2rem);}
}

/* Einstieg: Textspalte etwas breiter, damit beide Schaltflächen nebeneinander bleiben */
@media (min-width:1081px){
  .rw .hero{grid-template-columns:calc(max(0px,(100vw - 1360px)/2) + 540px) 1fr minmax(190px,.3fr);}
}

/* ===== Projektsystem (Theme 0.4.0) ===== */

/* Projektkarten */
.rw .proj-list a.proj{display:block;}
.rw .proj-img{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--stone);}
.rw .proj-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1);}
.rw .proj-list a.proj:hover .proj-img img{transform:scale(1.04);}
.rw .proj-list a.proj .ph{border:none;aspect-ratio:4/3;min-height:0;}
.rw .proj-list .proj-kurz{color:var(--ink-2);margin-top:6px;}
.rw .proj-empty{color:var(--ink-2);}

/* Filter der Projektübersicht */
.rw .proj-filter{display:flex;flex-wrap:wrap;gap:20px 44px;margin-bottom:34px;}
.rw .proj-filter ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}
.rw .proj-filter a{display:inline-block;border:1px solid var(--line);padding:7px 14px;font-size:.84rem;color:var(--ink-2);transition:border-color .25s ease,background .25s ease,color .25s ease;}
.rw .proj-filter a:hover{border-color:var(--ink-3);color:var(--ink);}
.rw .proj-filter a.is-active{background:var(--ink);border-color:var(--ink);color:var(--paper);}

/* Projektseite */
.rw .phero-img{margin:0;position:relative;min-height:340px;border-left:1px solid var(--hair);overflow:hidden;}
.rw .phero-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.rw .facts.auto{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0 28px;}
.rw .facts.auto div{border-left:none;padding-left:0;padding-right:0;}
.rw .proj-text{margin-top:12px;max-width:68ch;color:var(--ink-2);}
.rw .proj-text p + p{margin-top:.9em;}
.rw .proj-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.rw .proj-gallery figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--stone);}
.rw .proj-gallery.n1{grid-template-columns:1fr;}
.rw .proj-gallery.n2,.rw .proj-gallery.n4{grid-template-columns:1fr 1fr;}
.rw .proj-gallery.n1 figure{aspect-ratio:16/9;}
.rw .proj-gallery img,.rw .proj-ba img{width:100%;height:100%;object-fit:cover;}
.rw .proj-ba{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.rw .proj-ba figure{margin:0;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone-2);}
.rw .proj-ba figcaption{position:absolute;left:0;bottom:0;background:var(--dark);color:var(--on-dark);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;}
.rw .mad .proj-text{color:var(--on-dark-2);}
@media (max-width:1080px){
  .rw .phero-img{min-height:240px;border-left:none;border-top:1px solid var(--hair);}
}
@media (max-width:700px){
  .rw .proj-gallery{grid-template-columns:1fr 1fr;}
  .rw .proj-gallery.n1{grid-template-columns:1fr;}
  .rw .proj-ba{grid-template-columns:1fr;}
}

/* ===== Textphase 06.10.2026 · Bausteine für die gelieferten Inhalte ===== */

/* Sichtbares Kurzantwort-Modul direkt nach dem Hero */
.rw .answer-sec{padding-block:clamp(36px,5vw,68px);border-bottom:1px solid var(--line);}
.rw .answer{font-size:clamp(1.12rem,1.75vw,1.45rem);line-height:1.5;font-weight:300;max-width:60ch;color:var(--ink);padding-left:clamp(16px,2vw,28px);border-left:2px solid var(--ink);}

/* Einleitung im Hero der Startseite */
.rw .hero-text p.intro{font-size:.92rem;line-height:1.65;max-width:46ch;}

/* Textabschnitte im Raster */
.rw .topics{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(30px,4vw,52px) clamp(32px,6vw,88px);}
.rw .topics.n1{grid-template-columns:minmax(0,72ch);}
.rw .topics.n3,.rw .topics.n5,.rw .topics.n6{grid-template-columns:repeat(3,1fr);}
.rw .topic{border-top:1px solid var(--ink);padding-top:20px;}
.rw .topic h2,.rw .topic h3{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:500;letter-spacing:0;line-height:1.25;}
.rw .topic p{color:var(--ink-2);margin-top:12px;max-width:64ch;}
.rw .topic .more{display:inline-block;margin-top:16px;}
.rw .topic .num{display:block;font-size:.75rem;letter-spacing:.14em;color:var(--ink-3);margin-bottom:10px;}

/* Abschnitt mit Überschrift links und Liste rechts */
.rw .listsec h2{max-width:22ch;}
.rw .listsec .lead-p{color:var(--ink-2);margin-top:16px;max-width:46ch;}
.rw .hinweis.solo{margin-top:clamp(28px,4vw,44px);}
.rw .keysec h2{margin-bottom:22px;}
.rw .keysec .after{color:var(--ink-2);margin-top:20px;max-width:74ch;}

/* Verlinkte Teaser: Projektwelten und Leistungsseiten */
.rw .teasers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.rw .teasers.n3{grid-template-columns:repeat(3,1fr);}
.rw .tease{border:1px solid var(--line);background:var(--paper);padding:clamp(22px,2.6vw,34px);display:flex;flex-direction:column;gap:14px;transition:border-color .3s ease,transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease;}
.rw a.tease:hover{border-color:var(--ink-3);transform:translateY(-3px);box-shadow:0 24px 46px -38px rgba(0,0,0,.55);}
.rw .tease h2,.rw .tease h3{font-size:clamp(1.15rem,1.8vw,1.45rem);font-weight:500;letter-spacing:0;line-height:1.25;}
.rw .tease p{color:var(--ink-2);font-size:.95rem;}
.rw .tease .more{margin-top:auto;}
.rw .tease .kick{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}

/* Leistungskarten mit Kurztext */
.rw .access .sib p{font-size:.88rem;color:var(--ink-2);}
.rw .access .sib h3{font-size:1.08rem;font-weight:600;margin-top:6px;}
.rw .sibs .sib p{font-size:.86rem;color:var(--ink-2);}

/* Projektwelt-Karten mit Text statt Stichworten */
.rw .world-body p{color:var(--ink-2);}

/* Nachgeordnete Serviceleistungen mit Kurztext */
.rw .services.described{gap:0 40px;}
.rw .services.described li{padding-block:16px;}
.rw .services.described h3{font-size:.98rem;font-weight:600;color:var(--ink);}
.rw .services.described p{font-size:.88rem;color:var(--ink-2);margin-top:4px;}

/* Prozess: Einleitung über den fünf Schritten */
.rw .sec-title p{color:var(--ink-2);max-width:62ch;}

/* Abschlussband mit Text und bis zu zwei Schaltflächen */
.rw .ctaband .btns{justify-content:flex-end;}
.rw .btn.is-off{opacity:.55;cursor:default;pointer-events:none;}
.rw .ctaband .note{font-size:.78rem;color:var(--on-dark-2);margin-top:10px;max-width:40ch;text-align:right;}

/* Formular-Platzhalter: Gruppen und Auswahlwerte */
.rw .form .group{grid-column:1/-1;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);padding-top:10px;border-top:1px solid var(--line);}
.rw .form .group:first-child{border-top:none;padding-top:0;}
.rw .form .opts{display:flex;flex-wrap:wrap;gap:8px;}
.rw .form .opts span{border:1px solid var(--line);background:var(--paper);padding:6px 12px;font-size:.84rem;color:var(--ink-2);}
.rw .form .upload-note{grid-column:1/-1;font-size:.86rem;color:var(--ink-2);}
.rw .form .btn{justify-self:start;border-color:var(--ink);background:var(--ink);color:var(--paper);}

/* FAQ-Baustein, vorbereitet für fachlich bestätigte Fragen und Antworten */
.rw .faq{border-top:1px solid var(--ink);max-width:86ch;}
.rw .faq details{border-bottom:1px solid var(--line);}
.rw .faq summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;font-weight:500;position:relative;}
.rw .faq summary::-webkit-details-marker{display:none;}
.rw .faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:1.3rem;font-weight:300;color:var(--ink-3);transition:transform .25s ease;}
.rw .faq details[open] summary::after{transform:rotate(45deg);}
.rw .faq details > div{padding:0 0 20px;color:var(--ink-2);max-width:74ch;}
.rw .faq details > div p + p{margin-top:.8em;}

@media (max-width:1080px){
  .rw .topics.n3,.rw .topics.n5,.rw .topics.n6,.rw .teasers.n3{grid-template-columns:repeat(2,1fr);}
  .rw .ctaband .btns{justify-content:flex-start;}
  .rw .ctaband .note{text-align:left;}
}
@media (max-width:700px){
  .rw .topics,.rw .topics.n3,.rw .topics.n5,.rw .topics.n6,.rw .teasers,.rw .teasers.n3{grid-template-columns:1fr;}
  .rw .answer{padding-left:16px;}
}

/* Gleiche Darstellung, wenn die Überschriftenebene je nach Seite wechselt */
.rw .world-body h2{font-size:clamp(1.3rem,2.2vw,1.7rem);font-weight:400;letter-spacing:.04em;text-transform:uppercase;line-height:1.2;}
.rw .phases .phase h2{text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;font-weight:600;line-height:1.3;}

/* Projektkarte: Leistungsumfang von 4M und Kennzeichnung MAD Acoustics */
.rw .proj-list .proj-umfang{color:var(--ink-2);margin-top:8px;font-size:.85rem;}
.rw .proj-list .proj-umfang span{display:block;font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);}
.rw .proj-list .proj-mad{display:inline-block;margin-top:10px;border:1px solid var(--line);padding:4px 10px;font-size:.72rem;letter-spacing:.06em;color:var(--ink-2);}
.rw .topic .proj-text,.rw .topic > p{margin-top:12px;}

/* ===== Startseite: Feinschliff nach Mock-up (14.10.2026) ===== */

/* Bild in Bausteinen: füllt die Fläche, Ausschnitt per object-position */
.rw .fill{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* Einstieg mit Bild: Bild läuft unter der rechten Spalte durch, Verläufe als CSS */
.rw .hero.has-img{position:relative;}
.rw .hero.has-img .hero-img{position:relative;overflow:hidden;min-height:clamp(420px,46vw,620px);background:var(--dark-2);}
.rw .hero.has-img .hero-img .ph{position:absolute;inset:0;background:none;border:none;padding:0;min-height:0;display:block;}
.rw .hero.has-img .hero-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(27,29,31,.5) 0%,rgba(27,29,31,0) 18%,rgba(27,29,31,0) 60%,rgba(27,29,31,.78) 100%);}
.rw .hero.has-img .hero-side{position:relative;z-index:1;background:transparent;border-left:none;}
.rw .hero.has-img .hero-side .steps{color:rgba(242,243,241,.78);}
.rw .hero.has-img .hero-side svg{stroke:rgba(242,243,241,.5);}
@media (min-width:1081px){
  .rw .hero.has-img .hero-img{grid-column:2 / 4;grid-row:1;}
  .rw .hero.has-img .hero-side{grid-column:3;grid-row:1;}
}
.rw .hero-text p.intro{color:rgba(242,243,241,.62);}

/* Hero mobil: Text über dem Bild, rechte Bildhälfte mit Empfangstheke bleibt sichtbar */
@media (max-width:700px){
  .rw .hero.has-img{grid-template-columns:1fr;}
  .rw .hero.has-img .hero-text,.rw .hero.has-img .hero-img{grid-column:1;grid-row:1;}
  .rw .hero.has-img .hero-img{min-height:0;}
  .rw .hero.has-img .hero-img img{object-position:80% 50% !important;}
  .rw .hero.has-img .hero-img::after{background:linear-gradient(90deg,rgba(27,29,31,.93) 0%,rgba(27,29,31,.84) 58%,rgba(27,29,31,.5) 100%);}
  .rw .hero.has-img .hero-text{position:relative;z-index:1;}
}

/* Kurzantwort auf der Startseite schlanker */
.rw .answer-sec.slim{padding-block:clamp(28px,3.6vw,46px);}
.rw .answer-sec.slim .answer{font-size:clamp(1.02rem,1.35vw,1.2rem);max-width:78ch;}

/* Kopfzeile eines Abschnitts mit Link rechts */
.rw .head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 28px;flex-wrap:wrap;margin-bottom:28px;}
.rw .head-row .sec-title{margin-bottom:0;}
.rw .head-row > .more{margin-top:0;}

/* Zwei Projektwelten als Bildbanner */
.rw .banners{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--dark);}
.rw .banner{position:relative;display:flex;align-items:flex-end;min-height:clamp(340px,31vw,460px);overflow:hidden;background:var(--dark);color:var(--on-dark);}
.rw .banner img{transition:transform 1.2s cubic-bezier(.2,.7,.3,1);}
.rw .banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,24,.88) 0%,rgba(20,22,24,.66) 40%,rgba(20,22,24,.12) 80%);}
.rw a.banner:hover img{transform:scale(1.035);}
.rw .banner-body{position:relative;z-index:1;padding:clamp(28px,3.4vw,52px);max-width:min(470px,78%);display:flex;flex-direction:column;gap:14px;}
.rw .banner h3{font-size:clamp(1.25rem,2vw,1.65rem);font-weight:400;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;}
.rw .banner .rule{background:rgba(242,243,241,.45);width:56px;}
.rw .banner p{color:rgba(242,243,241,.84);font-size:.94rem;}
.rw .banner .more{color:var(--on-dark);align-self:flex-start;}
.rw .banner .more::after{background:var(--on-dark);}
.rw .banners-sec{padding-bottom:0 !important;}

/* Leistungszugänge als Bildkarten */
.rw .svc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;}
.rw .svc{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);transition:border-color .3s ease,transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease;}
.rw a.svc:hover{border-color:var(--ink-3);transform:translateY(-3px);box-shadow:0 22px 40px -34px rgba(0,0,0,.55);}
.rw .svc .pic{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--stone-2);}
.rw .svc .pic img{transition:transform .8s cubic-bezier(.2,.7,.3,1);}
.rw a.svc:hover .pic img{transform:scale(1.05);}
.rw .svc-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:7px;flex:1;}
.rw .svc h3{font-size:.98rem;font-weight:600;line-height:1.25;}
.rw .svc p{font-size:.8rem;line-height:1.5;color:var(--ink-2);}
.rw .svc .links{display:flex;flex-direction:column;gap:5px;margin-top:auto;padding-top:4px;font-size:.78rem;}
.rw .svc .links a{border-bottom:1px solid var(--ink-3);align-self:flex-start;}

/* 4M-Prozess als Linie mit Pfeilen */
.rw .steps-line{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(18px,2.4vw,36px);}
.rw .pstep-top{display:flex;align-items:center;gap:14px;}
.rw .pstep .num{font-size:clamp(1.5rem,2.2vw,1.95rem);font-weight:300;color:var(--ink);line-height:1;}
.rw .pstep .ln{flex:1;height:1px;background:var(--ink-3);position:relative;}
.rw .pstep .ln::after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border-top:1px solid var(--ink-3);border-right:1px solid var(--ink-3);transform:rotate(45deg);}
.rw .pstep:last-child .ln::after{display:none;}
.rw .pstep h3{font-size:.98rem;font-weight:600;margin-top:16px;}
.rw .pstep p{font-size:.86rem;color:var(--ink-2);margin-top:6px;}

/* Projektkarten auf der Startseite in vier Spalten */
.rw .cards4 .proj-list{grid-template-columns:repeat(4,1fr);gap:14px;}
.rw .cards4 .proj-list .ph{min-height:0;aspect-ratio:16/10;}

/* Raumakustik als dunkler Bildbanner */
.rw .mad.mad-img{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,96px);}
.rw .mad-bg{position:absolute;inset:0;}
.rw .mad-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,22,.94) 0%,rgba(18,20,22,.78) 45%,rgba(18,20,22,.3) 100%);}
.rw .mad.mad-img .wrap{position:relative;z-index:1;}
.rw .mad-mark{justify-self:end;text-align:right;color:var(--on-dark);line-height:1;}
.rw .mad-mark b{display:block;font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:600;letter-spacing:.14em;}
.rw .mad-mark small{display:block;margin-top:8px;font-size:.72rem;letter-spacing:.42em;color:var(--on-dark-2);}

/* Startseite: etwas dichtere Abstände */
body.home .rw section{padding-block:clamp(48px,6vw,84px);}
body.home .rw .answer-sec.slim{padding-block:clamp(28px,3.6vw,46px);}

@media (max-width:1080px){
  .rw .svc-grid{grid-template-columns:repeat(3,1fr);}
  .rw .steps-line{grid-template-columns:repeat(3,1fr);}
  .rw .cards4 .proj-list{grid-template-columns:repeat(2,1fr);}
  .rw .banner-body{max-width:90%;}
}
@media (max-width:700px){
  .rw .banners{grid-template-columns:1fr;}
  .rw .banner{min-height:300px;}
  .rw .svc-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
  .rw .steps-line{grid-template-columns:1fr;gap:22px;}
  .rw .cards4 .proj-list{grid-template-columns:1fr;}
  .rw .mad-mark{justify-self:start;text-align:left;}
}
@media (prefers-reduced-motion:reduce){
  .rw .banner img,.rw .svc .pic img{transition:none;}
}

/* Bildbanner auf schmalen Bildschirmen: Verlauf kräftiger, damit der Text lesbar bleibt */
@media (max-width:1080px){
  .rw .banner::after{background:linear-gradient(90deg,rgba(20,22,24,.9) 0%,rgba(20,22,24,.78) 55%,rgba(20,22,24,.45) 100%);}
}
@media (max-width:700px){
  .rw .banner::after{background:linear-gradient(180deg,rgba(20,22,24,.5) 0%,rgba(20,22,24,.86) 45%,rgba(20,22,24,.92) 100%);}
  .rw .banner-body{max-width:100%;}
}

/* Mobil: Projektkarten zweispaltig, Hero-Bild rechts heller */
@media (max-width:700px){
  .rw .cards4 .proj-list{grid-template-columns:repeat(2,1fr);gap:10px;}
  .rw .cards4 .proj-list .ph span{font-size:.62rem;}
  .rw .hero.has-img .hero-img::after{background:linear-gradient(90deg,rgba(27,29,31,.92) 0%,rgba(27,29,31,.76) 55%,rgba(27,29,31,.32) 100%);}
}

/* ===== Unterseiten: Gestaltung der Startseite übertragen (19.10.2026) ===== */

/* Einstieg mit Bild: niedriger als auf der Startseite, Bild rechts mit Verlauf in den dunklen Grund */
.rw .phero.has-img{position:relative;overflow:hidden;}
.rw .phero.has-img .phero-grid{position:relative;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:clamp(320px,30vw,420px);}
.rw .phero.has-img .phero-text{position:relative;z-index:1;}
.rw .phero.has-img .phero-img{position:absolute;top:0;bottom:0;right:0;left:40%;min-height:0;margin:0;border:none;background:var(--dark-2);}
.rw .phero.has-img .phero-img::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(27,29,31,1) 0%,rgba(27,29,31,.88) 10%,rgba(27,29,31,.6) 24%,rgba(27,29,31,.25) 40%,rgba(27,29,31,.06) 58%,rgba(27,29,31,.3) 100%);}
@media (max-width:1080px){
  .rw .phero.has-img .phero-grid{grid-template-columns:1fr;min-height:clamp(300px,52vw,420px);}
  .rw .phero.has-img .phero-img{left:0;}
  .rw .phero.has-img .phero-img::after{background:linear-gradient(90deg,rgba(27,29,31,.93) 0%,rgba(27,29,31,.82) 55%,rgba(27,29,31,.5) 100%);}
  .rw .phero.has-img .phero-text{max-width:720px;}
}
@media (max-width:700px){
  .rw .phero.has-img .phero-grid{min-height:0;}
  .rw .phero.has-img .phero-img::after{background:linear-gradient(90deg,rgba(27,29,31,.92) 0%,rgba(27,29,31,.78) 55%,rgba(27,29,31,.36) 100%);}
}
.rw .phero.has-img p.lead{color:rgba(242,243,241,.78);}

/* Projektwelt-Karten mit Bild */
.rw .world-card .pic{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--stone-2);border-bottom:1px solid var(--line);}
.rw .world-card .pic img{transition:transform .9s cubic-bezier(.2,.7,.3,1);}
.rw a.world-card:hover .pic img{transform:scale(1.04);}

/* Verweiskarten und Teaser mit Bild, wie die Leistungszugänge der Startseite */
.rw .sibs.has-pic{gap:14px;}
.rw .sibs.has-pic .sib{padding:0;gap:0;background:var(--paper);overflow:hidden;}
.rw .sibs.has-pic .sib:hover{box-shadow:0 22px 40px -34px rgba(0,0,0,.55);}
.rw .sib .pic,.rw .tease .pic{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--stone-2);}
.rw .sib .pic img,.rw .tease .pic img{transition:transform .8s cubic-bezier(.2,.7,.3,1);}
.rw a.sib:hover .pic img,.rw a.tease:hover .pic img{transform:scale(1.05);}
.rw .sib-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1;}
.rw .teasers.has-pic .tease{padding:0;gap:0;overflow:hidden;}
.rw .tease-body{padding:clamp(20px,2.2vw,28px);display:flex;flex-direction:column;gap:12px;flex:1;}
.rw .tease-body .more{margin-top:auto;}
.rw .pic.pic-draw{display:flex;align-items:center;justify-content:center;background:var(--dark);color:rgba(242,243,241,.42);}
.rw .pic.pic-draw .draw-mini{height:72%;width:auto;}

/* Ablaufkette (Küchenplanung) ruhig wie die Prozesslinie: ohne Kästen */
.rw .chain{gap:14px 0;}
.rw .chain li{font-size:.86rem;letter-spacing:.12em;color:var(--ink);}
.rw .chain li span{border:none;padding:0;background:none;}
.rw .chain li:not(:last-child)::after{content:"";display:inline-block;width:clamp(22px,3vw,48px);height:1px;background:var(--ink-3);margin-inline:14px;position:relative;
  -webkit-mask:none;}

/* Zwei Verweiskarten nebeneinander: flachere Bilder */
.rw .sibs.has-pic[style*="--cols:2"] .pic,.rw .sibs.has-pic[style*="--cols: 2"] .pic{aspect-ratio:21/9;}

/* Unterseiten: dieselben, etwas dichteren Abstände wie auf der Startseite */
.rw section{padding-block:clamp(48px,6vw,84px);}
.rw .answer-sec{padding-block:clamp(30px,4vw,52px);}

@media (prefers-reduced-motion:reduce){
  .rw .sib .pic img,.rw .tease .pic img,.rw .world-card .pic img{transition:none;}
}