:root{--ink:#142c3b;--ink-soft:#45606f;--yellow:#f5c452;--paper:#fff;--pale:#f2f5f5;--line:#dce3e5;--max:1240px;--radius:6px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #b66c0a;outline-offset:5px}::selection{background:var(--yellow);color:var(--ink)}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--yellow);padding:12px 20px;transform:translateY(-150%)}.skip:focus{transform:none}.topline{background:var(--ink);color:#e6edf1;font-size:.8125rem}.topline .container{display:flex;justify-content:space-between;align-items:center;min-height:38px;gap:20px}.top-phone{font-weight:700;margin-left:14px;color:#fff}.header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #edf0f1}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{display:grid;place-items:center;position:relative;width:48px;height:48px;background:var(--ink);color:#fff;font-weight:900;font-size:38px;line-height:1;border-radius:3px;letter-spacing:-5px;padding-right:7px}.brand-mark>span{color:var(--yellow);position:absolute;bottom:4px;right:9px;font-size:32px}.brand-words{font-size:27px;line-height:1;font-weight:800;letter-spacing:2px}.brand-words>span{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px;margin-top:8px}.desktop-nav{display:flex;gap:30px;margin-left:auto;font-size:.875rem;font-weight:600}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.text-link:hover{color:#94700f}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:55px;padding:14px 24px;background:var(--yellow);color:var(--ink);font-size:.9375rem;font-weight:700;border-radius:var(--radius);border:1px solid transparent;transition:background .15s,transform .15s}.button:hover{background:#ffcf60;transform:translateY(-2px)}.button>span{font-size:23px;line-height:1}.button-small{min-height:46px;padding:10px 19px;font-size:.875rem;gap:22px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.hero{background:linear-gradient(90deg,#f7f9f9 0%,#f7f9f9 68%,#edf2f2 68%,#edf2f2 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-top:62px;padding-bottom:66px}.eyebrow{font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:1.8px;margin:0 0 22px;display:flex;align-items:center;gap:10px}.short-line{display:block;width:28px;height:2px;background:#b78c25}.hero h1{font-size:clamp(3.1rem,4.55vw,4.4rem);font-weight:800;line-height:1.075;letter-spacing:-2.8px;margin:0 0 24px}.hero h1>span{position:relative;display:inline-block;z-index:0}.hero h1>span:after{content:"";position:absolute;left:0;bottom:4px;height:12px;width:101%;background:var(--yellow);z-index:-1}.hero-subtitle{font-size:1.375rem;font-weight:700;line-height:1.5;letter-spacing:-.3px;margin:0 0 18px}.hero-description{font-size:1rem;color:var(--ink-soft);max-width:460px;margin:0 0 27px;line-height:1.75}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.text-link{font-size:.9375rem;font-weight:700;display:inline-flex;gap:18px;align-items:center}.hero-actions .text-link{font-size:.9375rem}.hero-note{font-size:.8125rem;color:var(--ink-soft);margin-top:22px;display:flex;align-items:center;gap:9px}.check{font-weight:700;font-size:16px}.hero-visual{position:relative;min-height:480px;align-self:stretch;margin-top:0}.hero-photo{position:absolute;inset:0;border-radius:8px;background:linear-gradient(155deg,#d9e0df,#889996)}.hero-photo:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 45%,rgba(9,27,38,.68) 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.image-label{position:absolute;left:32px;bottom:38px;color:#fff}.image-label>span{display:block;font-size:.75rem;letter-spacing:1.8px;font-weight:700}.image-label strong{display:block;margin-top:8px;font-size:1.8rem;line-height:1.2;letter-spacing:-.7px}.location-tag{position:absolute;top:28px;right:-20px;padding:15px 22px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:5px;box-shadow:0 5px 26px #142c3b14}.location-tag svg{height:27px;width:27px;fill:none;stroke:#a17616;stroke-width:1.5}.location-tag>span{font-size:.9375rem;font-weight:700;line-height:1.45}.location-tag>span>span{font-size:.75rem;font-weight:400;display:block;color:var(--ink-soft)}.service-strip{background:var(--ink);color:#fff}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:27px;padding-bottom:27px}.strip-grid>div{display:flex;align-items:center;gap:18px;font-size:.9375rem;padding:0 28px;border-left:1px solid #49616e}.strip-grid>div:first-child{border:0;padding-left:0}.strip-number{color:var(--yellow);font-size:.75rem;letter-spacing:1px;font-weight:700}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section .eyebrow{color:#6b7580;font-size:.75rem;margin-bottom:14px}.section-heading h2,h2{font-size:clamp(2rem,3vw,2.5rem);font-weight:750;letter-spacing:-1.3px;line-height:1.22;margin:0}.section-heading>p{font-size:.9375rem;color:var(--ink-soft);margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:var(--radius);padding:31px 28px 0;display:flex;flex-direction:column;background:#fff}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.card-top>span{font-size:.75rem;color:#7f919c}.service-icon{width:44px;height:44px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.service-card h3{font-size:1.4375rem;letter-spacing:-.6px;line-height:1.3;margin:0 0 14px}.service-card p{font-size:.9375rem;color:var(--ink-soft);line-height:1.7;margin:0 0 21px}.service-card ul{list-style:none;padding:0;margin:0 0 28px;font-size:.875rem;line-height:1.5}.service-card li{position:relative;padding-left:20px;margin:10px 0}.service-card li:before{content:"✓";position:absolute;left:0;font-size:.75rem;color:#92701e}.card-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:20px 0;font-size:.875rem;font-weight:700;border-top:1px solid var(--line);margin-top:auto}.card-link>span{font-size:23px;line-height:1}.card-link:hover{color:#94700f}.service-card.featured{background:#f3f6f6;border-top:3px solid var(--yellow);padding-top:29px}.process{background:var(--pale)}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.section-intro{font-size:1rem;color:var(--ink-soft);line-height:1.75;margin:24px 0}.process .text-link{margin-top:7px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid #d9e2e3}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{font-size:.75rem;line-height:36px;flex:0 0 36px;text-align:center;font-weight:700;height:36px;border:1px solid #c3d1d4;border-radius:50%;color:#395462}.steps h3{font-size:1.0625rem;margin:3px 0 7px;letter-spacing:-.2px}.steps p{margin:0;font-size:.9375rem;line-height:1.7;color:var(--ink-soft)}.region-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px}.region h2{font-size:2.2rem;line-height:1.3}.region h2>span{color:#71848f}.region-copy>p{margin:0;color:var(--ink-soft);font-size:1rem;line-height:1.75}.towns{display:flex;flex-wrap:wrap;list-style:none;gap:9px;margin:25px 0 20px;padding:0}.towns li{font-size:.8125rem;border:1px solid #d9e3e6;padding:7px 13px;border-radius:4px}.towns li:first-child{border-color:var(--ink);background:var(--ink);color:#fff}.region-copy .region-note{font-size:.8125rem}.contact-section{background:var(--ink);color:#fff;padding:80px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:130px}.contact-section .eyebrow{color:var(--yellow);font-size:.75rem}.contact-section h2{font-size:2.65rem;line-height:1.22;letter-spacing:-1.4px}.contact-section p:not(.eyebrow){color:#bdcbd2;margin:22px 0 28px;font-size:.9375rem;line-height:1.8;max-width:450px}.contact-details{border-left:1px solid #48606e;padding:6px 0 0 48px;display:flex;flex-direction:column;justify-content:center;gap:26px}.contact-label{display:block;font-size:.75rem;color:#acbdc6;letter-spacing:1.5px;margin-bottom:7px}.contact-phone{display:block;font-size:2rem;font-weight:700;letter-spacing:-.7px;line-height:1.4}.contact-email{font-size:1.3125rem}.contact-details a:hover{color:var(--yellow)}address{font-style:normal;font-size:.875rem;line-height:1.8}.footer{padding:42px 0 22px}.footer-top{display:flex;justify-content:space-between;gap:28px;align-items:center}.footer-top>p{margin:0;color:var(--ink-soft);font-size:.8125rem}.footer-top>p>a{font-weight:700;text-decoration:underline;text-underline-offset:3px}.footer-top>.text-link{font-size:.8125rem}.footer-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.75rem;color:#617684}.footer-bottom>div{display:flex;gap:20px;flex-wrap:wrap}.footer-bottom a:hover{text-decoration:underline}.image-credit{font-size:.75rem}.mobile-contact{display:none}@media(min-width:1450px){.hero-grid{gap:70px;padding-top:70px;padding-bottom:72px}.hero-visual{min-height:500px}}@media(max-width:1100px){.container{width:calc(100% - 56px)}.desktop-nav{gap:20px;font-size:.8125rem}.header-inner{gap:18px}.hero-grid{gap:32px}.hero-visual{min-height:500px}.hero h1{font-size:3.35rem}.location-tag{right:-12px}.service-card{padding-left:22px;padding-right:22px}.service-card h3{font-size:1.25rem}.process-grid,.region-grid{gap:55px}.contact-grid{gap:55px}.contact-details{padding-left:30px}.contact-phone{font-size:1.6rem}.strip-grid>div{font-size:.8125rem;padding:0 20px;gap:12px}.image-credit{width:100%}.footer-bottom>div{max-width:270px;gap:8px 22px}.footer-top>.text-link{max-width:185px}.section-heading>p br{display:none}.section-heading>p{max-width:340px}}@media(max-width:800px){.container{width:calc(100% - 40px)}.topline .container{justify-content:center;font-size:.75rem;min-height:31px}.topline .container>a{display:none}.header-inner{min-height:80px}.brand-mark{width:42px;height:42px;font-size:34px}.brand-words{font-size:24px}.brand-words>span{font-size:9px;margin-top:7px}.desktop-nav{display:none}.header-cta{margin-left:auto;font-size:.8125rem;padding:9px 13px;gap:13px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:none;border:1px solid #dce4e7;border-radius:4px;width:43px;height:43px;flex-shrink:0}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink)}.mobile-nav{border-top:1px solid var(--line);padding:12px 20px 18px;background:#fff}.mobile-nav a{display:block;padding:11px 0;font-weight:600}.hero-grid{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:35px}.hero h1{font-size:clamp(3rem,7.7vw,4rem);letter-spacing:-2px}.hero-copy{max-width:600px}.hero-description{max-width:520px}.hero-visual{min-height:360px}.hero-photo img{object-position:center 56%}.location-tag{right:15px;top:18px}.hero-subtitle{font-size:1.2rem}.eyebrow{font-size:.75rem;margin-bottom:20px}.hero-note{margin-top:19px}.strip-grid{padding-top:20px;padding-bottom:20px;gap:20px;grid-template-columns:1fr}.strip-grid>div{border:0;padding:0;font-size:.9375rem;gap:16px}.strip-number{font-size:.75rem}.section{padding:60px 0}.section-heading{display:block;margin-bottom:27px}.section-heading>p{max-width:none;margin-top:16px}.section-heading h2,h2{font-size:2rem;letter-spacing:-1px}.service-grid{grid-template-columns:1fr}.service-card{padding:25px 25px 0}.service-card.featured{padding-top:23px}.card-top{margin-bottom:18px}.service-card h3{font-size:1.45rem}.service-card p{font-size:1rem;max-width:580px}.service-card ul{font-size:.9375rem}.process-grid,.region-grid,.contact-grid{grid-template-columns:1fr;gap:37px}.process-grid h2 br{display:none}.process-grid .section-intro br{display:none}.steps li{gap:20px}.region h2{font-size:2rem}.region-copy>p{font-size:1rem}.contact-section{padding:56px 0}.contact-section h2{font-size:2.15rem}.contact-section .eyebrow{font-size:.75rem;letter-spacing:1.25px}.contact-details{padding:32px 0 0;border-left:0;border-top:1px solid #48606e;gap:23px}.contact-phone{font-size:1.85rem}.contact-section p:not(.eyebrow){max-width:none}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top>.text-link{max-width:none}.footer-top>p{flex-basis:50%}.footer-bottom{flex-direction:column;margin-top:30px}.footer-bottom>div{max-width:none}.image-credit{width:auto}.footer{padding-bottom:93px}.mobile-contact{display:grid;grid-template-columns:1fr 1.2fr;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#fff;box-shadow:0 -2px 14px #142c3b12;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line)}.mobile-contact a{display:flex;justify-content:center;align-items:center;gap:16px;min-height:57px;font-size:.875rem;font-weight:700}.mobile-contact a:last-child{background:var(--yellow)}}@media(max-width:390px){.container{width:calc(100% - 32px)}.header-inner{gap:10px}.header-cta{font-size:.75rem;gap:8px;padding:8px 10px;min-height:42px}.header-cta>span{font-size:19px}.brand{gap:8px}.brand-words{font-size:21px}.brand-words>span{font-size:8px;letter-spacing:1.2px}.brand-mark{height:38px;width:38px;font-size:30px}.brand-mark>span{font-size:26px;right:8px}.menu-toggle{width:38px;height:42px}.hero h1{font-size:2.7rem}.hero-actions{gap:18px}.hero-visual{min-height:310px}.image-label{left:24px;bottom:28px}.image-label strong{font-size:1.6rem}.footer-top>p{flex-basis:100%}.contact-section h2{font-size:1.95rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Legible text at every viewport. */
.hero-description,.service-card p,.steps p,.section-heading>p,.contact-section p:not(.eyebrow){font-size:1rem}.desktop-nav,.hero-note,.towns li,.region-copy .region-note,.footer-top>p,.footer-top>.text-link,.location-tag>span>span{font-size:.875rem}
@media(max-width:350px){.header-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:2.45rem}.contact-phone{font-size:1.6rem}.contact-email{font-size:1.15rem}}

