/* Eigenständige Revivo-Gestaltung, orientiert an der gewünschten Referenz. */
:root{--ink:#203f53;--muted:#52616a;--lime:#a6ce65;--line:#dde4e7}
header{max-width:none;background:#20333f;color:#fff;padding:12px 6%;border-bottom:4px solid #83af45}
header .brand{background:white;border-radius:4px;width:150px;height:88px}
nav{font-size:16px;font-weight:700}nav .small-button{border-color:#adc98f}
.hero{max-width:none;position:relative;display:block;min-height:660px;background:#223b46;isolation:isolate}
.hero-picture{position:absolute;inset:0;min-height:0;z-index:-1}
.hero-picture img{object-position:center;filter:brightness(.73)}
.hero-picture:after{inset:0;background:linear-gradient(90deg,#102b4166,transparent)}
.hero-copy{padding:110px 8% 75px;max-width:900px}
.hero-copy .eyebrow{background:#21445b;display:inline-block;padding:8px 14px;margin-bottom:22px}
.hero h1{font-size:clamp(40px,4.7vw,68px);line-height:1.22;letter-spacing:-1.8px;margin-bottom:24px}
.hero h1 span{color:#203f53;background:white;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:3px 13px;box-shadow:6px 0 white,-6px 0 white}
.hero-copy>p:not(.eyebrow){max-width:540px;font-size:18px;color:#fff}
.hero-copy .hero-note{font-size:13px!important}.picture-label{display:none}
.image-note{left:auto;right:20px;background:#183141b8;padding:4px 8px}
.button{border-radius:2px;background:#a6ce65}.button:hover{background:#bfdd91}
.strip{max-width:none;background:#7b9f42;color:white;padding:20px 6%}
.section-heading{max-width:1100px;margin:0 auto 40px}.section-heading h2{font-size:42px}
.services{gap:22px;border:0;grid-template-columns:repeat(3,minmax(0,1fr))}
.services article{margin:0;padding:28px;min-height:360px;border:0!important;position:relative;isolation:isolate;overflow:hidden;background:#284b61;color:white;display:flex;flex-direction:column;justify-content:flex-end}
.services article:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#123047f2,#12304730),url('haus-garten.png') center/cover}
.services article:nth-child(3):before,.services article:nth-child(5):before,.services article:nth-child(6):before{background-image:linear-gradient(0deg,#123047f5,#12304740),url('werkzeug.png')}
.services article:nth-child(2):before{background-position:20% center}.services article:nth-child(4):before{background-position:80% center}
.services .number{color:#e0edcf;font-size:12px}.services h3{font-size:25px;margin:16px 0;background:white;color:#203f53;padding:8px 12px;align-self:flex-start}
.services p{color:#fff;margin:5px 0}.services a{align-self:flex-start;color:#d6eeae;margin-top:15px}
.about{background:#f1f3f4}.area{background:#20333f}.contact{background:#20333f;color:#fff}
.contact .eyebrow{color:#b7d88c}.contact-options{background:#2b4352;padding:32px}
.contact .button{background:#a6ce65;color:#173449}.contact .fine{color:#d8e3e7}
footer{background:#172a36;color:#dce5e9}.legal{background:#172a36;color:#dce5e9}.legal p{color:#dce5e9}.legal details{border-color:#48606e}
footer .brand{background:#fff;border-radius:4px}
@media(max-width:1000px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:90px 7% 65px}}
@media(max-width:680px){header .brand{width:120px;height:76px}header{padding:10px 5%}.hero{min-height:650px}.hero-copy{padding:65px 7% 70px}.hero h1{font-size:40px;line-height:1.3}.hero-picture{min-height:0}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-picture img{object-position:65% center}.services{grid-template-columns:1fr}.services article{min-height:330px}.section-heading h2{font-size:34px}.contact-options{padding:22px}.image-note{font-size:11px}.strip{font-size:12px}}