:root{--ink:#333639;--red:#b92025;--muted:#6c7073;--line:#dce0e1;--soft:#f2f4f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{max-width:100%}.skip-link{position:absolute;left:20px;top:-80px;padding:10px 16px;background:var(--ink);color:white;z-index:5}.skip-link:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;flex-direction:column;justify-content:center;width:208px;min-height:83px;padding:16px 22px;background:var(--ink);color:#fff;flex-shrink:0}.brand img{width:164px;height:auto;display:block}.brand>span{font-size:13px;letter-spacing:.3em;margin:5px 0 0 4px}.brand-promise{font-size:12px;letter-spacing:.08em;color:#5e6365}.header-link{display:flex;align-items:center;gap:29px;font-size:12px;border-bottom:1px solid #a9afb1;padding:12px 0}.header-link span{font-size:21px;color:var(--red)}.header-link:hover{color:var(--red)}main{max-width:2000px;margin:auto}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;padding:74px 5% 65px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:600;line-height:1.5;margin:0 0 27px}.eyebrow>span{display:inline-block;width:22px;height:3px;background:var(--red);vertical-align:middle;margin-right:9px}h1{font-size:clamp(48px,6.1vw,100px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--red)}.intro-side{align-self:end;padding-bottom:3px}.construction-label{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.11em;font-weight:600;margin:0 0 19px}.construction-label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.intro-copy{font-size:clamp(20px,2vw,29px);letter-spacing:-.025em;line-height:1.4;margin:0 0 16px}.intro-detail{font-size:13px;line-height:1.75;color:var(--muted);max-width:405px;margin:0}.hero{margin:0 2.4%;position:relative;background:#e1e5e6}.hero>img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;display:block}.hero figcaption{display:flex;justify-content:space-between;gap:20px;background:var(--soft);padding:16px 2.75%;font-size:9px;letter-spacing:.09em;color:#666d70}.hero figcaption span:last-child{letter-spacing:.02em}.expertise{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding:74px 5% 82px}.expertise-heading>.eyebrow{color:var(--muted);margin-bottom:24px}h2{font-size:clamp(32px,3.7vw,56px);line-height:1.12;letter-spacing:-.045em;font-weight:500;margin:0}.expertise-list{border-top:1px solid var(--line)}.expertise-list>a{display:grid;grid-template-columns:35px 1fr 30px;gap:19px;align-items:center;border-bottom:1px solid var(--line);padding:23px 0;transition:color .15s}.expertise-list>a:hover{color:var(--red)}.number{font-size:10px;color:#92989b;align-self:start;padding-top:5px}.expertise-list strong{display:block;font-size:21px;font-weight:500;letter-spacing:-.025em;line-height:1.25}.expertise-list small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.arrow{font-size:24px;color:var(--red)}.next-step{margin:0 2.4%;background:var(--soft);padding:60px 2.75%;display:grid;grid-template-columns:1fr 1fr;gap:16%}.next-step .eyebrow{color:var(--muted)}.next-copy{max-width:390px;align-self:end}.next-copy>p{font-size:14px;color:var(--muted);margin:0 0 25px;line-height:1.75}.button{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--red);color:#fff;padding:16px 21px;font-size:13px;min-height:56px}.button:hover{background:#9d1a20}.button>span{font-size:23px;line-height:1}.next-copy>small{display:block;margin-top:12px;color:#747a7c;font-size:10px}footer{padding:42px 5% 25px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:20px;align-items:center;color:#646b6e;font-size:11px}.footer-name{letter-spacing:.15em;color:var(--ink);font-size:12px}footer>a{border-bottom:1px solid #c1c6c8;padding:7px 0}footer>a span{margin-left:15px;color:var(--red)}footer>small{grid-column:1/-1;border-top:1px solid var(--line);margin-top:14px;padding-top:19px;font-size:9px;color:#83898b}@media(min-width:1800px){.header,footer{padding-left:max(5%,calc((100vw - 1800px)/2));padding-right:max(5%,calc((100vw - 1800px)/2))}}@media(max-width:1000px){.brand-promise{display:none}.intro{gap:6%;padding-top:55px}.intro h1{font-size:clamp(48px,6.7vw,75px)}.intro-copy{font-size:22px}.construction-label{font-size:8px}.expertise{gap:7%}.next-step{gap:9%}.hero>img{aspect-ratio:2.5/1}}@media(max-width:650px){.header{padding:18px 6%;gap:20px}.brand{width:150px;min-height:65px;padding:12px 14px}.brand img{width:122px}.brand>span{font-size:10px;margin-top:4px}.header-link{font-size:10px;gap:12px;max-width:128px;line-height:1.5}.header-link>span{font-size:18px}.intro{display:block;padding:40px 6% 32px}.eyebrow{font-size:8px;margin-bottom:23px}.intro h1{font-size:clamp(42px,9.9vw,63px);line-height:1.06;letter-spacing:-.055em}.intro-side{margin-top:30px}.construction-label{font-size:8px;margin-bottom:14px}.intro-copy{font-size:21px;margin-bottom:13px}.intro-detail{font-size:12px;max-width:370px}.hero{margin:0}.hero>img{aspect-ratio:1.65/1;object-position:62% center}.hero figcaption{padding:13px 6%;font-size:7px;gap:12px;align-items:start}.hero figcaption>span:last-child{max-width:150px;text-align:right;line-height:1.5}.expertise{display:block;padding:42px 6%}.expertise-heading{margin-bottom:29px}.expertise-heading .eyebrow{margin-bottom:16px}h2{font-size:35px}.expertise-list>a{padding:20px 0;gap:10px;grid-template-columns:28px 1fr 24px}.expertise-list strong{font-size:20px}.expertise-list small{font-size:11px}.next-step{display:block;margin:0;padding:37px 6%}.next-step .eyebrow{margin-bottom:19px}.next-copy{margin-top:25px;max-width:none}.next-copy>p{font-size:13px;margin-bottom:20px}.button{font-size:12px}.next-copy>small{font-size:9px}footer{grid-template-columns:1fr auto;padding:30px 6% 22px;font-size:10px;gap:12px}footer>span:nth-child(2){grid-column:1;grid-row:2}.footer-name{font-size:10px}footer>a{grid-column:2;grid-row:1/3}.footer-name+span{font-size:9px}footer>small{font-size:8px;line-height:1.6;margin-top:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* User revision: integrated light logo and panoramic industrial roof. */
.header{padding-top:22px;padding-bottom:22px;gap:26px}.brand{background:transparent;color:var(--ink);padding:0;width:210px;min-height:66px;align-items:flex-start}.brand img{width:202px;height:62px;object-fit:contain;object-position:left center}.brand>span{font-size:13px;letter-spacing:.32em;margin:-4px 0 0 3px}.intro{padding-top:45px;padding-bottom:40px;grid-template-columns:1.15fr 1fr;gap:8%}.intro h1{font-size:clamp(46px,5.1vw,84px)}.hero{margin-left:0;margin-right:0}.hero>img{aspect-ratio:2.5/1;object-fit:cover;object-position:center}.hero figcaption{padding-left:5%;padding-right:5%}@media(max-width:650px){.header{padding:16px 6%;gap:16px}.brand{width:150px;min-height:55px}.brand img{width:146px;height:45px}.brand>span{font-size:10px;margin-top:-1px}.intro{padding:31px 6%}.intro h1{font-size:48px}.hero>img{aspect-ratio:1.35/1;object-position:36% center}.hero figcaption{padding-left:6%;padding-right:6%}}

/* WEB_DEVAM 001 */
main:focus{outline:none}.intro-main,.intro-side,.expertise-list,.next-copy{min-width:0}.construction-label,.eyebrow{font-size:11px}.intro-detail{font-size:15px}.hero figcaption{font-size:11px;line-height:1.6}.expertise-list small{font-size:14px}.next-copy>small{font-size:12px;color:#5e6365}footer>small{font-size:11px;color:#62686b}.number{color:#62686b}
@media(max-width:650px){.intro h1{font-size:clamp(34px,9.8vw,48px)}.header-link{font-size:12px;min-height:44px}.header{gap:12px}.brand{width:136px}.brand img{width:136px}.eyebrow,.construction-label{font-size:10px}.intro-detail{font-size:14px}.hero figcaption{font-size:10px;flex-wrap:wrap;gap:6px}.hero figcaption>span:last-child{max-width:none;text-align:left}.expertise-list small{font-size:13px}.next-copy>small{font-size:12px}footer>small{font-size:11px}}
@media(forced-colors:active){.button{border:1px solid ButtonText}}

/* WEB_DEVAM 014: keep the foreground SAHAN back logo in the mobile crop. */
@media(max-width:650px){.hero>img{object-position:70% center}}

/* Readiness 035: preserve the complete illustrative composition. */
.hero img{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;width:100%}


/* CI-Logo: SAHAN + zentrierter Slogan */
.brand{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:0!important;padding:0!important;background:transparent!important;text-decoration:none}
.brand img{width:184px!important;height:auto!important;object-fit:contain!important;display:block}
.brand .brand-slogan{display:block;width:184px;margin:7px 0 0!important;text-align:center;font-size:9.4px;letter-spacing:.02em;line-height:1;white-space:nowrap;color:#4a4f52;text-transform:none}
@media(max-width:720px){.brand img{width:140px!important}.brand .brand-slogan{width:140px;font-size:7.2px;margin-top:5px!important}}
.brand .brand-slogan{letter-spacing:.18em!important;padding-left:.18em;box-sizing:border-box;width:auto!important}
.brand img{margin:0!important}

/* Footer-Logo: SAHAN + zentrierter Slogan */
.footer-logo{display:inline-flex;flex-direction:column;align-items:center;text-decoration:none;border:0!important;padding:0!important}
.footer-logo img{width:150px;height:auto;display:block}
.footer-logo span{display:block;margin-top:6px;font-size:7.8px;letter-spacing:.18em;padding-left:.18em;white-space:nowrap;line-height:1;font-weight:400}
footer .footer-logo span{color:#5e6365}
footer>.footer-logo{grid-column:auto;grid-row:auto}
footer{display:flex!important;flex-wrap:wrap;align-items:center;gap:14px 28px}
footer>.footer-logo{margin-right:auto}
footer>a:not(.footer-logo){grid-column:auto!important;grid-row:auto!important}
footer>small{flex-basis:100%;order:9}