/* Regionale Landingpages */
.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:26px 0;gap:10px}.city-grid li{min-width:0}.city-grid a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 15px;border:1px solid var(--line);border-radius:4px;font-size:.9375rem;font-weight:600;transition:background .15s}.city-grid a:hover,.city-grid a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}.city-grid a>span:last-child{color:#aa7d18;font-size:19px}.city-grid a:hover>span:last-child,.city-grid a[aria-current="page"]>span:last-child{color:var(--yellow)}.local-hero h1{font-size:clamp(2.2rem,3.85vw,3.4rem);line-height:1.12;letter-spacing:-1.8px}.local-hero h1>span:after{height:9px}.local-hero .hero-description{line-height:1.7}.local-hero .hero-subtitle{font-size:1.125rem}.local-hero .hero-grid{padding-top:35px;padding-bottom:48px}.breadcrumb{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:.8125rem;color:var(--ink-soft);margin-bottom:25px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.local-hero .eyebrow{font-size:.75rem;letter-spacing:1.2px;margin-bottom:18px}.preparation-box{padding:32px;background:var(--pale);border-left:3px solid var(--yellow);align-self:start}.small-label{display:block;color:var(--ink-soft);font-size:.75rem;letter-spacing:1.5px;font-weight:700}.preparation-box h3{font-size:1.55rem;line-height:1.3;letter-spacing:-.5px;margin:16px 0}.preparation-box p{font-size:1rem;line-height:1.75;color:var(--ink-soft);margin-bottom:25px}.location-note{font-size:.9375rem;color:var(--ink-soft);line-height:1.7}.location-note strong{color:var(--ink)}.location-note a{text-decoration:underline;text-underline-offset:3px}.other-regions{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.other-regions h3{font-size:1.125rem;letter-spacing:-.3px}.other-regions .city-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.other-regions .city-grid a{font-size:.875rem;padding:10px 12px}@media(max-width:1100px){.other-regions .city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.local-hero h1{font-size:clamp(2rem,7.5vw,3.4rem);letter-spacing:-1.1px}.local-hero .hero-grid{padding-top:25px;padding-bottom:35px}.local-hero .hero-visual{min-height:335px}.local-hero .eyebrow{font-size:.75rem;letter-spacing:.6px}.breadcrumb{margin-bottom:22px}.other-regions .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preparation-box{padding:26px}.city-grid a{font-size:.875rem;padding:12px}.region .section-intro{margin-bottom:0}.location-note{margin-top:25px}}@media(max-width:350px){.city-grid{grid-template-columns:1fr}.other-regions .city-grid{grid-template-columns:1fr}.local-hero h1{font-size:2rem}}

/* Originalfotos und Arbeitsbeispiele */
.hero-visual{align-self:center;min-height:0;height:auto;aspect-ratio:4/3;width:100%}.hero-photo img{object-fit:cover;object-position:center}.image-label{left:28px;bottom:28px}.image-label>span{max-width:340px;font-size:.75rem;letter-spacing:1px}.image-label strong{font-size:1.75rem}.work-sample-link{display:inline-flex;align-items:center;gap:12px;margin-top:15px;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:4px}.work-sample-link:hover{color:#94700f}.projects{padding-top:14px}.projects .section-heading{margin-bottom:28px}.project-example{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(0,1.14fr) minmax(0,1.14fr);gap:25px;align-items:start;padding:32px 0;border-top:1px solid var(--line)}.project-description{padding:3px 14px 0 0}.project-category{font-size:.75rem;letter-spacing:1.1px;color:#776020;font-weight:700}.project-description h3{font-size:1.55rem;line-height:1.3;letter-spacing:-.6px;margin:13px 0}.project-description p{font-size:1rem;line-height:1.7;color:var(--ink-soft);margin:0}.project-example figure{margin:0;min-width:0}.project-example img{display:block;width:100%;height:auto;border-radius:5px;background:var(--pale)}.project-example figcaption{display:flex;align-items:baseline;gap:10px;margin-top:12px;font-size:.875rem;line-height:1.5;color:var(--ink-soft)}.photo-stage{font-weight:700;font-size:.75rem;color:#83631c}.process-grid{align-items:center}.process-photo{max-width:430px;margin:27px 0 0}.process-photo img{display:block;width:100%;height:auto;border-radius:5px}.process-photo figcaption{font-size:.875rem;color:var(--ink-soft);margin-top:10px}.local-hero .hero-visual{min-height:0}
@media(max-width:1100px){.project-example{gap:18px;grid-template-columns:minmax(150px,.7fr) minmax(0,1.15fr) minmax(0,1.15fr)}.project-description{padding-right:0}.project-description h3{font-size:1.35rem}.image-label{left:22px;bottom:23px}.image-label>span{font-size:.75rem}.image-label strong{font-size:1.5rem}}
@media(max-width:800px){.hero-visual,.local-hero .hero-visual{min-height:0;aspect-ratio:4/3}.hero-photo img{object-position:center}.project-example{grid-template-columns:1fr 1fr;gap:22px 16px;padding:26px 0 32px}.project-description{grid-column:1/-1}.project-description h3{font-size:1.5rem;margin:10px 0}.project-description p{max-width:540px}.projects{padding-top:8px}.projects .section-heading>p br{display:none}.image-label{left:22px;bottom:22px}.image-label>span{font-size:.75rem;letter-spacing:.3px;max-width:285px}.image-label strong{font-size:1.5rem}.location-tag{top:15px;right:12px;padding:10px 14px}.process-photo{max-width:500px}.project-example figcaption{font-size:.875rem;gap:8px}}
@media(max-width:520px){.project-example{grid-template-columns:1fr;gap:25px}.project-description{grid-column:auto}.project-example img{border-radius:4px}.project-example figcaption{margin-top:10px}.image-label{left:18px;bottom:18px}.image-label>span{font-size:.75rem;max-width:230px;line-height:1.4}.image-label strong{font-size:1.4rem;margin-top:5px}.location-tag>span>span{font-size:.75rem}.hero-visual .location-tag{top:12px;right:10px}.location-tag svg{width:22px;height:22px}.location-tag{gap:8px}.process-photo{max-width:none}}

/* Sehr helle, weiß gekalkte Holzstruktur für alle Montageseiten. */
:root{--paper:#f8f7f3;--pale:#f2f1eb;--line:#ddded8}
body,.header,.mobile-nav,.mobile-contact{
  background-color:var(--paper);
  background-image:linear-gradient(rgba(255,255,255,.4),rgba(255,255,255,.4)),url('./assets/holzstruktur-hell.webp');
  background-size:auto,780px 780px;
  background-repeat:repeat;
}
.header{border-bottom-color:var(--line)}
.hero{background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.08) 68%,rgba(218,215,202,.13) 68%,rgba(218,215,202,.13) 100%)}
.process{background:rgba(230,228,218,.2)}
.service-card{background:rgba(255,255,255,.65)}
.service-card.featured,.preparation-box{background:rgba(249,247,240,.8)}
.location-tag{background:#fcfbf8}
.steps li{border-bottom-color:var(--line)}


/* Persönlicher Ansprechpartner bei den Küchen-Arbeitsbeispielen. */
.expert-profile{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;padding:32px 34px;margin:0 0 32px;background:rgba(255,255,255,.68);border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:var(--radius);scroll-margin-top:115px}
.expert-profile .eyebrow{font-size:.75rem;color:var(--ink-soft);margin-bottom:12px;letter-spacing:1.1px}
.expert-intro h3{font-size:2.15rem;line-height:1.15;letter-spacing:-1px;margin:0 0 12px}
.expert-role{font-size:1.25rem;line-height:1.4;font-weight:700;margin:0;color:var(--ink)}
.expert-copy>p{font-size:1rem;line-height:1.75;color:var(--ink-soft);margin:0 0 20px}
.expert-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 28px}
.expert-actions a{text-decoration:underline;text-underline-offset:4px}
.expert-copy .expert-contact-note{font-size:.875rem;margin:17px 0 0}
.contact-person>strong{display:block;font-size:1.5rem;line-height:1.35;margin-bottom:4px}
.contact-person>span:last-child{display:block;color:#bdcbd2;font-size:1rem;line-height:1.5}
@media(max-width:800px){.expert-profile{grid-template-columns:1fr;gap:22px;padding:25px 24px;margin-bottom:28px}.expert-intro h3{font-size:1.95rem}.expert-role{font-size:1.125rem}.expert-actions{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:390px){.expert-profile{padding:24px 20px}.expert-intro h3{font-size:1.8rem}}

/* USM Haller service page and links from the existing service overview. */
.usm-teaser{display:grid;grid-template-columns:170px 1fr auto;align-items:center;gap:28px;margin-top:28px;padding:24px;border:1px solid var(--line);border-left:4px solid var(--yellow);border-radius:var(--radius);background:rgba(255,255,255,.65)}
.usm-teaser img{display:block;width:100%;height:135px;object-fit:cover;border-radius:3px}
.usm-teaser .eyebrow{font-size:.68rem;margin:0 0 10px}.usm-teaser h3{font-size:1.5rem;margin:0 0 8px}.usm-teaser p:not(.eyebrow){margin:0;color:var(--ink-soft);line-height:1.6}.usm-teaser .button{font-size:.86rem;white-space:nowrap}
.usm-hero .hero-photo{aspect-ratio:800/567}.usm-hero .hero-photo img{object-fit:contain}.usm-hero .image-label strong{font-size:clamp(1.15rem,2vw,1.8rem)}
.usm-service-number{font-size:.8rem!important;font-weight:700;letter-spacing:.09em;color:var(--ink-soft)}
.usm-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.usm-gallery figure{margin:0}.usm-gallery img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--radius)}.usm-gallery figcaption{display:flex;align-items:baseline;gap:12px;margin-top:15px;color:var(--ink-soft);font-size:.87rem;line-height:1.6}.usm-gallery .photo-stage{flex-shrink:0}
@media(max-width:1100px){.usm-teaser{grid-template-columns:130px 1fr}.usm-teaser .button{grid-column:2;justify-self:start}.usm-teaser img{grid-row:span 2;height:150px}}
@media(max-width:800px){.usm-teaser{grid-template-columns:1fr;padding:22px;gap:18px}.usm-teaser img{display:none}.usm-teaser .button{grid-column:auto;white-space:normal}.usm-gallery{grid-template-columns:1fr;gap:30px}.usm-hero .hero-photo{aspect-ratio:800/567}}

/* Selected original USM project photos; preserve furniture and people in the visible crop. */
.usm-hero .hero-photo img{object-fit:cover;object-position:50% 50%}
.usm-gallery--selected{grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:40px}
.usm-gallery--selected img{aspect-ratio:2/3;object-fit:cover;object-position:50% 50%}
.usm-gallery--selected figure:nth-child(2) img{object-position:50% 58%}
@media(max-width:800px){.usm-gallery--selected{grid-template-columns:minmax(0,420px);gap:32px}}

/* Kundenlogo links im Seitenkopf. */
.header-inner{min-height:112px;padding-top:8px;padding-bottom:8px}
.header-inner .desktop-nav{margin-left:auto}
.header-inner .header-cta{margin-left:0}
.header .brand-logo{gap:0;line-height:0}
.header .brand-logo img{display:block;width:192px;height:auto;object-fit:contain}
@media(max-width:800px){
  .header-inner{min-height:92px;padding-top:6px;padding-bottom:6px;gap:14px}
  .header .brand-logo img{width:156px}
  .header-inner .header-cta{margin-left:auto}
  .header-inner .menu-toggle{margin-left:0}
}
@media(max-width:520px){
  .header-inner .header-cta{display:none}
  .header .brand-logo{margin-left:0}
  .header-inner .menu-toggle{margin-left:auto}
}

/* Michael Doll mit dem vom Kunden bereitgestellten Bild. */
.expert-profile--portrait{grid-template-columns:minmax(180px,.8fr) minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:28px}
.expert-photo{display:block;width:100%;height:auto;border-radius:5px}
.expert-profile--portrait .expert-intro,.expert-profile--portrait .expert-copy{min-width:0}
@media(max-width:1000px){
  .expert-profile--portrait{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);gap:24px}
  .expert-profile--portrait .expert-copy{grid-column:1/-1}
}
@media(max-width:600px){
  .expert-profile--portrait{grid-template-columns:minmax(0,1fr);gap:24px}
  .expert-profile--portrait .expert-photo{max-width:360px}
  .expert-profile--portrait .expert-copy{grid-column:auto}
}

