/* September 2026 visual refresh */
:root{--primary:#164c59;--primary-dark:#0d3440;--primary-pale:#edf4f2;--accent:#287a57;--ink:#102e38;--body-ink:#29424a;--muted:#61757a;--line:#dce6e3;--radius:20px}
body{background:#fafbf9}section{padding:90px 0}h1,h2,h3{letter-spacing:-.045em}h2{font-weight:600;line-height:1.18}p{max-width:70ch}.eyebrow{letter-spacing:.17em;font-size:.73rem;font-weight:700;color:#287a57}.btn{border-radius:9px;padding:14px 23px;font-size:.9rem;box-shadow:none}.btn-primary{background:#287a57;color:white;border-color:#287a57}.btn-primary:hover{background:#1c6244;border-color:#1c6244}.section-head{margin-bottom:40px}.alt-bg{background:#edf2ee}.trust-strip{background:#102e38}.trust-strip .container{justify-content:center}.site-header{background:#fafbf9}.brand{letter-spacing:-.04em}.hero-video-background{min-height:650px}.hero-video-background h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:1.03;max-width:850px;letter-spacing:-.055em}.hero-video-background h1 em{font-style:normal;color:#c5e8cc}.hero-video-background .hero-copy{max-width:860px}.hero-video-background .lede{font-size:1.15rem;line-height:1.7;margin-top:25px}.hero-video-media:after{background:linear-gradient(90deg,rgba(7,29,35,.85),rgba(7,29,35,.36))}.video-toggle{position:absolute;right:24px;bottom:22px;z-index:4;border:1px solid #ffffff70;background:#102e38b0;color:white;padding:9px 14px;border-radius:30px;font-size:.75rem}.hero-actions{gap:12px}.badge-row{gap:30px}.badge-item{text-align:left;border-top:1px solid #cbd9d2;padding-top:24px}.badge-item .icon-badge{margin:0 0 18px;background:transparent;border:1px solid #cbd9d2;border-radius:50%}.badge-item h3{font-size:1.08rem}
.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{padding:22px;border:1px solid #dce6df;border-radius:16px;background:#fff;box-shadow:none;transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px #163a2912}.service-card-image{width:100%;height:300px;object-fit:contain;background:#edf0eb;border-radius:10px;margin:0 0 22px;order:-1}.service-card>.icon-badge{display:none}.service-card h3{font-size:1.22rem;line-height:1.35}.service-card p{font-size:.9rem}.service-card:nth-child(5){background:#163f49;color:#e2efec;justify-content:center;padding:34px}.service-card:nth-child(5):before{content:'05 / EIN NEUER ANFANG';font-size:.7rem;letter-spacing:.18em;color:#b3dbbd;margin-bottom:26px}.service-card:nth-child(5) h3{color:#fff;font-size:2.1rem}.service-card:nth-child(5) p,.service-card:nth-child(5) a{color:#d0e5da}.card-link{margin-top:22px}.steps-row{gap:24px}.step-card{border:0;background:none;text-align:left;padding:20px 0}.step-num{background:none;color:#287a57;font-size:2.8rem;font-weight:500;border:0;width:auto;height:auto;margin:0 0 18px;justify-content:flex-start}.step-card:after{display:none}
.work-proof{background:#e8eee8}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.comparison{min-width:0;background:#fff;border:1px solid #d6dfd5;padding:24px;border-radius:18px}.comparison header span{font-size:.64rem;font-weight:700;letter-spacing:.14em;color:#517663}.comparison header h3{font-size:1.65rem;margin:10px 0 5px}.comparison header p{color:#63736c;font-size:.9rem;margin-bottom:22px}.comparison-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.comparison figure{margin:0;min-width:0}.comparison img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#edf0eb;border-radius:9px}.comparison figcaption{display:flex;justify-content:space-between;padding:12px 2px;font-size:.8rem;font-weight:600}.comparison figure:last-child figcaption{color:#287a57}.comparison-note{margin:20px 0 0;color:#61736b;font-size:.78rem}.editorial-service.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:55px 0;border:0;border-bottom:1px solid #dce6df;margin:0;scroll-margin-top:120px}.editorial-service:nth-child(even) .service-visual{order:2}.editorial-service:nth-child(even) .service-copy{order:1}.service-visual{min-width:0;background:#edf0eb;border-radius:20px;overflow:hidden}.service-detail-photo{float:none;width:100%;height:490px;object-fit:contain;margin:0;border-radius:0}.service-copy h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:22px}.service-copy p{line-height:1.8}.service-copy .tick-list{margin-top:22px}.service-video{margin:0}.service-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#102e38}.service-video figcaption{padding:12px 18px;font-size:.7rem;color:#61736b}.service-wordmark{min-height:360px;display:flex;flex-direction:column;justify-content:center;padding:44px;background:#164c59;color:white}.service-wordmark strong{font-size:3rem;line-height:1.1;letter-spacing:-.05em;margin:20px 0}.service-wordmark span{font-size:.75rem;letter-spacing:.1em}.service-wordmark p{font-size:.9rem}.page-hero-photo{background:#123942!important}.page-hero-photo:before{background:radial-gradient(ellipse at 80% 10%,#45896b55,transparent 65%)!important}.page-hero h1{font-size:clamp(2.3rem,4.4vw,4rem);max-width:900px}.page-hero .lede{max-width:760px}.about-photo{height:auto!important;background:#edf0eb}.about-photo img{width:100%;height:auto!important;max-height:620px;object-fit:contain!important}
.enquiry-section{background:#10343e;position:relative;color:white}.enquiry-section:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,#568c6760,transparent 62%);pointer-events:none}.enquiry-layout{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:80px;align-items:center}.enquiry-copy h2{color:white;font-size:clamp(2.4rem,4.2vw,4.2rem);line-height:1.13;margin:20px 0 28px}.enquiry-copy .eyebrow{color:#bbdcca}.enquiry-copy>p:not(.eyebrow){color:#c4d7d5}.enquiry-direct{border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;margin:36px 0;padding:24px 0;display:flex;flex-direction:column;gap:10px}.enquiry-direct span{color:#b4ceca;font-size:.85rem}.enquiry-direct a{font-size:1.05rem}.address-note{font-size:.85rem}.enquiry-panel{background:#fff;color:#29424a;padding:38px;border-radius:22px;box-shadow:0 24px 80px #061e3220}.enquiry-panel h3{font-size:1.75rem;margin:10px 0 28px}.enquiry-form{display:grid;gap:18px}.enquiry-form .form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.enquiry-form .field{display:flex;flex-direction:column;gap:7px}.enquiry-form label{font-size:.82rem;font-weight:600}.enquiry-form input:not([type=checkbox]),.enquiry-form textarea{width:100%;min-width:0;border:1px solid #d3dfd9;background:#f6f8f5;border-radius:8px;padding:13px;color:#193c43;font-size:.94rem}.enquiry-form textarea{resize:vertical}.enquiry-form input:focus,.enquiry-form textarea:focus{outline:2px solid #287a57;outline-offset:2px}.enquiry-form .checkbox-row{align-items:flex-start;font-weight:400;font-size:.74rem}.enquiry-form .checkbox-row input{accent-color:#287a57;margin-top:3px;min-width:17px;width:17px;height:17px}.enquiry-form .checkbox-row a{text-decoration:underline}.enquiry-form .btn{width:100%}.enquiry-form .form-note{font-size:.73rem}.form-status:empty{display:none}.form-status{font-size:.85rem;border-radius:8px;background:#edf4ef;padding:14px}.form-status[data-error=true]{background:#fff0ec;color:#853a28}.form-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.contact-card{border:1px solid #dce6df;box-shadow:none;border-radius:20px}.contact-card .icon-row{display:block;border-bottom:1px solid #e4ebe7;padding:14px 0;margin:0}.contact-address{padding-bottom:16px;border-bottom:1px solid #dce6df}.form-card{border-radius:22px;padding:36px}.contact-card a{overflow-wrap:anywhere}
.site-footer{background:#081f29 url('/images/17.jpg') center/cover no-repeat;padding-top:75px;border:0}.site-footer:before{background:linear-gradient(110deg,#071f29f5,#082735e8)}.footer-intro{display:flex;align-items:center;flex-wrap:wrap;gap:28px;border-bottom:1px solid #ffffff24;padding-bottom:50px;margin-bottom:50px}.footer-intro .eyebrow{width:100%;color:#b4d8c2;margin:0}.footer-intro h2{color:white;font-size:clamp(2rem,4vw,3.7rem);margin:0}.footer-intro .btn{margin-left:auto}.footer-grid{grid-template-columns:1fr 1.35fr .65fr;gap:60px;margin-bottom:50px}.footer-brand>p{margin:18px 0 24px;max-width:270px}.contact-details{display:grid;gap:18px}.contact-details dt{font-size:.67rem;letter-spacing:.055em;color:#acc7c3;margin-bottom:4px}.contact-details dd{font-size:.87rem;margin:0;overflow-wrap:anywhere}.footer-col h3{font-size:.8rem;letter-spacing:.05em}.social-text{display:flex;flex-direction:column;gap:10px;margin-top:26px;font-size:.8rem}.footer-bottom{font-size:.75rem}.cta-band{background:#164c59}.cta-band:before{background:radial-gradient(ellipse at top right,#6b976477,transparent)}.map-consent{background:#edf2ee;border:1px solid #d3dfd9;border-radius:20px}.reveal{opacity:1;transform:none}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enquiry-layout{gap:35px;grid-template-columns:1fr 1.1fr}.enquiry-panel{padding:25px}.footer-grid{gap:30px;grid-template-columns:1fr 1.2fr}.footer-col:last-child{grid-column:1/-1}.footer-col:last-child ul{display:flex;flex-wrap:wrap;gap:15px}.editorial-service.service-detail{gap:35px}.comparison{padding:18px}.service-detail-photo{height:430px}}
@media(max-width:700px){section{padding:58px 0}.container{padding-inline:20px}.trust-strip{font-size:.65rem}.hero-video-background{min-height:610px}.hero-video-background h1{font-size:3.7rem}.hero-video-background .lede{font-size:1rem}.hero-actions{align-items:stretch}.video-toggle{right:20px;bottom:14px}.badge-row{grid-template-columns:1fr 1fr;gap:25px}.badge-item h3{font-size:.95rem}.badge-item p{font-size:.8rem}.service-grid{grid-template-columns:1fr 1fr;gap:13px}.service-card{padding:14px;border-radius:12px}.service-card-image{height:220px;margin-bottom:15px}.service-card h3{font-size:1rem;overflow-wrap:anywhere}.service-card p{font-size:.78rem}.service-card .card-link{font-size:.75rem}.service-card:nth-child(5){padding:18px}.service-card:nth-child(5) h3{font-size:1.35rem}.service-card:nth-child(5):before{font-size:.6rem}.steps-row{grid-template-columns:1fr 1fr}.comparison-grid{grid-template-columns:1fr}.comparison-pair{gap:12px}.comparison img{max-height:470px}.enquiry-layout{grid-template-columns:1fr;gap:35px}.enquiry-panel{padding:24px}.enquiry-form .form-two{grid-template-columns:1fr}.enquiry-copy h2{font-size:2.9rem}.editorial-service.service-detail{grid-template-columns:1fr;gap:25px;padding:35px 0}.editorial-service:nth-child(even) .service-visual,.editorial-service:nth-child(even) .service-copy{order:initial}.service-detail-photo{height:auto;max-height:500px}.service-copy h2{font-size:2rem}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-col:last-child{grid-column:auto}.footer-intro .btn{margin-left:0}.footer-intro{gap:20px;padding-bottom:35px}.footer-intro h2{font-size:2.65rem}.footer-bottom{gap:15px}.form-card{padding:23px}.site-footer{padding-top:55px}.page-hero{padding:55px 0}.page-hero h1{font-size:2.25rem}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card-image{height:310px}.hero-video-background h1{font-size:3.1rem}.comparison{padding:14px}.enquiry-panel{padding:19px}}

.values-grid .service-card:nth-child(5){background:white;color:var(--body-ink);padding:22px}.values-grid .service-card:nth-child(5):before{content:none}.values-grid .service-card:nth-child(5) h3{font-size:1.22rem;color:var(--ink)}.values-grid .service-card:nth-child(5) p{color:var(--muted)}#anfrage{scroll-margin-top:78px}

/* Explicit foregrounds keep comparisons readable on every page. */
.comparison{color:#29424a}.comparison h3{color:#102e38}.comparison figcaption{color:#29424a}.comparison figure:last-child figcaption{color:#287a57}.work-proof .comparison-note{color:#4c6267}
@media(max-width:700px){.badge-row,.steps-row{grid-template-columns:repeat(2,minmax(0,1fr))}.badge-item,.step-card{min-width:0;overflow-wrap:anywhere}.badge-item{padding-inline:0}}
.service-copy{min-width:0;overflow-wrap:anywhere;hyphens:auto}@media(max-width:700px){.editorial-service.service-detail{grid-template-columns:minmax(0,1fr)}}
h1,h2,h3{overflow-wrap:anywhere;hyphens:auto}.enquiry-copy,.enquiry-panel,.enquiry-layout>*{min-width:0}@media(max-width:380px){.hero-video-background h1{font-size:2.7rem}.enquiry-copy h2{font-size:2.4rem}.enquiry-panel h3{font-size:1.5rem}}
