:root{--navy:#293a7b;--deep:#172755;--teal:#5db2ac;--ink:#172442;--muted:#5c6980;--off:#f5f7f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button{font:inherit} .container{width:min(1180px,calc(100% - 56px));margin:auto}.topline{height:5px;background:linear-gradient(90deg,var(--navy),var(--teal))}.header{position:relative;z-index:20;background:#fff;box-shadow:0 3px 18px #17275512}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo{width:184px;max-height:85px;object-fit:contain}.nav{display:flex;gap:31px;align-items:center;font-size:14px;font-weight:700}.nav a:hover,.nav a:focus{color:#318f91}.nav .nav-cta{padding:14px 19px;background:var(--navy);color:#fff}.nav .nav-cta:hover{background:var(--deep);color:#fff}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;color:var(--navy);cursor:pointer}.hero{position:relative;min-height:620px;overflow:hidden;background:var(--deep)}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#0d1c3e88,#0d1c3e22),url('assets/anlage.jpg') center/cover;filter:saturate(.65)}.hero-panel{position:absolute;inset:0 auto 0 0;width:68%;background:linear-gradient(125deg,#263b80f5,#1c2d61ed);clip-path:polygon(0 0,100% 0,83% 100%,0 100%)}.hero .container{position:relative;z-index:1;display:flex;align-items:center;min-height:620px}.hero-content{max-width:690px;padding:70px 0 105px;color:white}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:#91ded4}.hero h1{font-size:clamp(44px,5.5vw,78px);line-height:1.05;letter-spacing:-.045em;margin:26px 0 20px;font-weight:800}.hero h1 span{color:#83d2cb}.hero p{font-size:19px;line-height:1.7;max-width:580px;color:#f2f5ff}.buttons{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:800;font-size:14px;transition:.2s}.btn-teal{background:var(--teal);color:#10254d}.btn-teal:hover{background:#82d5cb}.btn-outline{border:1px solid #ffffffa6;color:white}.btn-outline:hover{background:#ffffff25}.hero-stripe{position:absolute;bottom:0;left:0;width:55%;height:13px;background:linear-gradient(90deg,var(--teal),#33718d);clip-path:polygon(0 0,100% 0,97% 100%,0 100%)}.intro{padding:91px 0 42px}.section-tag{font-size:12px;font-weight:800;letter-spacing:.17em;color:#328e91;text-transform:uppercase}.section-title{font-size:clamp(35px,4vw,54px);letter-spacing:-.045em;line-height:1.13;margin:15px 0 22px;color:var(--navy)}.section-title .accent{color:var(--teal)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:end}.lead{font-size:19px;line-height:1.7;color:#536077;max-width:590px}.intro-note{border-left:4px solid var(--teal);padding:9px 0 9px 25px;font-size:18px;font-weight:700;line-height:1.6;color:var(--navy)}.services{padding:48px 0 110px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service{position:relative;min-height:290px;overflow:hidden;background:#203461;color:white;display:flex;align-items:end}.service img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.45);transition:transform .5s}.service:hover img{transform:scale(1.055)}.service:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0b1c43ed,#0b1c4320)}.service-content{position:relative;z-index:1;padding:35px;width:100%}.service-number{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;color:#9ce2d9}.service h3{font-size:27px;margin:11px 0 0;letter-spacing:-.025em}.service-arrow{position:absolute;right:34px;bottom:37px;font-size:30px;color:#83d2cb}.about{background:var(--off);padding:100px 0}.about-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px;align-items:center}.about-image{min-height:455px;position:relative;background:url('assets/industrie.jpg') center/cover;filter:saturate(.65)}.about-image:before{content:"";position:absolute;inset:0;border:12px solid #ffffff30}.about-image:after{content:"";position:absolute;right:-19px;bottom:-19px;width:45%;height:14px;background:var(--teal)}.about-copy p{line-height:1.85;color:#5a6578;font-size:17px}.features{margin-top:26px;display:grid;gap:17px}.feature{display:flex;gap:15px;align-items:flex-start;font-weight:700;color:var(--navy)}.feature b{color:var(--teal);font-size:22px}.reference{padding:100px 0}.reference-card{display:grid;grid-template-columns:1fr 1fr;min-height:340px;background:var(--deep);color:white}.reference-photo{background:url('assets/montage.png') center/cover;filter:saturate(.65)}.reference-text{padding:55px;display:flex;flex-direction:column;justify-content:center}.reference-text h3{font-size:32px;margin:12px 0}.reference-text p{line-height:1.75;color:#d7e0f3}.reference-label{color:#8fd6cd;font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.contact{background:linear-gradient(115deg,#263b80,#172756);color:#fff;padding:85px 0;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;right:-120px;top:-110px;width:400px;height:600px;transform:rotate(25deg);background:#ffffff08}.contact-grid{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(34px,4vw,50px);margin:12px 0}.contact p{color:#dbe4f3;line-height:1.7}.footer{background:#111d3e;color:#c4cde1;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}.footer strong{color:white}.footer a:hover{color:white}.footer-links{display:flex;gap:24px}.draft-note{font-size:12px;color:#68748a;background:#f3f5f8;padding:15px 28px;text-align:center}@media(max-width:850px){.container{width:min(100% - 36px,1180px)}.header-inner{height:78px}.logo{width:145px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 14px 22px #111d3e22}.nav.open{display:flex}.nav a{padding:17px 25px;border-top:1px solid #e8ebf0}.nav .nav-cta{margin:12px 20px;text-align:center}.hero,.hero .container{min-height:600px}.hero-panel{width:100%;clip-path:none;background:linear-gradient(90deg,#192c63ee,#192c63b9)}.hero-content{padding:60px 0}.hero h1{font-size:clamp(44px,8vw,65px)}.hero-stripe{width:80%}.intro-grid,.about-grid,.reference-card{grid-template-columns:1fr;gap:26px}.service-grid{grid-template-columns:1fr}.about-image{min-height:330px;order:2}.reference-photo{min-height:300px}.contact-grid,.footer-inner{align-items:flex-start;flex-direction:column}.intro{padding-top:70px}.services{padding-bottom:75px}.about,.reference{padding:75px 0}.reference-text{padding:35px}.footer-links{flex-wrap:wrap}}

/* V4 additional pages */
.page-hero{background:linear-gradient(112deg,#243978ed,#192a5fe8),url('assets/anlage.jpg') center/cover;color:white;padding:85px 0 90px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:9px;background:var(--teal);clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.page-hero h1{font-size:clamp(38px,5vw,64px);line-height:1.1;letter-spacing:-.035em;margin:16px 0}.page-hero p{max-width:720px;font-size:19px;line-height:1.7;color:#edf3ff}.page-hero .eyebrow{color:#9ee4d9}.breadcrumb{font-size:13px;color:#d9e8f2;margin-bottom:30px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.content-section{padding:85px 0}.content-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start}.prose{font-size:17px;line-height:1.85;color:#4f5d74}.prose h2{font-size:clamp(28px,3vw,40px);line-height:1.2;color:var(--navy);letter-spacing:-.03em}.prose h3{color:var(--navy);font-size:22px}.prose ul{padding-left:22px}.prose li{margin:9px 0}.side-photo{width:100%;height:420px;object-fit:cover;filter:saturate(.75)}.side-note{background:var(--off);border-left:5px solid var(--teal);padding:25px;margin-top:22px;color:var(--navy);line-height:1.7}.page-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:35px}.page-cards .service{min-height:280px}.related{background:var(--off);padding:65px 0}.related-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.related-links a{padding:13px 18px;background:#fff;color:var(--navy);font-weight:700;border:1px solid #dce2ea}.related-links a:hover{border-color:var(--teal)}.contact-box{background:var(--off);padding:34px;line-height:1.9}.contact-box a{color:var(--navy);text-decoration:underline}.notice{border-left:5px solid #d5a53c;background:#fff8e9;padding:17px 22px;margin:22px 0;color:#604c25;font-size:15px;line-height:1.6}.legal{max-width:850px}.legal h2{margin-top:38px}.legal p{overflow-wrap:anywhere}.draft-note a{text-decoration:underline}.footer-links a[aria-current=page],.nav a[aria-current=page]{color:var(--teal)}@media(max-width:850px){.content-grid,.page-cards{grid-template-columns:1fr}.page-hero{padding:60px 0}.content-section{padding:60px 0}.side-photo{height:300px}}

/* V4.1 contact page redesign */
.contact-page-hero{padding:95px 0 105px}.contact-main{padding:100px 0 110px;background:#fff}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:110px;align-items:start}.contact-intro h2{font-size:clamp(40px,4.6vw,62px);line-height:1.12;letter-spacing:-.045em;color:var(--navy);margin:18px 0 26px}.contact-intro h2 span,.location-heading h2 span{color:var(--teal)}.contact-intro p{max-width:540px;color:#56647b;font-size:18px;line-height:1.8;margin-bottom:30px}.contact-details{border-top:4px solid var(--teal);background:#f5f7f9;padding:20px 38px}.contact-detail{padding:21px 0;border-bottom:1px solid #dce3ec;display:grid;gap:8px}.contact-detail:last-child{border-bottom:0}.contact-detail-label{text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800;color:#398e91}.contact-detail strong,.contact-detail a{font-size:18px;line-height:1.5;color:var(--navy);font-weight:700;overflow-wrap:anywhere}.contact-detail a:hover{text-decoration:underline}.location-section{background:#f5f7f9;padding-top:85px}.location-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-bottom:34px}.location-heading h2{font-size:clamp(36px,4vw,54px);letter-spacing:-.04em;color:var(--navy);margin:12px 0 0}.location-heading p{color:#607087;font-size:16px}.location-photo{margin:0;position:relative;overflow:hidden;background:#15234b}.location-photo img{display:block;width:100%;height:clamp(340px,45vw,650px);object-fit:cover;object-position:center}.location-photo figcaption{position:absolute;bottom:0;left:0;padding:28px max(28px,calc((100vw - 1180px)/2));width:100%;color:white;font-weight:700;font-size:15px;background:linear-gradient(0deg,#11224ca6,transparent);display:flex;gap:12px;align-items:center}.location-caption-rule{display:inline-block;width:35px;height:4px;background:var(--teal)}.location-section+.container>.notice{margin:30px 0 45px}@media(max-width:850px){.contact-page-hero{padding:65px 0}.contact-main{padding:65px 0}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-details{padding:14px 24px}.location-section{padding-top:60px}.location-heading{display:block}.location-photo img{height:350px}.location-photo figcaption{padding:25px}}

/* QUENT V5 */
.breadcrumb span{color:#9ee4d9}.extra-services{margin-top:75px;padding-top:55px;border-top:1px solid #dfe7ed}.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.extras-grid>div{padding:23px 24px;background:#f1f6f7;border-left:4px solid var(--teal);font-weight:800;color:var(--navy)}.extras-note,.reference-disclaimer{color:#647189;font-size:14px;line-height:1.7;margin-top:22px}.reference-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}.reference-areas article{background:#f4f7fa;padding:32px;border-top:4px solid var(--teal)}.reference-areas span{font-size:13px;letter-spacing:.14em;color:#398e91;font-weight:800}.reference-areas h3{color:var(--navy);font-size:22px}.reference-areas p{line-height:1.7;color:#5b667b}.inquiry-form{margin-top:42px;padding:32px;background:#f5f7f9;border-top:4px solid var(--teal)}.inquiry-form h3{font-size:25px;color:var(--navy);margin:0 0 10px}.inquiry-form p{font-size:14px;line-height:1.6}.inquiry-form label{display:block;font-size:13px;font-weight:700;color:var(--navy);margin:18px 0}.inquiry-form input,.inquiry-form textarea{display:block;width:100%;border:1px solid #c9d3dd;background:white;padding:13px;margin-top:8px;border-radius:0;font:inherit;font-size:16px;color:var(--ink)}.inquiry-form input:focus-visible,.inquiry-form textarea:focus-visible{outline:3px solid var(--teal);outline-offset:1px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-privacy a,.form-fallback a{color:var(--navy);text-decoration:underline}.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.inquiry-form button{border:0;cursor:pointer}.inquiry-form .form-fallback{margin-bottom:0}.send-result{min-height:50vh;padding:100px 0}.send-result h1{font-size:clamp(32px,5vw,52px);color:var(--navy)}@media(max-width:850px){.extras-grid,.reference-areas,.form-row{grid-template-columns:1fr}.inquiry-form{padding:22px}}

/* V5.2: eigenständiges Referenzlayout, unabhängig vom zweispaltigen content-grid */
.references-redesign{padding:95px 0 110px}.references-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.references-feature-image{width:100%;height:360px;object-fit:cover;display:block}.references-section-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin:85px 0 26px}.references-section-heading .section-title{margin-bottom:0}.references-section-heading>p{max-width:340px;color:var(--muted);line-height:1.7;margin:0 0 8px}.reference-areas-wide{margin-top:0;gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.reference-areas-wide article{min-width:0;padding:35px 29px 40px}.reference-areas-wide h3{font-size:clamp(19px,2vw,25px);overflow-wrap:break-word;hyphens:auto;line-height:1.2}.reference-areas-wide p{font-size:16px}.references-outro{margin-top:75px;padding:48px 55px;background:#eef5f5;border-left:5px solid var(--teal);display:flex;justify-content:space-between;align-items:center;gap:40px}.references-outro h2{color:var(--navy);font-size:clamp(26px,3vw,38px);margin:12px 0}.references-outro p{color:var(--muted);line-height:1.7;max-width:650px}.references-outro .btn{flex-shrink:0}@media(max-width:850px){.references-redesign{padding:60px 0}.references-intro{grid-template-columns:1fr;gap:30px}.references-feature-image{height:280px}.references-section-heading{display:block;margin-top:65px}.references-section-heading>p{max-width:100%;margin-top:20px}.reference-areas-wide{grid-template-columns:1fr}.references-outro{padding:32px 25px;display:block}.references-outro .btn{margin-top:15px}}

/* V5.3: Navigation mit dezentem Zoom und zugänglichem Leistungsmenü */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:9px}
.nav-chevron{font-size:19px;line-height:1;transition:transform .22s ease}
.nav-dropdown-menu{position:absolute;top:calc(100% - 12px);left:-18px;min-width:320px;background:#fff;border:1px solid var(--teal);box-shadow:0 14px 30px #15254c20;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.nav-dropdown-menu a{display:block;padding:13px 22px;font-weight:700;white-space:nowrap;transform-origin:left center;transition:color .2s,transform .2s,background .2s}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
 .nav>a:not(.nav-cta),.nav-dropdown-trigger{display:inline-block;transition:transform .2s ease,color .2s ease;transform-origin:center}
 .nav>a:not(.nav-cta):hover,.nav-dropdown-trigger:hover{transform:scale(1.065)}
 .nav-dropdown-menu a:hover{transform:scale(1.035);background:#f0f8f7}
 .service:hover img,.service:focus-visible img{transform:scale(1.085)}
}
/* Der türkisfarbene Abschluss folgt bis zur unteren Diagonalkante des blauen Hero-Panels. */
.hero-stripe{width:56.44%;clip-path:none;height:12px}
/* Auf Unterseiten gibt es keine diagonale Panelkante: Linie über die ganze Hero-Breite. */
.page-hero:after{width:100%;clip-path:none;height:9px}
@media(max-width:850px){
 .nav-dropdown{display:block;align-self:stretch}
 .nav-dropdown-trigger{display:flex;justify-content:space-between;padding:17px 25px;border-top:1px solid #e8ebf0}
 .nav-dropdown-menu{position:static;display:block;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#f5f8f9;padding:0}
 .nav-dropdown-menu a{padding:13px 25px 13px 43px;white-space:normal;border-top:1px solid #e8ebf0;font-size:13px}
 .nav-chevron{display:none}
 .hero-stripe{width:100%}
}
@media(prefers-reduced-motion:reduce){.nav-dropdown-menu,.nav-dropdown-menu a,.nav-chevron,.nav>a,.nav-dropdown-trigger,.service img{transition:none!important}}

/* V5.4: unaufdringlicher Pfeil wie im bisherigen WordPress-Menü */
.nav-dropdown-trigger{display:inline-flex;align-items:center;gap:9px}
.nav-chevron{display:inline-block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .2s ease;flex:none;font-size:0}
.nav-dropdown:hover .nav-chevron,.nav-dropdown:focus-within .nav-chevron{transform:rotate(225deg);margin-top:3px}
/* Kacheln: nur Titel, ganze Fläche klickbar; Bild-Zoom bleibt erhalten */
.service-content{padding:35px}
.service h3{margin:0;max-width:100%}
@media(max-width:850px){.nav-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}

/* V5.5: Der türkisfarbene Balken wird innerhalb der diagonal
   beschnittenen blauen Fläche gezeichnet. Dadurch teilen sich beide
   exakt dieselbe schräge rechte Außenkante, auch responsiv. */
.hero-panel::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
  background: linear-gradient(90deg, var(--teal), #33718d);
  pointer-events: none;
}
.hero-stripe { display: none; }

/* V5.6 – Layoutfeinschliff */
@media (min-width:851px) {
  .intro-grid {align-items:start;}
  .intro-note {margin-top:42px;}
}
.feature b {display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;line-height:1;transform:translateY(-1px);}

/* V5.7: Leistungen – Zitat auf Höhe des linken Fließtexts */
@media (min-width:851px) {
  .intro-grid {align-items:start;}
  .intro-note {margin-top:122px;}
}
@media (max-width:850px) { .intro-note {margin-top:0;} }
.intro-note {font-size:21px;line-height:1.5;}
.intro-note-accent {color:var(--teal);}
/* Nicht klickbare Aufzählung: dezente türkise Quadrate */
.feature {align-items:center;gap:16px;}
.feature::before {content:"";display:block;flex:0 0 9px;width:9px;height:9px;background:var(--teal);}
/* Türkiser Balken endet bündig an der rechten Bildkante */
.about-image::after {right:0;}

/* V5.8 – Startseiten-Teaser und breiter Referenzenbereich */
.reference.container{width:min(1180px,calc(100% - 56px));}
.btn-about{margin-top:28px;background:var(--navy);color:#fff;}
.btn-about:hover{background:var(--deep);}
.btn-reference{align-self:flex-start;margin-top:22px;background:var(--teal);color:#10254d;}
.btn-reference:hover{background:#82d5cb;}
@media(max-width:850px){.reference.container{width:min(100% - 36px,1180px);}}

/* QUENT V6.0 – Editoriales Referenzen-Bild */
.references-intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(42px,5vw,76px);align-items:center;}
.references-copy{position:relative;z-index:1;}
.references-visual{position:relative;margin: -24px -38px 12px 0;isolation:isolate;box-shadow:0 24px 52px rgba(16,33,68,.17);background:#162952;}
.references-visual::after{content:"";position:absolute;inset:38% 0 0;pointer-events:none;background:linear-gradient(0deg,rgba(12,28,65,.55),rgba(12,28,65,0));}
.references-visual .references-feature-image{width:100%;height:clamp(370px,34vw,465px);object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04);}
.references-visual-accent{position:absolute;bottom:-12px;right:0;width:48%;height:12px;background:var(--teal);z-index:2;}
@media(max-width:850px){.references-intro{grid-template-columns:1fr;gap:38px}.references-visual{margin:0 0 12px;box-shadow:0 16px 32px rgba(16,33,68,.15)}.references-visual .references-feature-image{height:clamp(260px,55vw,400px)}.references-visual-accent{height:9px;bottom:-9px}}

/* V6.1 — kompakter, mitlaufender Header */
.topline{position:relative;z-index:51}
.header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 3px 18px rgba(23,39,85,.07);transition:box-shadow .25s ease}
.header-inner{height:100px;transition:height .26s ease}
.logo{width:184px;max-height:85px;transition:width .26s ease,max-height .26s ease}
.nav{font-size:16px;gap:clamp(14px,2vw,29px)}
.nav .nav-cta{padding:15px 19px;white-space:nowrap}
.header.is-scrolled{box-shadow:0 9px 30px rgba(20,36,77,.16)}
.header.is-scrolled .header-inner{height:72px}
.header.is-scrolled .logo{width:146px;max-height:63px}
html{scroll-padding-top:105px}
/* Referenzen: Bild auf geschichtetem Träger statt flachem Rechteck */
.references-intro{gap:clamp(45px,5vw,80px)}
.references-visual{position:relative;margin:0 0 22px 0;isolation:isolate;background:transparent;box-shadow:none;overflow:visible}
.references-visual::before{content:"";position:absolute;inset:30px -24px -24px 36px;background:linear-gradient(135deg,#243d79,#13264f);border-radius:18px;box-shadow:0 28px 48px rgba(19,38,79,.19);z-index:-1}
.references-visual::after{content:"";position:absolute;inset:auto 0 0;height:48%;background:linear-gradient(to top,rgba(13,29,62,.27),transparent);pointer-events:none;border-radius:0 0 15px 15px}
.references-visual .references-feature-image{position:relative;width:100%;height:clamp(370px,34vw,465px);object-fit:cover;object-position:center;border-radius:15px;box-shadow:0 20px 42px rgba(18,37,75,.24);filter:saturate(.93) contrast(1.035)}
.references-visual-accent{position:absolute;right:-24px;bottom:-24px;width:82px;height:8px;background:var(--teal);border-radius:4px;z-index:2}
@media(max-width:850px){
 .header-inner{height:78px}.logo{width:155px;max-height:66px}
 .header.is-scrolled .header-inner{height:64px}.header.is-scrolled .logo{width:133px;max-height:56px}
 .nav{font-size:16px;gap:0}
 .references-visual{margin:0 20px 25px 0}
 .references-visual::before{inset:20px -16px -18px 22px;border-radius:14px}
 .references-visual .references-feature-image{height:clamp(260px,55vw,400px);border-radius:12px}
 .references-visual-accent{right:-16px;bottom:-18px;width:60px;height:6px}
 html{scroll-padding-top:75px}
}
@media(prefers-reduced-motion:reduce){.header,.header-inner,.logo{transition:none}}

/* V6.2 – Navigation und Referenzbild */
@media (min-width:851px){
  .nav{font-size:17px;gap:clamp(12px,1.65vw,26px)}
}
/* Der türkise Zierbalken am Referenzbild entfällt. */
.references-visual-accent{display:none!important}