
:root{--navy:#0b243b;--yellow:#f7cf40;--ink:#172d3d;--white:#fff;--muted:#536575}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.6;font-size:17px}a{color:inherit}header{background:var(--navy);color:white;padding:20px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px} .brand{text-decoration:none;font-weight:800;line-height:1.2;font-size:22px}.brand small{display:block;font-size:12px;letter-spacing:3px;color:var(--yellow);margin-top:5px}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:15px}.hero{background:var(--navy);color:white;padding:70px 6% 90px;display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:14px;font-weight:bold;color:var(--yellow)}h1{font-size:clamp(43px,6.2vw,85px);line-height:1.03;letter-spacing:-3px;max-width:900px;margin:24px 0}h1 span{color:var(--yellow)}h2{font-size:clamp(30px,4vw,47px);line-height:1.12;letter-spacing:-1px;margin:10px 0 25px}h3{font-size:23px;line-height:1.2}.lead{max-width:650px;color:#cedbe5;font-size:20px}.buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{display:inline-flex;padding:14px 23px;text-decoration:none;font-weight:bold;border-radius:3px;background:var(--yellow);color:var(--navy);border:1px solid var(--yellow)}.button.secondary{background:transparent;color:white;border-color:#8d9eae}.hero-aside{align-self:end;border-top:3px solid var(--yellow);padding-top:24px}.hero-aside strong{font-size:29px;display:block}.hero-aside p{color:#cedbe5}.stripe{background:var(--yellow);padding:19px 6%;display:flex;justify-content:space-between;gap:18px;font-weight:bold}.section{padding:75px 6%}.section .intro{max-width:750px;color:var(--muted)}.section-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:var(--muted);font-weight:bold}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:38px;border-top:1px solid #cad4dc;border-left:1px solid #cad4dc}.card{padding:32px;border-right:1px solid #cad4dc;border-bottom:1px solid #cad4dc}.number{color:#667d90;font-size:14px;font-weight:bold}.card p{color:var(--muted);margin-bottom:0}.business{background:#eef3f7;display:grid;grid-template-columns:1fr 1fr;gap:75px}.business ul{padding-left:20px}.business li{margin:13px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:38px}.step{border-top:3px solid var(--yellow);padding-top:20px}.step p{color:var(--muted)}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.contact p{color:#cedbe5}.phone{font-size:clamp(26px,4vw,43px);font-weight:bold;text-decoration:none;display:block;margin:25px 0}.region{padding:25px 6%;background:#eef3f7;color:var(--muted)}footer{padding:25px 6%;font-size:14px;display:flex;justify-content:space-between;gap:20px}details{max-width:650px}summary{cursor:pointer}a:focus-visible,summary:focus-visible{outline:3px solid #dfac08;outline-offset:5px}@media(max-width:800px){header{align-items:flex-start}nav{gap:14px;flex-wrap:wrap}.hero,.business,.contact{grid-template-columns:1fr;gap:35px}.hero{padding-top:45px}.grid{grid-template-columns:repeat(2,1fr)}.stripe{flex-wrap:wrap}.steps{grid-template-columns:1fr;gap:20px}h1{letter-spacing:-1.5px}}@media(max-width:480px){header{flex-direction:column}.grid{grid-template-columns:1fr}.section{padding:50px 6%}.hero{padding-bottom:50px}.card{padding:25px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

header{background:#fff;color:var(--navy);flex-wrap:wrap;border-bottom:1px solid #e2e7ec}.brand{display:flex;align-items:center;gap:14px}.brand-logo{display:block;width:86px;height:63px;background:url('/assets/logo-original.jpeg') center 8%/100% auto no-repeat}.brand small{color:#9a7620}nav{flex-wrap:wrap;gap:18px}nav a[aria-current=page]{border-bottom:2px solid #b78c28}.page-hero{background:var(--navy);color:white;padding:60px 6%}.page-hero h1{font-size:clamp(40px,5vw,66px);letter-spacing:-1.5px}.page-hero p{max-width:740px;color:#cedbe5}.prose{max-width:960px;margin:auto;padding:55px 6%}.prose h2{font-size:29px;margin-top:38px}.prose p,.prose li{color:var(--muted)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:45px 6%}.gallery figure{margin:0;border:1px solid #dbe2e8}.gallery-photo{width:100%;aspect-ratio:1/1.7;background-image:url('/assets/beispielobjekte.png');background-size:300% 100%;background-repeat:no-repeat}.gallery figcaption{padding:22px}.gallery figcaption small{display:block;color:#6a7580}.logo-feature{width:min(360px,100%);aspect-ratio:1.35;background:url('/assets/logo-original.jpeg') center top/100% auto no-repeat;margin:25px auto}.two-col{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;padding:50px 6%}form{background:#eef3f7;padding:30px;border-radius:5px}label{display:block;font-weight:bold;margin:14px 0 6px}input,textarea,select{width:100%;font:inherit;border:1px solid #a6b5c0;border-radius:3px;padding:12px;background:white;color:var(--navy)}textarea{min-height:155px;resize:vertical}button{font:inherit;cursor:pointer}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.form-status{font-size:15px}.legal-note{padding:18px;border-left:4px solid #b78c28;background:#fff7dc;font-size:15px}footer{background:#eef3f7;flex-wrap:wrap}footer a,footer button{font:inherit}footer button{border:0;background:none;padding:0;text-decoration:underline;color:inherit}.cookie-panel{position:fixed;bottom:20px;left:20px;right:20px;max-width:720px;margin:auto;background:white;border:1px solid #c9d3dc;padding:24px;box-shadow:0 6px 35px #0b243b44;z-index:20}.cookie-panel h2{font-size:22px;margin:0 0 8px}.cookie-panel p{font-size:14px;margin:6px 0}.cookie-panel[hidden]{display:none}.cookie-panel .button{font-size:14px}.gallery-intro{max-width:950px;padding:30px 6% 0}.inline-contact{overflow-wrap:anywhere}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid #b78c28;outline-offset:3px}@media(max-width:800px){.gallery,.two-col{grid-template-columns:1fr}.gallery-photo{aspect-ratio:1.5}.brand-logo{width:65px;height:48px}.two-col{gap:24px}.cookie-panel{left:10px;right:10px;bottom:10px;padding:16px;max-height:85vh;overflow:auto}}

.service-link{display:inline-block;margin-top:18px;font-size:15px;font-weight:bold;color:var(--navy);text-underline-offset:4px}.extra-photo{background-image:url('/assets/innenausbau-transport.png')}.service-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0}.service-preview>a{text-decoration:none}.service-preview strong{display:block;padding:16px 0;font-size:20px}.service-preview .gallery-photo{aspect-ratio:1/1.2}@media(max-width:800px){.service-preview{grid-template-columns:1fr}.service-preview .gallery-photo{aspect-ratio:1.4}}

/* Updated business name: retain the building symbol with a text wordmark. */
.brand-logo{height:47px;background-position:center top}.logo-feature{aspect-ratio:1.82;margin-bottom:0}.feature-wordmark{text-align:center;font-weight:800;font-size:32px;line-height:1.15;color:var(--navy)!important;margin:8px 0 25px}.feature-wordmark span{display:block;font-size:18px;letter-spacing:3px}@media(max-width:800px){.brand-logo{height:36px}}
