@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{--charcoal:#2f3338;--grey:#9e9e9e;--brown:#7e5c41;--white:#fff;--paper:#f6f5f2;--ink:#25292d;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:Barlow,Arial,sans-serif;line-height:1.6}a{color:inherit}.site-header{height:116px;padding:12px max(4vw,24px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 3px 20px #00000012}.brand{display:flex;flex-direction:column;text-decoration:none;width:min(380px,42vw);gap:1px}.brand img{display:block;width:100%;max-height:78px;object-fit:contain;object-position:left center}.brand span{font-size:12px;letter-spacing:.08em;color:var(--charcoal);font-weight:600;margin-left:4px}.main-nav{display:flex;align-items:center;gap:clamp(18px,3vw,44px)}.main-nav a{text-decoration:none;text-transform:uppercase;font:600 19px 'Barlow Condensed',sans-serif;letter-spacing:.045em;color:var(--charcoal);transition:color .2s}.main-nav a:hover{color:var(--brown)}.menu-toggle{display:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--charcoal);margin:6px}
.hero{min-height:min(690px,calc(100vh - 116px));position:relative;display:flex;align-items:center;overflow:hidden;background:var(--charcoal);color:#fff}.hero-image{position:absolute;inset:0;background-image:url('../assets/hero-tueren-innenausbau.jpg');background-size:cover;background-position:42% center;transform:scale(1.02);animation:heroReveal 1.1s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(15deg,#17191b05 0%,#20232630 38%,#24282d9c 66%,#24282db8 100%)}.hero-content{position:relative;z-index:1;width:min(560px,45%);margin-left:auto;margin-right:max(7vw,40px);padding:65px 0}.eyebrow{font-size:13px;letter-spacing:.18em;font-weight:700;margin:0 0 18px}.hero .eyebrow{color:#e4c7ae}.hero .hero-brand{font-size:15px;font-weight:800;letter-spacing:.16em;margin-bottom:20px}.hero h1{font:800 clamp(54px,6vw,88px)/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0 0 24px}.hero-copy{font-size:clamp(17px,1.5vw,21px);max-width:520px;color:#f1f1f1;margin:0 0 30px}.hero-actions{display:flex;flex-wrap:nowrap;gap:10px}.button{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;padding:11px 14px;border-radius:8px;border:1px solid #ffffffb8;min-height:66px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-brown{background:var(--brown);border-color:var(--brown);color:#fff}.button-outline{background:var(--brown);border-color:var(--brown);color:#fff}.button-instagram{background:var(--brown);border-color:var(--brown);color:#fff}.button-label{font-size:16px;font-weight:700}.button-detail{font-size:12px;opacity:.92}.scroll-cue{position:absolute;bottom:24px;left:50%;width:36px;height:36px;display:grid;place-items:center}.scroll-cue span{width:22px;height:22px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);animation:bob 1.8s infinite}.hero-location{position:absolute;bottom:25px;right:34px;font-size:10px;letter-spacing:.17em;color:#ffffffb5}
.section{padding:100px max(5vw,24px);max-width:var(--max);margin:auto}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.eyebrow-brown{color:var(--brown)}.section-heading h2,.about h2,.service-area h2,.contact h2,.feature-copy h2{font:700 clamp(36px,4.4vw,58px)/1.02 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0 0 18px;color:var(--charcoal)}.section-heading>p:last-child{font-size:18px;color:#62666a;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.service-card{padding:12px 28px 16px;border-right:1px solid #d7d7d7}.service-card:last-child{border:0}.line-icon{width:64px;height:64px;margin-bottom:20px;color:var(--brown)}.line-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font:700 25px/1.05 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 12px}.service-card p{font-size:15px;color:#5e6266;margin:0}
.feature-band{background:var(--charcoal);color:#fff;padding:76px max(7vw,24px);display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.feature-copy{max-width:650px}.eyebrow-light{color:#d0aa8b}.feature-copy h2{color:#fff}.feature-copy>p:last-child{color:#e1e2e3;font-size:18px;max-width:650px}.feature-points{display:grid;gap:18px}.feature-points div{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ffffff35;padding:0 0 16px}.feature-points b{font:700 28px 'Barlow Condensed',sans-serif;color:#b68b6b}.feature-points span{font-size:18px;font-weight:600}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.about-mark{background:transparent;padding:45px 30px;border-radius:4px}.about-mark img{width:100%;height:auto;display:block}.about h2{margin-bottom:4px}.about-subtitle{color:var(--brown);font-weight:700;margin:0 0 22px!important}.about-copy p{font-size:17px;color:#555b60}.gallery{max-width:none;background:var(--paper)}.gallery .section-heading{margin-bottom:35px}.gallery-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{background:#fff;overflow:hidden;border-radius:4px;box-shadow:0 8px 25px #0000000b}.gallery-card img{width:100%;height:250px;object-fit:cover;display:block}.gallery-card div{padding:16px 18px}.gallery-card h3{font:700 23px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:0 0 4px}.gallery-card p{margin:0;color:#65696d;font-size:14px}.gallery-empty{grid-column:1/-1;text-align:center;padding:34px 20px;border:1px dashed #c6c2bd;color:#6a6d70}.gallery-note{text-align:center;color:#777;font-size:14px;margin:25px auto 0}
.service-area{padding:78px max(7vw,24px);display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.service-area h2{margin:0}.service-area>p{font-size:18px;color:#5c6165;max-width:540px}
.contact{background:linear-gradient(90deg,#24282d,#34383d);color:#fff;text-align:center;padding:86px 24px}.contact-inner{max-width:780px;margin:auto}.contact h2{color:#fff}.contact-inner>p:not(.eyebrow){font-size:18px;color:#e1e2e3;margin:0 auto 30px}.contact-actions{justify-content:center}
.site-footer{background:#1f2226;color:#fff;padding:38px max(5vw,24px);display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:25px;align-items:center}.footer-brand{display:flex;flex-direction:column;gap:4px;max-width:270px}.footer-brand img{width:100%;filter:brightness(0) invert(1);opacity:.94}.footer-brand span{font-size:12px;color:#c9c9c9}.footer-contact{display:flex;flex-direction:column;gap:4px;color:#ddd;font-size:14px}.footer-contact a,.footer-legal a{text-decoration:none}.footer-contact a:hover,.footer-legal a:hover{color:#d5ad8f}.footer-legal{display:flex;justify-content:flex-end;gap:22px;font-size:14px}.site-footer small{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:18px;color:#aeb0b2}
@keyframes bob{0%,100%{transform:translateY(-3px) rotate(45deg)}50%{transform:translateY(4px) rotate(45deg)}}@keyframes heroReveal{from{transform:scale(1.08);opacity:.65}to{transform:scale(1.02);opacity:1}}
@media(max-width:900px){.site-header{height:96px}.brand{width:min(300px,55vw)}.brand img{max-height:65px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:96px;left:0;right:0;background:#fff;padding:18px 24px 24px;box-shadow:0 12px 18px #00000018;flex-direction:column;align-items:flex-start;gap:15px}.main-nav.open{display:flex}.hero{min-height:680px}.hero-content{width:min(560px,72%);margin-right:6vw}.hero-shade{background:linear-gradient(10deg,#1f222d28,#24282da8 58%,#24282dc2)}.service-grid{grid-template-columns:repeat(2,1fr);row-gap:32px}.service-card:nth-child(2){border-right:0}.feature-band{grid-template-columns:1fr;gap:30px}.about{gap:38px}.site-footer{grid-template-columns:1fr 1fr}.footer-legal{grid-column:1/-1;justify-content:flex-start}.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){html{scroll-padding-top:85px}.site-header{height:84px;padding:8px 18px}.brand{width:245px;max-width:72vw}.brand img{max-height:54px}.brand span{font-size:10px}.main-nav{top:84px}.hero{min-height:690px;align-items:flex-end}.hero-image{background-position:32% center}.hero-shade{background:linear-gradient(0deg,#202328d8 0%,#202328b8 48%,#20232825 100%)}.hero-content{width:auto;margin:0;padding:0 24px 90px}.hero h1{font-size:58px}.hero-copy{font-size:17px}.hero-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.button{min-width:0;min-height:58px;padding:9px 8px;align-items:center;text-align:center}.button-label{font-size:12px}.button-detail{display:none}.hero-location{font-size:8px;right:16px;bottom:20px}.scroll-cue{left:24px;bottom:18px}.section{padding:72px 22px}.section-heading{margin-bottom:38px}.section-heading h2,.about h2,.service-area h2,.contact h2,.feature-copy h2{font-size:42px}.service-grid{grid-template-columns:1fr;gap:0}.service-card{border-right:0;border-bottom:1px solid #ddd;padding:22px 4px;display:grid;grid-template-columns:62px 1fr;column-gap:18px}.service-card:last-child{border-bottom:0}.line-icon{grid-row:span 2;width:55px;height:55px;margin:0}.service-card h3{align-self:end;font-size:24px}.service-card p{font-size:14px}.feature-band{padding:65px 24px}.about{grid-template-columns:1fr;gap:30px}.about-mark{max-width:390px;margin:auto;padding:30px}.about-copy p{font-size:16px}.gallery-grid{grid-template-columns:1fr}.gallery-card img{height:230px}.service-area{grid-template-columns:1fr;gap:20px;padding:65px 24px}.service-area>p{font-size:16px}.contact{padding:70px 22px}.site-footer{grid-template-columns:1fr;padding:34px 24px}.footer-brand{max-width:240px}.footer-legal{grid-column:auto}.site-footer small{grid-column:auto}.mobile-break{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}