/* Direkter WhatsApp-Kontakt auf allen Seiten. */
.whatsapp-button,.whatsapp-float{background:#176b44;color:#fff;gap:11px}
.whatsapp-button svg,.whatsapp-float svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-button:hover,.whatsapp-float:hover{background:#125536;color:#fff}
.contact-details .whatsapp-button:hover{color:#fff}
.whatsapp-number{display:block;margin-top:8px;color:#bdcbd2;font-size:.9375rem;letter-spacing:.02em}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:25;display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:13px 20px;border:1px solid rgba(255,255,255,.4);border-radius:30px;box-shadow:0 4px 18px #142c3b26;font-size:1rem;font-weight:700}
@media(max-width:800px){
  .whatsapp-float{display:none}
  .mobile-contact{grid-template-columns:repeat(3,minmax(0,1fr))}
  .mobile-contact a{gap:7px;padding:10px 5px}
  .mobile-contact .mobile-whatsapp{background:#176b44;color:#fff}
  .mobile-contact .mobile-whatsapp:hover{background:#125536}
}

/* Eigenes Impressum im bestehenden Markenauftritt. */
.legal-page{padding:48px 0 70px}
.legal-container{max-width:1060px}
.legal-page .eyebrow{color:var(--ink-soft);margin-bottom:14px}
.legal-page h1{font-size:clamp(2.4rem,5vw,3.5rem);letter-spacing:-1.7px;line-height:1.1;margin:0 0 38px}
.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.legal-block{border-top:1px solid var(--line);padding:25px 0 10px;margin-bottom:24px}
.legal-block h2{font-size:1.4rem;letter-spacing:-.3px;margin-bottom:16px}
.legal-block h3{font-size:1rem;margin:22px 0 6px}
.legal-block p,.legal-block address{font-size:1rem;line-height:1.75;margin:0;color:var(--ink-soft)}
.legal-block .legal-company{font-weight:700;color:var(--ink)}
.legal-data{margin:0}.legal-data>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;margin:10px 0}
.legal-data dt{color:var(--ink-soft)}.legal-data dd{margin:0;overflow-wrap:anywhere}
.legal-data a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.legal-page{padding:30px 0 32px}.legal-grid{grid-template-columns:minmax(0,1fr);gap:0}.legal-page h1{margin-bottom:28px}.legal-block{margin-bottom:18px}.legal-data>div{grid-template-columns:65px minmax(0,1fr);gap:12px}}

.project-example--single figure{grid-column:span 2}
@media(max-width:520px){.project-example--single figure{grid-column:auto}}

/* Weitere Perspektiven innerhalb eines Arbeitsbeispiels. */
.project-photo-series{grid-column:2/-1;min-width:0}
.project-more-photos{margin-top:24px;border-top:1px solid var(--line)}
.project-more-photos summary{padding:16px 0;font-size:.9375rem;font-weight:700;cursor:pointer}
.project-more-photos summary:hover{color:#94700f}
.project-more-photos summary:focus-visible{outline:3px solid #b66c0a;outline-offset:4px}
.project-more-photos[open] summary{margin-bottom:8px}
.project-detail-grid{columns:2;column-gap:24px}
.project-detail-grid figure{display:inline-block;width:100%;break-inside:avoid;margin:0 0 24px;vertical-align:top}
.project-example--portrait>figure{grid-column:2/-1;width:100%;max-width:340px;justify-self:center}
@media(max-width:800px){.project-photo-series,.project-example--portrait>figure{grid-column:1/-1}}
@media(max-width:520px){.project-detail-grid{columns:1}.project-photo-series,.project-example--portrait>figure{grid-column:auto}}

/* Fahrzeugmotiv auf der Impressumsseite. */
.legal-visual{margin:0 0 40px}
.legal-visual img{display:block;width:100%;height:auto;border-radius:4px}
.legal-visual figcaption{margin-top:10px;color:var(--ink-soft);font-size:.875rem;line-height:1.5}
@media(max-width:700px){.legal-visual{margin-bottom:28px}}