/* Kontaktsysteme: deutscher Desktop-Pilot nach Bestand und Änderungsregeln.
   Anfragebereich und gemeinsam genutzte Grunddateien bleiben unverändert. */
@media(min-width:1000px){
 body.erko-contact-desktop{
  --erko-contact-bg:linear-gradient(90deg,#c0cdd1 0%,#b7c6cc 31%,#81959f00 76%),radial-gradient(ellipse at 84% 50%,#9fafb8 0%,#81959f 76%);
  --erko-contact-heading:#10364b;--erko-contact-text:#102b3b;--erko-contact-accent:#754a32;
  background:var(--erko-contact-bg);
 }
 body.erko-contact-desktop .site-header,body.erko-contact-desktop .site-footer{background:#f8fafb}
 body.erko-contact-desktop .site-footer h2{color:var(--erko-contact-heading)}
 body.erko-contact-desktop .erko-contact-topic{color:var(--erko-contact-accent)}
 body.erko-contact-desktop main>.hero .hero-copy,
 body.erko-contact-desktop main>.service-section{color:var(--erko-contact-text)}
 body.erko-contact-desktop main>.hero h1{color:var(--erko-contact-heading)}
 body.erko-contact-desktop #kontaktsysteme.hero>.hero-media{display:none}
 body.erko-contact-desktop #kontaktsysteme.hero .hero-content{flex:none;width:min(var(--erko-contact-container,var(--container)),calc(100% - var(--gutter)*2));margin-inline:auto;padding-block:48px}
 body.erko-contact-desktop #kontaktsysteme.hero.accessories-hero .hero-copy{width:min(600px,47vw);max-width:600px}
 body.erko-contact-desktop #kontaktsysteme.hero h1{font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-.035em}
 body.erko-contact-desktop #kontaktsysteme.hero .hero-intro{color:var(--erko-contact-text)}
 body.erko-contact-desktop #kontaktsysteme.hero .hero-proof,
 body.erko-contact-desktop #kontaktsysteme.hero .hero-proof strong,
 body.erko-contact-desktop #kontaktsysteme.hero .hero-assurance,
 body.erko-contact-desktop #kontaktsysteme.hero .mobile-accessory-overview{color:var(--erko-contact-text)}
 body.erko-contact-desktop .background-stage{isolation:isolate;z-index:0;background:var(--erko-contact-bg)}
 body.erko-contact-desktop .background-layer{inset:0;z-index:0;transform:none;overflow:hidden;transition:none;will-change:opacity;background:transparent}
 body.erko-contact-desktop .background-layer::after{content:none;background:none}
 body.erko-contact-desktop .background-layer>picture.erko-contact-art{position:absolute;inset:0 0 0 49%;width:51%;height:100%;max-width:none;aspect-ratio:auto;transform:none;mask-image:none;-webkit-mask-image:none;overflow:hidden;margin:0;padding:0;display:block}
 body.erko-contact-desktop .background-layer>picture.erko-contact-art img{position:absolute;inset:0 0 0 auto;width:calc(100% / var(--art-window,.72));height:100%;max-width:none;max-height:none;object-fit:contain;object-position:right center;opacity:1;filter:none;transform:none;mask-image:none;-webkit-mask-image:none;margin:0;padding:0}
 body.erko-contact-desktop .section-heading::before{content:none;display:none}
 body.erko-contact-desktop .section-heading{position:sticky;top:var(--header-height);isolation:isolate;z-index:4}
 body.erko-contact-desktop .section-heading h2{position:relative;isolation:isolate;display:inline-block;width:fit-content;max-width:min(500px,43vw);font-size:clamp(36px,2.65vw,48px);line-height:1.13;margin:0;color:var(--erko-contact-accent);text-wrap:balance}
 body.erko-contact-desktop .section-heading h2::before{content:"";position:absolute;inset:-12px -24px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,#ffffffd9 0%,#ffffffad 36%,#ffffff52 65%,#ffffff00 100%);filter:blur(12px);border-radius:50%;opacity:var(--fog-opacity,.12)}
 body.erko-contact-desktop .section-heading h2::after{content:"";position:absolute;inset:-1px -6px;z-index:-1;pointer-events:none;background:#fff;filter:blur(4px);border-radius:8px;opacity:var(--fog-opacity,.12)}
 body.erko-contact-desktop .service-copy{width:min(480px,43vw);max-width:100%;color:var(--erko-contact-text)}
 body.erko-contact-desktop #kontaktbloecke .section-layout>.service-copy{width:min(480px,43vw);max-width:100%}
 body.erko-contact-desktop main>.service-section .subtitle,
 body.erko-contact-desktop main>.service-section .technical-note,
 body.erko-contact-desktop main>.service-section .technical-note strong,
 body.erko-contact-desktop main>.service-section .technical-note small{color:var(--erko-contact-text)}
 body.erko-contact-desktop .service-copy .key-points li,
 body.erko-contact-desktop .service-copy .key-points li::before{color:var(--erko-contact-text)}
 body.erko-contact-desktop .service-copy .technical-note{border-left-color:#839ba7}
 body.erko-contact-desktop main>.service-section .section-downloads{width:min(480px,43vw);max-width:100%}
 body.erko-contact-desktop .service-copy>.text-link{display:flex;width:fit-content;max-width:100%;align-items:center;gap:12px}
 body.erko-contact-desktop .service-copy>.text-link>span{flex-shrink:0;white-space:nowrap}
 body.erko-contact-desktop main>.service-section .section-details[open]{background:#c1ced2e8}
 body.erko-contact-desktop main>.service-section .accessory-expanded{box-sizing:border-box;width:min(480px,43vw);max-width:100%}
 body.erko-contact-desktop .accessory-expanded .accessory-clip-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 body.erko-contact-desktop .stage-caption{right:20px;bottom:12px;max-width:42vw;opacity:.85}
 body.erko-contact-desktop .erko-staffel-intro{position:relative;padding-block:48px 0;color:var(--erko-contact-heading)}
 body.erko-contact-desktop .erko-staffel-intro h1{font-size:clamp(40px,4.1vw,62px);line-height:1.08;letter-spacing:-.035em;margin:0}
 /* Sonderfall Film: eigenständige Medienzone, keine Produktbilder dahinter. */
 body.erko-contact-desktop .film-interlude.service-section{display:block;min-height:calc(100svh - var(--header-height));padding:clamp(48px,8vh,90px) 0 64px;background:transparent}
 body.erko-contact-desktop .film-interlude .film-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);gap:40px;align-items:start;padding-top:12px}
 body.erko-contact-desktop .film-interlude .film-main>figure{padding:16px;border:1px solid #d5dee2;border-radius:8px;background:#f8fafb}
 body.erko-contact-desktop .film-interlude video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#102b3b;border-radius:4px}
 body.erko-contact-desktop .film-interlude .film-disclosure{color:var(--erko-contact-text)}
 body.erko-contact-desktop .film-interlude .exploded-figure{box-sizing:border-box;max-width:420px;width:100%;padding:16px;border:1px solid #d5dee2;border-radius:8px;background:#f8fafb;align-self:start}
 body.erko-contact-desktop .film-interlude .explosion-control .film-caption{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block}
 body.erko-contact-desktop .film-interlude .exploded-caption{margin-top:8px;color:var(--erko-contact-text)}
}
@media(min-width:1600px){body.erko-contact-desktop{--erko-contact-container:1120px}}