/* Konzept 2: Holz, klare Kanten und eine bildstarke Startseite. */
:root{--ink:#102526;--muted:#415351;--paper:#fffdf8}
header{height:94px;background:#102526;color:#fff;border-bottom:1px solid #42605e;position:sticky;top:0;z-index:100}
.brand img{border-radius:50%;width:54px;height:54px}
.brand span{letter-spacing:3px}.brand strong{letter-spacing:1.5px}
nav a:hover{color:#62dedb}.nav-contact{background:#00a4af;color:#082325;border:0}.nav-contact:hover{background:#6be2dd;color:#082325}
.hero{position:relative;isolation:isolate;min-height:700px;padding:72px 8% 96px;display:block;background:#102526;color:#fff;overflow:hidden}
.hero-visual{position:absolute;inset:0;z-index:-2;min-height:0;margin:0}
.fleet{border-radius:0;object-position:center 54%;height:100%;width:100%}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,25,27,.97) 0%,rgba(5,25,27,.86) 37%,rgba(5,25,27,.23) 75%,rgba(5,25,27,.13))}
.hero-copy{padding:0;max-width:750px}.hero-copy .eyebrow{color:#80e2de;letter-spacing:3px}
h1{font-size:clamp(48px,5.9vw,90px);line-height:.99;letter-spacing:-3.5px;margin-bottom:26px;font-weight:800}
h1 span{color:#61d8d5}.intro{color:#f1f4ef;font-size:18px}
.dark{background:#00a4af;color:#06272a;border:1px solid #00a4af}.dark:hover{background:#6be2dd;color:#06272a}
.hero-more{color:#fff;display:inline-flex;margin-left:25px;font-size:14px}.photo-label{display:none}
.hiring-note{z-index:1;right:7%;bottom:55px;transform:none;width:260px;box-shadow:none;border:0;border-left:6px solid #00a4af;color:#102526;padding:25px;background:linear-gradient(#ffeccc66,#ffeccc66),url('assets/holz.jpg') center/cover}
.hiring-note:hover{transform:translateY(-3px)}
.trade-strip{background:#102526;color:#f7f8f2;border:0;border-bottom:4px solid #00a4af;padding-top:26px;padding-bottom:26px;font-size:16px;letter-spacing:1px}
.trade-strip i img{width:42px;height:42px;border-radius:0;filter:brightness(0) invert(1)}
.section{padding:90px 8%}.craft{display:block;background:linear-gradient(#fffaf0df,#fffaf0df),url('assets/holz.jpg') center/cover}
.section-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:10%;align-items:end;margin-bottom:45px}
.section-heading .eyebrow{grid-column:1/-1;margin-bottom:24px}.section-heading h2{margin:0}.section-heading>p:last-child{margin:0;max-width:440px}
h2{font-size:clamp(38px,4.3vw,64px);letter-spacing:-2px;line-height:1.04}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.services article{background:#fffdf6;border:1px solid #c9bfae!important;border-top:4px solid #008e98!important;padding:30px 27px 34px}
.number{position:static;display:block;font-size:14px;letter-spacing:2px;margin-bottom:35px;color:#00747d}
.services h3{font-size:27px}.services p{font-size:16px}
.insights{background:#fffdf8}.section-top{align-items:center}.text-link{font-weight:700}
.post-grid{gap:34px}.post{border:0;box-shadow:none;background:transparent;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-top:1px solid #a3b8b1;padding-top:22px;gap:22px}
.post-copy{padding:0}.post-copy h3{font-size:23px}.post-copy p:last-child{font-size:15px}.post-copy .eyebrow{font-size:10px;letter-spacing:1px}.post img{aspect-ratio:1}
.career{position:relative;background:#102526;padding:80px 8%;gap:9%;border-top:8px solid #00a4af;grid-template-columns:1.15fr 1fr}
.career h2{font-size:clamp(42px,4.5vw,68px)}.career h2 span{color:#61d8d5}.career-title>p{max-width:535px}.career .light{background:#00a4af;color:#06272a}
.benefits{padding:35px;background:linear-gradient(#fff3d6a8,#fff3d6a8),url('assets/holz.jpg') center/cover;color:#102526;align-self:center}
.benefits>div{border-color:#8c8170;padding:20px 0}.benefits>div:first-child{padding-top:0}.benefits>div span{color:#005c65;font-weight:700}.benefits h3{font-size:23px}.benefits p{color:#243a39}.benefits>a{font-weight:700}
.contact{background:#00a4af;color:#08272a;grid-template-columns:1fr 1.1fr;padding-top:85px;padding-bottom:85px}
.contact p,.contact .eyebrow,.person strong{color:#08272a}.contact h2{font-size:clamp(50px,5.5vw,78px)}.contact-details>a{border-color:#17616a}.contact-details>a:last-child{border-color:#17616a}.contact-details>a strong{font-weight:700}.contact-details>a:hover strong{color:#fff}.contact-details>a span{font-size:12px}
footer{background:#102526;color:#fff;border:0}footer p{color:#d2e1dc}
@media(min-width:1600px){.hero{padding-left:max(8%,calc((100vw - 1350px)/2));padding-right:max(8%,calc((100vw - 1350px)/2))}}
@media(max-width:1000px){.hero{min-height:660px;padding:65px 6% 100px}h1{font-size:66px}.hiring-note{width:232px;right:4%;bottom:40px;padding:20px}.hiring-note strong{font-size:24px}.post{grid-template-columns:1fr;gap:20px}.post-copy{padding-bottom:8px}.services{gap:16px}.services article{padding:24px 20px}.benefits{padding:25px}.hero-more{display:flex;margin-left:0}}
@media(max-width:720px){header{height:80px;position:sticky}.menu-toggle{color:#fff}nav{background:#102526;border-color:#466562}nav a{color:#fff}.nav-contact{padding:14px}.hero{padding:48px 6% 52px;min-height:0;overflow:visible}.hero-copy{max-width:100%}h1{font-size:clamp(44px,10.7vw,66px);letter-spacing:-2px;line-height:1.02}.hero:after{background:linear-gradient(90deg,#061e20ef,#061e20b8)}.hero-visual{height:100%;margin:0}.fleet{object-position:57% center}.hiring-note{display:none}.intro{font-size:16px}.hero-more{display:flex;margin:24px 0 0}.hero-copy .eyebrow{letter-spacing:1.5px}.trade-strip{font-size:13px;letter-spacing:0;padding:22px 4%;gap:10px}.trade-strip i img{width:26px;height:26px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-bottom:23px}.services{grid-template-columns:1fr;gap:17px}.services article{padding:24px}.number{margin-bottom:17px}.services h3{font-size:25px}.post-grid{gap:32px}.post{grid-template-columns:1fr;gap:20px}.post-copy h3{font-size:25px}.post-copy p:last-child{font-size:16px}.career{padding:58px 6%;display:block}.career h2{font-size:46px}.benefits{margin-top:35px;padding:28px}.benefits h3{font-size:23px}.contact{display:block}.contact h2{font-size:54px}.contact-details{margin-top:36px}.contact-details>a .email{font-size:20px}.section-top{display:block}}

footer{flex-wrap:wrap;gap:24px}

/* Vector arrows stay consistent across desktop and mobile. */
svg.link-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex-shrink:0;vertical-align:-.12em;overflow:visible}

/* Keep the menu reachable at high zoom on narrow displays. */
header{container-type:inline-size}@container(max-width:280px){header .brand>span{display:none}}