/* ERKO Startseiten-Farbmuster 06.11.2026. Nur auf DE/EN-Startseite eingebunden.
   Herkunft: aktueller Blaugrau-Entwurf aus Webseite erstellen.
   Bestehendes Raster, Bilder, Bildwechsel und weiße Titel-Schleier bleiben erhalten. */
html.erko-home-pilot{
 --erko-home-reading:#bdcbd0;--erko-home-reading-edge:#b7c6cc;
 --erko-home-image-light:#9fafb8;--erko-home-image-deep:#81959f;
 --erko-home-heading:#10364b;--erko-home-text:#102b3b;
 --erko-home-keyword:#754a32;--erko-home-copper:#b88b70;
 --erko-home-background:linear-gradient(90deg,#c0cdd1 0%,#b7c6cc 31%,#81959f00 76%),radial-gradient(ellipse at 84% 50%,#9fafb8 0%,#81959f 76%);
 --navy:var(--erko-home-heading);--muted:#122b39;
 background:var(--erko-home-background);
}
body.erko-home-pilot{background:var(--erko-home-background);color:var(--erko-home-text)}
body.erko-home-pilot .site-header{background:#f8fafb;border-bottom-color:#d5dee2;color:var(--erko-home-heading)}
body.erko-home-pilot .background-stage{background:var(--erko-home-background)}
body.erko-home-pilot .background-product{background:transparent}
body.erko-home-pilot .background-layer::after,
body.erko-home-pilot .background-service::after,
body.erko-home-pilot .background-product::after{
 background:linear-gradient(90deg,#bdcbd0fc 0%,#bdcbd0ef 26%,#b8c7ccad 43%,#81959f00 73%);
}
body.erko-home-pilot .background-hero::after{
 background:linear-gradient(90deg,#bdcbd0fc 0%,#bdcbd0f5 27%,#81959f00 47%);
}
body.erko-home-pilot h1,body.erko-home-pilot h2,body.erko-home-pilot h3{color:var(--erko-home-heading)}
body.erko-home-pilot .erko-keyword{color:var(--erko-home-keyword)}
body.erko-home-pilot .key-points .erko-keyword{font-weight:700}
body.erko-home-pilot .section-heading::before{
 background:radial-gradient(ellipse closest-side at 40% 45%,#fffffff5 0%,#ffffffd9 45%,#ffffff80 72%,#ffffff00 100%);
 filter:blur(10px);
}
body.erko-home-pilot .key-points li::before{color:var(--erko-home-keyword)}
body.erko-home-pilot .technical-note{border-left-color:var(--erko-home-copper)}
body.erko-home-pilot .section-details[open]{background:#c1ced2e8;box-shadow:inset 0 1px #839ba7,inset 0 -1px #839ba7}
body.erko-home-pilot .site-footer{background:#f8fafb;border-top-color:#d5dee2}
body.erko-home-pilot .footer-bottom{border-top-color:#839ba7}
@media(max-width:999px){
 body.erko-home-pilot main>#oberflaechenveredelung.hero,
 body.erko-home-pilot main>#surface-finishing.hero,
 body.erko-home-pilot #oberflaechenveredelung.hero .hero-content,
 body.erko-home-pilot #surface-finishing.hero .hero-content{background:transparent}
 body.erko-home-pilot .mobile-hero-visual{background:var(--erko-home-background)}
 body.erko-home-pilot .background-service::after,
 body.erko-home-pilot .background-product::after{background:linear-gradient(90deg,#bdcbd0fa 0%,#bdcbd0f5 62%,#bdcbd0eb 100%)}
}
/* Freigestellte Bauteile: volle Materialfarben vor dem dunkleren Bildbereich. */
body.erko-home-pilot .background-layer:has(img[src*="-freigestellt-"])>picture{position:absolute;inset:0 0 0 auto;width:76%;height:100%;max-width:none;transform:none;mask-image:none}
body.erko-home-pilot .background-layer:has(img[src*="-freigestellt-"]) img{width:100%;height:100%;object-fit:contain;object-position:right center;opacity:1;mask-image:none;filter:none}
body.erko-home-pilot .background-layer:has(img[src*="-freigestellt-"])::after{background:linear-gradient(90deg,#bdcbd0ff 0%,#bdcbd0fa 27%,#bdcbd0b0 35%,#bdcbd000 43%)}
@media(max-width:999px){
 body.erko-home-pilot.fixed-backgrounds .service-section .service-visual{display:block;position:relative;inset:auto;width:100%;height:auto;min-height:0;max-width:none;margin:24px 0 0;order:2;overflow:hidden;border-radius:8px;background:var(--erko-home-image-deep)}
 body.erko-home-pilot .service-section .service-visual picture{position:relative;inset:auto;transform:none;display:block!important;width:100%;height:auto;max-width:none;mask-image:none}
 body.erko-home-pilot .service-section .service-visual img{width:100%;height:auto;display:block;object-fit:contain;opacity:1;mask-image:none}
 body.erko-home-pilot .background-service,body.erko-home-pilot .background-product{display:none}
 body.erko-home-pilot .service-section .section-layout{display:flex;flex-direction:column}
 body.erko-home-pilot .service-section .service-copy{order:1}
}