@scope (.erko-staffel-import){
:scope{--navy:#12354c;--blue:#174d6b;--copper:#af6a37;--ink:#263e4a;--muted:#546773;--line:#d6dfe4;--light:#f3f5f5;--cream:#f7f6f3;--header:88px}*{box-sizing:border-box}:scope{scroll-behavior:smooth;scroll-padding-top:110px}:scope{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65;background:#fff}img{display:block;max-width:100%;height:auto}a{color:inherit}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--navy);font-weight:700;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(44px,4.2vw,72px);line-height:1.04}h2{font-size:clamp(34px,3.1vw,52px)}h3{font-size:25px;line-height:1.23}p+p{margin-top:17px}p{max-width:66ch}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:102px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:22px}.lead{font-size:22px;line-height:1.55}.skip{position:fixed;z-index:100;top:-100px;left:20px;background:#fff;padding:12px}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--copper);outline-offset:5px}.header{height:var(--header);position:sticky;top:0;z-index:50;background:#fffffff5;backdrop-filter:blur(10px);border-bottom:1px solid #e7ecef}.header-inner{width:min(1440px,calc(100% - 72px));height:100%;display:flex;align-items:center;gap:34px;margin:auto}.brand{margin-right:auto;flex:0 0 auto}.brand img{width:184px;height:58px;object-fit:contain}nav{display:flex;align-items:center;gap:25px;font-size:14px}nav a{text-decoration:none;padding-block:10px;white-space:nowrap}nav a:hover{color:var(--copper)}.nav-contact{color:var(--blue);font-weight:700}.draft{border-left:1px solid var(--line);padding-left:24px;color:var(--muted);font-size:11px;white-space:nowrap}.hero{position:relative;isolation:isolate;min-height:720px;height:calc(100svh - var(--header));max-height:900px;background:#f1efed;overflow:hidden;display:flex;align-items:center}.hero-visual{position:absolute;inset:0 0 0 24%;z-index:-2}.hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:46% center}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff7 29%,#ffffffd9 40%,#ffffff00 65%)}.hero-content{padding-block:70px 110px}.hero-content h1{max-width:670px}.hero-intro{font-size:21px;line-height:1.55;max-width:440px;margin-top:27px}.button{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:4px;padding:14px 21px;min-height:52px;text-decoration:none;font-weight:700;font-size:16px;max-width:100%;line-height:1.4}.button:hover{background:#103b54}.hero .button{margin-top:31px}.text-link{text-decoration:none;border-bottom:1px solid #90a7b5;padding-bottom:4px;font-size:16px;display:inline-flex;align-items:center;gap:20px;color:var(--blue);line-height:1.5}.text-link:hover{border-color:var(--copper);color:var(--copper)}.hero-secondary{display:table;margin-top:19px}.image-label{position:absolute;right:20px;bottom:70px;font-size:10px;line-height:1.4;background:#ffffffdb;color:#394e5a;padding:5px 9px;max-width:90%}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:20px;padding-block:17px;border-top:1px solid #c7d0d5;font-size:12px;color:#405767}.section-heading{max-width:760px;margin-bottom:42px}.section-heading>p:last-child{margin-top:24px;max-width:64ch}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.overview-grid>a{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;padding:30px 30px 30px 0}.overview-grid>a+a{padding-left:30px;border-left:1px solid var(--line)}.index{font-size:12px;color:var(--copper);margin-bottom:21px}.overview-grid h3{font-size:23px;letter-spacing:-.025em}.overview-grid p{font-size:16px;line-height:1.6;margin:15px 0 24px}.row-link{display:flex;justify-content:space-between;width:100%;font-size:14px;color:var(--blue);font-weight:700;gap:10px;margin-top:auto}.overview-grid>a:hover .row-link{color:var(--copper)}.machine{background:var(--light)}.split-heading{display:grid;grid-template-columns:1fr 1fr;gap:75px}.split-heading>div>p+p{margin-top:20px}.split-heading .text-link{margin-top:22px}.machine-figure{margin-top:45px;position:relative;background:#dfe3e6}.machine-figure img{width:100%;height:auto;max-height:610px;object-fit:cover;object-position:center}.machine-figure figcaption{position:absolute;right:12px;bottom:10px;font-size:11px;background:#ffffffe3;padding:3px 8px;color:#405560}.machine-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;gap:25px}.machine-facts>div{border-top:1px solid #c4d0d7;padding-top:17px}.machine-facts span{font-size:12px;color:var(--muted)}.machine-facts h3{font-size:22px;line-height:1.35;margin-top:9px;letter-spacing:-.02em}.preview-note{font-size:13px;color:var(--muted);padding-left:12px;border-left:2px solid var(--copper);margin-bottom:40px;max-width:none}.story-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:start}.story-stage{position:sticky;top:130px;margin:0}.story-picture{background:#edf0f2;aspect-ratio:16/10;position:relative;overflow:hidden;display:grid;align-items:center}.story-picture img{width:100%;height:100%;object-fit:cover}.story-stage figcaption{font-size:12px;color:var(--muted);margin-top:12px;min-height:40px}.scene-controls{display:flex;align-items:center;gap:10px;max-width:210px;margin-top:16px}.scene-controls>span{height:1px;flex:1;background:var(--line)}.scene-controls button{border:1px solid #bdcbd3;background:#fff;border-radius:50%;color:var(--blue);width:44px;height:44px;font-size:13px;cursor:pointer;flex:0 0 auto}.scene-controls button[aria-current]{color:#fff;background:var(--blue);border-color:var(--blue)}.story-step{min-height:70vh;padding:80px 0 90px;opacity:.6;scroll-margin-top:125px}.story-step:first-child{padding-top:24px}.story-step:last-child{min-height:60vh;padding-bottom:55px}.story-step.is-active{opacity:1}.step-number{color:var(--copper);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:20px}.story-step h3{font-size:33px;line-height:1.2;margin-bottom:24px}.story-step>p{font-size:17px}.story-step .why{font-size:15px;padding-top:20px;margin-top:25px;border-top:1px solid var(--line)}.application-diagram{background:#f3f6f7;width:100%;padding:10px}.application-diagram[hidden]{display:none}.wire-section{background:var(--cream)}.wire-layout{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.wire-layout h2{margin-bottom:25px}.wire-layout .text-link{margin-top:25px}.wire-drawings figure+figure{margin-top:35px}.wire-drawings svg{width:100%;fill:none;stroke:var(--blue);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.wire-drawings figcaption{font-size:15px;color:var(--navy);margin-top:10px}.wire-drawings>p{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:30px;padding-top:12px}.clips-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:45px}.clips-grid article{border-bottom:1px solid var(--line);padding-bottom:30px}.clips-grid figure{position:relative;min-height:280px;background:#f4f5f5}.clips-grid img{width:100%;height:310px;object-fit:contain;padding:20px}.clips-grid figcaption,.protection figcaption{font-size:10px;color:var(--muted);position:absolute;bottom:8px;right:12px}.clips-grid article>div{padding-top:30px}.clips-grid .eyebrow{margin-bottom:10px}.clips-grid h3{margin-bottom:15px}.clips-grid p{font-size:17px}.protection{background:var(--light)}.protection-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.protection figure{background:#fff;position:relative}.protection img{height:440px;width:100%;object-fit:contain;padding:25px}.protection h2{margin-bottom:25px}.protection .text-link{margin-top:25px}.timeline{list-style:none;padding:0;margin:55px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.timeline li{padding-top:25px;position:relative;border-top:1px solid #c4d0d7}.timeline li:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--copper);border-radius:50%}.timeline span{font-size:14px;letter-spacing:.05em;color:var(--copper);font-weight:700}.timeline h3{font-size:23px;line-height:1.3;margin:16px 0}.timeline p{font-size:16px}.development-note{padding:18px 20px;font-size:13px;max-width:none;background:#f2f5f6;margin-top:37px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:var(--copper);border-radius:50%;margin-right:7px}.contact{background:var(--navy);color:#e8eff3}.contact .eyebrow{color:#a7c2d1}.contact h2{color:#fff;margin-bottom:25px}.contact-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:100px}.contact .button{background:#fff;border-color:#fff;color:var(--navy);margin-top:30px}.contact .button:hover{background:#dfeaf0}.phone{display:block;width:fit-content;text-decoration:none;margin-top:15px;font-size:17px}.contact-prep{padding-top:35px;border-top:1px solid #ffffff30}.contact-prep h3{color:#fff;font-size:22px;letter-spacing:-.02em}.contact-prep ul{padding-left:18px;margin:22px 0 35px;font-size:16px}.contact-prep li{margin:7px 0}.contact-prep p{font-size:14px;color:#c1d1da}footer{padding:38px 0}.footer-inner{display:flex;gap:35px;align-items:center;justify-content:space-between;font-size:13px}.footer-inner p{margin-right:auto;color:var(--navy);font-weight:700}.footer-inner p span{font-size:11px;color:var(--muted);font-weight:400}.footer-inner>a:last-child{text-decoration:none;color:var(--blue)}.footer-inner img{width:155px;height:auto}.noscript{padding:20px;font-size:14px}
@media(min-width:1700px){.hero-visual{inset:0 0 0 29%}.hero:before{background:linear-gradient(90deg,#fff 0%,#fff 27%,#ffffffc9 42%,#ffffff00 60%)}}
@media(max-width:1100px){.header-inner{width:calc(100% - 40px);gap:20px}nav{gap:18px;font-size:13px}.draft{display:none}.wrap{width:calc(100% - 64px)}.hero{min-height:680px}.hero-visual{inset:0 -15% 0 20%}.hero-intro{max-width:390px}.hero:before{background:linear-gradient(90deg,#fff 0%,#fffffff0 30%,#ffffffb0 45%,#ffffff00 70%)}.story-layout{gap:40px}.split-heading,.wire-layout,.protection-layout{gap:45px}.contact-layout{gap:55px}}
@media(max-width:760px){:scope{--header:76px}:scope{font-size:17px}.header-inner{gap:16px}.brand img{width:135px;height:48px}.header nav{gap:15px;overflow-x:auto;max-width:calc(100vw - 185px);padding-block:10px}.header nav a{font-size:12px}.header nav a:not(:first-child):not(:last-child){display:none}.wrap{width:calc(100% - 40px)}.section{padding-block:65px}.eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:17px}h1{font-size:clamp(36px,10vw,43px)}h2{font-size:35px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff}.hero-visual{position:relative;inset:auto;z-index:auto;width:100%;height:330px;order:0;background:#ece9e7}.hero-visual img{object-fit:cover;object-position:40% center}.hero-visual .image-label{bottom:10px;right:10px;font-size:9px}.hero:before{display:none}.hero-content{order:1;padding-block:32px 34px}.hero-intro{max-width:100%;font-size:18px;margin-top:22px}.hero .button{margin-top:25px}.hero-bottom{order:2;position:static;padding-block:18px;display:block;font-size:11px}.hero-bottom span{display:block}.hero-bottom span+span{margin-top:6px}.button{font-size:15px;padding:13px 18px;gap:24px}.overview-grid{grid-template-columns:1fr}.overview-grid>a{padding:25px 0}.overview-grid>a+a{border-left:0;border-top:1px solid var(--line);padding-left:0}.overview-grid .index{margin-bottom:12px}.overview-grid p{max-width:56ch;margin-bottom:18px}.split-heading{grid-template-columns:1fr;gap:25px}.lead{font-size:20px}.machine-figure{width:100%;margin-top:30px}.machine-figure img{min-height:260px;object-fit:cover}.machine-figure figcaption{font-size:9px}.machine-facts{gap:12px;margin-top:25px}.machine-facts h3{font-size:15px;letter-spacing:-.02em}.machine-facts span{font-size:10px}.story-layout{display:block}.story-stage{top:var(--header);z-index:3;background:#fff;padding-top:12px;padding-bottom:12px}.story-picture{aspect-ratio:16/8;max-height:260px}.story-stage figcaption{font-size:10px;min-height:0;margin-top:8px}.scene-controls{margin-top:9px;gap:8px;max-width:180px}.scene-controls button{width:36px;height:36px;font-size:11px}.preview-note{font-size:12px;margin-bottom:20px}.story-step{min-height:75vh;padding:38px 0 70px;scroll-margin-top:220px;opacity:.7}.story-step:first-child{padding-top:30px}.story-step:last-child{min-height:62vh;padding-bottom:10px}.story-step h3{font-size:29px}.story-step p{font-size:16px}.story-step .why{font-size:14px}.wire-layout,.protection-layout{grid-template-columns:1fr;gap:35px}.wire-drawings{padding-top:10px}.wire-drawings figure+figure{margin-top:20px}.clips-grid{gap:25px;grid-template-columns:1fr;margin-top:30px}.clips-grid img{height:270px}.clips-grid figure{min-height:0}.clips-grid article>div{padding-top:22px}.protection img{height:320px}.timeline{grid-template-columns:1fr;gap:30px;margin-top:35px}.timeline li{padding-top:18px}.timeline h3{margin-block:10px}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-prep{padding-top:24px}.footer-inner{flex-wrap:wrap;gap:20px}.footer-inner p{font-size:11px}.footer-inner img{width:130px}.footer-inner>a:last-child{width:100%;font-size:12px}.section-heading{margin-bottom:30px}.application-diagram svg{display:block;max-height:245px;width:100%}}
@media(max-width:380px){h1{font-size:37px}.brand img{width:120px}.header nav{max-width:calc(100vw - 164px)}.hero-visual{height:280px}.hero .button{font-size:14px;gap:12px}.story-step{scroll-margin-top:190px}.machine-facts{grid-template-columns:1fr}.machine-facts h3 br{display:none}}
@media(prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}.story-step{opacity:1}}
@media print{.header,.hero-bottom,.scene-controls,.draft{display:none}.hero{height:auto;min-height:500px}.story-stage{position:static}.story-layout{display:block}.story-step{min-height:0;opacity:1;padding:20px 0}.section{padding-block:30px}a{text-decoration:none}.contact{background:#fff;color:var(--ink)}.contact h2,.contact h3{color:var(--navy)}}
[hidden]{display:none!important}

h1,h2,h3{overflow-wrap:break-word}.hero-content h1{font-size:clamp(39px,3.9vw,64px);max-width:690px}.story-frame{width:100%;height:100%}.frame-description{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.no-js .story-picture{display:block;aspect-ratio:auto;overflow:visible}.no-js .story-frame[hidden]{display:block!important}.no-js .story-frame{height:auto;margin-bottom:20px}.no-js .frame-description{position:static;width:auto;height:auto;clip-path:none;white-space:normal}.no-js .scene-controls{display:none}@media(max-width:760px){.hero-content h1{font-size:clamp(34px,9.7vw,43px)}}

/* Neues Blender-Titelbild mit linker Freifläche, 04.11.2026 */
.hero{background:#f2f5f8}.hero-visual{inset:0 0 0 12%;background:#f2f5f8}.hero-visual>img{object-fit:contain;object-position:right center}.hero:before{background:linear-gradient(90deg,#f2f5f8 0%,#f2f5f8f5 22%,#f2f5f88c 38%,#f2f5f800 55%)}.hero-content h1{max-width:620px}@media(min-width:1700px){.hero-visual{inset:0 0 0 20%}}@media(max-width:1000px){.hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff}.hero-visual{position:relative;inset:auto;z-index:auto;width:100%;height:390px;order:0}.hero-visual>img{object-fit:cover;object-position:right center}.hero:before{display:none}.hero-content{order:1;padding-block:32px 34px}.hero-content h1{max-width:690px}.hero-intro{max-width:590px}.hero-bottom{order:2;position:static;padding-block:18px;display:flex}.hero-visual .image-label{right:10px;bottom:10px}}@media(max-width:760px){.hero-visual{height:300px}.hero-intro{max-width:100%}.hero-bottom{display:block}}

.wire-drawings{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px}.wire-drawings figure+figure{margin-top:0}.wire-drawings figure{border-top:1px solid var(--line);padding-top:15px}.wire-drawings>p{grid-column:1/-1;margin-top:0}.wire-drawings figcaption{font-size:14px}.hmi-details{margin-top:45px;border-block:1px solid var(--line);padding-block:18px}.hmi-details summary{cursor:pointer;font-weight:700;color:var(--blue);font-size:16px;padding-block:8px}.hmi-details>p{font-size:14px;max-width:90ch;margin:20px 0}.hmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-bottom:15px}.hmi-grid img{width:100%;height:auto}.hmi-grid figcaption{font-size:12px;color:var(--muted);margin-top:10px}@media(max-width:760px){.hmi-grid{grid-template-columns:1fr}.hmi-details summary{font-size:15px}.wire-drawings{gap:20px 16px}}

/* Gleichwertige Touchpanel-Abbildungen, unverändert und ohne Beschnitt */
.hmi-grid{align-items:start;gap:32px}.hmi-grid figure{margin:0;min-width:0}.hmi-media{aspect-ratio:5/4;display:flex;align-items:center;justify-content:center;background:#788b98;border:1px solid #cad2d8;padding:5px;overflow:hidden}.hmi-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:0}.hmi-grid figcaption{margin-top:12px;line-height:1.5;min-height:48px}.hmi-grid figcaption strong{display:block;font-size:15px;color:var(--navy);font-weight:700}.hmi-grid figcaption span{display:block;font-size:11px;color:var(--muted);margin-top:3px}.wire-drawings svg{aspect-ratio:7/2;height:auto;display:block}.wire-drawings figcaption{margin-top:12px}@media(max-width:760px){.hmi-grid{gap:28px}.hmi-grid figcaption{min-height:0}.hmi-media{padding:4px}}

/* Kundenaufgabe, Lösung und nächster Schritt, 05.11.2026 */
.hero-content{padding-block:50px 95px}.hero-problem{font-size:18px;line-height:1.5;max-width:440px;margin-top:24px;color:var(--ink)}.hero-intro{font-size:19px;line-height:1.5;margin-top:16px}.hero .button{margin-top:25px}.hero-assurance{font-size:12px;line-height:1.5;max-width:360px;margin-top:11px;color:var(--muted)}.hero-assurance+.hero-secondary{font-size:14px;margin-top:18px}.wire-layout{display:block}.wire-layout>div:first-child{max-width:760px}.wire-drawings{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:40px;align-items:stretch}.wire-drawings figure{min-width:0}.wire-drawings figcaption strong{display:block;font-size:18px;color:var(--navy);font-weight:700}.wire-benefit{display:block;font-size:15px;font-weight:700;color:var(--navy);line-height:1.45;margin-top:10px}.wire-drawings .wire-application{font-size:15px;line-height:1.6;margin-top:12px;color:var(--ink)}.wire-drawings>p{margin-top:4px}.overview-grid>a{padding-top:30px}@media(max-width:1100px){.wire-drawings{grid-template-columns:1fr 1fr}}@media(max-width:1000px){.hero-content{padding-block:30px}.hero-problem,.hero-intro{max-width:620px}.hero-assurance{max-width:420px}}@media(max-width:760px){.hero-visual{height:190px}.hero-content{padding-block:24px}.hero-content .eyebrow{margin-bottom:14px}.hero-content h1{font-size:clamp(32px,8.7vw,39px)}.hero-problem{font-size:16px;margin-top:18px}.hero-intro{font-size:17px;margin-top:12px}.hero .button{margin-top:20px}.hero-assurance{font-size:11px}.hero-assurance+.hero-secondary{font-size:13px;margin-top:14px}.wire-drawings{gap:28px 20px}.wire-drawings figcaption strong{font-size:17px}.wire-benefit,.wire-drawings .wire-application{font-size:14px}}@media(max-width:600px){.wire-drawings{grid-template-columns:1fr}.wire-drawings svg{max-height:110px}.wire-drawings figure{padding-top:18px}.wire-drawings figcaption{margin-top:8px}}

/* Maschine und Drahthaspel getrennt, 05.11.2026 */
.component-nav{gap:24px;margin-top:24px;flex-wrap:wrap}.component-nav .text-link{padding-block:0 4px}.component-list{display:grid;gap:70px;margin-top:55px}.component-row{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(30px,4.5vw,65px);align-items:center;scroll-margin-top:5px}.component-figure{min-width:0}.component-media{aspect-ratio:4/3;background:#f2f5f8;overflow:hidden}.component-media img{width:100%;height:100%;object-fit:contain}.component-figure figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}.component-copy{min-width:0}.component-copy .eyebrow{margin-bottom:15px}.component-copy h3{font-size:clamp(28px,2.5vw,37px);line-height:1.15;margin-bottom:22px}.component-copy>p:not(.eyebrow){font-size:17px;line-height:1.65}.component-copy>.text-link{margin-top:27px}.component-specs{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:20px;margin:25px 0 0}.component-specs dt{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px}.component-specs dd{font-size:16px;line-height:1.5;color:var(--navy);margin:0}.component-row--reel{grid-template-columns:1fr 1.12fr}.component-row--reel .component-figure{order:2}.component-row--reel .component-copy{order:1}@media(max-width:900px){.component-row,.component-row--reel{grid-template-columns:1fr;gap:26px}.component-row--reel .component-figure{order:0}.component-row--reel .component-copy{order:1}.component-list{gap:55px;margin-top:35px}.component-copy h3{font-size:30px}.component-media{max-height:480px}}@media(max-width:600px){.component-nav{gap:20px}.component-nav .text-link{font-size:15px}.component-copy>p:not(.eyebrow){font-size:16px}.component-copy h3{font-size:28px}.component-specs{gap:16px}.component-specs dd{font-size:15px}.component-list{gap:45px}}

/* Draht-Anwendungen nach Nutzerskizze, 05.11.2026 */
.wire-examples{display:grid;gap:65px;margin-top:55px;padding-top:45px;border-top:1px solid var(--line)}.wire-example{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(28px,4vw,58px);align-items:center;scroll-margin-top:5px}.wire-example figure,.wire-example-copy{min-width:0}.wire-example-media{aspect-ratio:4/3;background:#f2f5f8}.wire-example-media img{width:100%;height:100%;object-fit:contain}.wire-example figcaption{font-size:11px;line-height:1.5;color:var(--muted);margin-top:10px}.wire-example h3{font-size:clamp(27px,2.3vw,34px);line-height:1.15;margin-bottom:23px}.wire-example-copy p{font-size:17px;line-height:1.65}.wire-example-copy .wire-condition{font-size:15px;border-left:3px solid var(--copper);padding:13px 17px;background:#fff;margin-block:20px}.wire-condition strong{display:block;color:var(--navy);margin-bottom:5px}.wire-example-copy .wire-manual,.wire-example-note{font-size:14px;color:var(--muted);line-height:1.65}.wire-example--reverse{grid-template-columns:1fr 1.08fr}.wire-example--reverse figure{order:2}.wire-example--reverse .wire-example-copy{order:1}.application-diagram>img{width:100%;height:100%;object-fit:contain}@media(max-width:900px){.wire-example,.wire-example--reverse{grid-template-columns:1fr;gap:27px}.wire-example--reverse figure{order:0}.wire-example--reverse .wire-example-copy{order:1}.wire-example-media{max-height:500px}.wire-examples{gap:50px}.wire-example h3{font-size:29px}}@media(max-width:600px){.wire-examples{margin-top:35px;padding-top:30px;gap:40px}.wire-example-copy p{font-size:16px}.wire-example h3{font-size:27px}.wire-example-copy .wire-condition{font-size:14px}.wire-example-copy .wire-manual,.wire-example-note{font-size:13px}}

/* Drei Anwendungsanimationen, 05.11.2026 */
.application-video{display:block;width:100%;height:100%;object-fit:contain;background:#f2f5f8}.wire-detail{margin-top:14px;border-block:1px solid var(--line);padding-block:8px}.wire-detail summary{color:var(--blue);font-size:14px;font-weight:700;cursor:pointer;line-height:1.5;padding-block:4px}.wire-detail img{width:100%;height:auto;margin-top:12px}

/* Unterschiedliche Bildformate im Ablauf vollständig zeigen */
.story-picture>.story-frame{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%}
.no-js .story-picture>.story-frame{position:relative;inset:auto;height:auto}
.no-js .story-picture img{height:auto}

.wire-scroll-intro{max-width:780px;margin-bottom:45px}
.wire-scroll-intro>p{margin-top:22px}
.wire-scroll-instruction{font-size:14px;color:var(--blue)}
.wire-motion-toggle{display:none;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin-top:20px;width:fit-content;cursor:pointer}
.is-enhanced .wire-motion-toggle{display:flex}
.wire-motion-toggle input{width:18px;height:18px;accent-color:var(--blue);margin:0}
.wire-scroll-layout{display:block}
.wire-scroll-visual{display:none;margin:0;min-width:0}
.wire-scroll-chapter{padding-block:34px;min-width:0;scroll-margin-top:5px}
.wire-scroll-chapter h3{font-size:clamp(28px,2.5vw,37px);line-height:1.17;margin-bottom:25px}
.wire-scroll-chapter>p:not(.wire-step-number){font-size:18px;line-height:1.65}
.wire-step-number{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:22px}
.wire-scroll-chapter.is-current .wire-step-number{color:var(--copper)}
.wire-scroll-chapter .wire-condition{border-left:3px solid var(--copper);background:#fff;padding:15px 18px;margin-block:24px;font-size:15px!important}
.wire-scroll-chapter .wire-condition strong{display:block;margin-bottom:6px;color:var(--navy)}
.wire-chapter-fallback{margin:0 0 25px;background:#f2f5f8}
.wire-chapter-fallback img{width:100%;height:auto}
.is-enhanced .wire-scroll-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(35px,5vw,70px);align-items:start}
.is-enhanced .wire-scroll-visual{display:block;position:sticky;top:calc(var(--header) + 24px);align-self:start}
.is-enhanced .wire-scroll-chapter{min-height:135svh;padding-block:24svh;display:flex;flex-direction:column;justify-content:center}
.is-enhanced .wire-scroll-chapter{scroll-margin-top:var(--wire-anchor-margin,35svh)}
.is-enhanced .wire-chapter-fallback{display:none}
.is-enhanced .wire-scroll-chapters:after{content:"";display:block;height:40svh}
.wire-scroll-screen{position:relative;isolation:isolate;height:min(52svh,490px);background:#f2f5f8;overflow:hidden}
.wire-scroll-screen>img,.wire-scroll-screen>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.wire-scroll-screen>canvas{pointer-events:none;will-change:transform,opacity}
.wire-scroll-screen>[data-layer=current]{visibility:hidden}
.wire-scroll-screen>[data-layer=next]{opacity:0}
.wire-scroll-caption{display:flex;gap:18px;align-items:baseline;margin-top:15px;line-height:1.4}
.wire-scroll-caption strong{font-size:18px;color:var(--navy)}
.wire-scroll-caption>span:first-child{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.wire-scroll-progress{height:3px;background:var(--line);margin-top:17px;overflow:hidden}
.wire-scroll-progress>span{display:block;width:100%;height:100%;background:var(--copper);transform:scaleX(0);transform-origin:left center}
.wire-scroll-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px 12px;list-style:none;padding:0;margin:17px 0 0}
.wire-scroll-visual nav{display:block}
.wire-scroll-index a{white-space:normal;min-width:0}
.wire-scroll-index a{display:flex;align-items:center;gap:7px;padding:5px 2px;text-decoration:none;color:var(--muted);font-size:11px;line-height:1.35;border-bottom:1px solid transparent}
.wire-scroll-index a[aria-current=step]{color:var(--blue);font-weight:700;border-bottom-color:var(--copper)}
.wire-scroll-index .wire-index-number{font-size:11px;font-variant-numeric:tabular-nums}
.wire-scroll-hint{font-size:12px;line-height:1.5;color:var(--muted);margin-top:13px}
.wire-scroll-reduced-note,.wire-scroll-media-note{display:none;font-size:12px;color:var(--muted);margin-top:12px}
.reduced-motion .wire-scroll-reduced-note,.has-media-issue .wire-scroll-media-note{display:block}
.wire-scroll-reference,.wire-scroll-videos{border-block:1px solid var(--line);padding-block:17px;margin-top:45px}
.wire-scroll-reference>summary,.wire-scroll-videos>summary{cursor:pointer;font-weight:700;font-size:16px;color:var(--blue);padding-block:8px;line-height:1.5}
.wire-scroll-reference .wire-drawings{margin-top:25px}
.wire-scroll-reference .wire-detail{margin-top:30px}
.wire-video-fallback-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px}
.wire-video-fallback-grid figure{min-width:0;margin:0}
.wire-video-fallback-grid video{display:block;width:100%;height:auto;aspect-ratio:4/3;background:#f2f5f8}
.wire-video-fallback-grid figcaption{font-size:13px;color:var(--muted);line-height:1.5;margin-top:10px}
.wire-scroll-material-note{font-size:13px;color:var(--muted);line-height:1.6;margin-top:28px;max-width:90ch}
@media(max-width:900px){
  .is-enhanced .wire-scroll-chapters:after{height:15svh}
  .is-enhanced .wire-scroll-layout{display:block}
  .is-enhanced .wire-scroll-visual{top:var(--header);z-index:15;padding-block:12px;background:var(--cream);border-bottom:1px solid var(--line)}
  .wire-scroll-screen{height:clamp(150px,28svh,240px)}
  .wire-scroll-caption{margin-top:10px;gap:12px}
  .wire-scroll-caption strong{font-size:15px}
  .wire-scroll-progress{margin-top:10px}
  .wire-scroll-index{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}
  .wire-scroll-index a{justify-content:center;min-height:34px;padding:5px 0;border:1px solid var(--line);border-radius:3px;font-size:12px}
  .wire-scroll-index a[aria-current=step]{border-color:var(--copper);background:#fff}
  .wire-scroll-index .wire-index-text{display:none}
  .wire-scroll-index .wire-index-number{font-size:12px}
  .wire-scroll-hint{display:none}
  .is-enhanced .wire-scroll-chapter{min-height:140svh;padding-block:25svh;scroll-margin-top:var(--wire-anchor-margin,330px)}
  .wire-scroll-chapter h3{font-size:29px}
  .wire-scroll-chapter>p:not(.wire-step-number){font-size:17px}
  .wire-scroll-reduced-note,.wire-scroll-media-note{font-size:11px;margin-top:7px}
}
@media(max-width:600px){
  .wire-scroll-intro{margin-bottom:28px}
  .wire-scroll-chapter h3{font-size:27px;margin-bottom:20px}
  .wire-scroll-chapter>p:not(.wire-step-number){font-size:16px}
  .wire-step-number{font-size:11px;margin-bottom:16px}
  .wire-scroll-chapter .wire-condition{font-size:14px!important;padding:12px 15px;margin-block:20px}
  .wire-video-fallback-grid{grid-template-columns:1fr;gap:25px}
  .wire-scroll-reference>summary,.wire-scroll-videos>summary{font-size:15px}
}
@media(max-height:650px) and (min-width:901px){
  .wire-scroll-screen{height:46svh}
  .wire-scroll-index{grid-template-columns:repeat(6,1fr)}
  .wire-scroll-index .wire-index-text,.wire-scroll-hint{display:none}
  .wire-scroll-index a{justify-content:center}
  .wire-scroll-caption{margin-top:9px}
}
@media print{
  .is-enhanced .wire-scroll-chapters:after{display:none}
  .is-enhanced .wire-scroll-layout{display:block}
  .is-enhanced .wire-scroll-visual{display:none}
  .is-enhanced .wire-scroll-chapter{min-height:0;padding-block:20px;break-inside:avoid}
  .is-enhanced .wire-chapter-fallback{display:block;max-width:450px}
}

/* Gemeinsame Bildsprache: vollständige Motive, weiche Übergänge, Bauteil zuerst. */
:scope{--surface:#f7f8f9;--cream:var(--surface);--light:var(--surface);--page-background:linear-gradient(90deg,#f9fafb 0%,#f8f9fa 28%,#f3f4f6 43%,#e3e6ea 74%,#e3e6ea 100%)}
:scope{background:var(--page-background)}
.section,.machine,.wire-section{background:var(--page-background)}
.hero{height:auto;min-height:calc(100svh - var(--header));max-height:none;background:var(--page-background);overflow:visible}
.hero-visual{position:absolute;inset:0 0 0 auto;width:78%;height:100%;z-index:-2;overflow:hidden;mix-blend-mode:normal;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 100%),linear-gradient(0deg,transparent,#000 15%,#000 75%,transparent);mask-composite:intersect}
.hero-visual>img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1}
.hero:before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(249,250,251,.99),rgba(249,250,251,.98) 30%,rgba(249,250,251,0) 41%)}
.hero-content{padding-block:70px 120px}
.hero-content h1{max-width:620px;font-size:clamp(42px,4vw,65px)}
.hero-problem{max-width:490px;font-size:21px;line-height:1.5;font-weight:600;margin-top:26px}
.hero-intro{max-width:470px;font-size:17px;line-height:1.65}
.hero-assurance{max-width:440px}
.hero .image-label{bottom:24px;background:transparent;color:var(--muted)}
.hero-bottom{position:absolute;inset:auto 0 0;border-color:#d6dfe488;background:transparent}
.hero-secondary{max-width:490px}
.selection-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0 0;padding:0;list-style:none}
.selection-guide li{border-top:1px solid var(--line);padding-top:15px}
.selection-guide a{display:block;text-decoration:none;font-size:16px;font-weight:700;color:var(--blue)}
.selection-guide span{display:block;font-size:14px;line-height:1.55;margin-top:7px;color:var(--muted)}
.wire-scroll-intro{max-width:900px;margin-bottom:35px}
.wire-scroll-intro>p{max-width:760px}
.component-list{display:block;width:100%;margin-top:25px}
.machine{padding-bottom:0}
.machine .split-heading{gap:55px}
.component-row,.component-row--reel{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - var(--header));padding-block:100px;background:var(--page-background)}
.component-row:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.95) 30%,rgba(249,250,251,.68) 46%,rgba(249,250,251,.05) 76%);pointer-events:none}
.component-figure{position:absolute;inset:0 0 0 auto;width:74%;z-index:-2;margin:0;mix-blend-mode:darken;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.component-media{width:100%;height:100%;max-height:none;aspect-ratio:auto;background:transparent;overflow:visible}
.component-media img{width:100%;height:100%;object-fit:contain;opacity:.8}
.component-figure figcaption{position:absolute;right:25px;bottom:25px;margin:0;background:transparent;font-size:10px}
.component-copy{position:relative;z-index:1;width:min(1240px,calc(100% - 96px));margin-inline:auto;order:0!important}
.component-copy-inner{max-width:500px;width:44%}
.component-copy-inner>.eyebrow{margin-bottom:18px}
.component-copy-inner>p:not(.eyebrow){font-size:18px;line-height:1.65}
.component-copy-inner>.text-link{margin-top:26px}
.component-specs{background:transparent}
.is-enhanced .wire-scroll-layout{display:grid;grid-template-columns:1fr;gap:0;isolation:isolate}
.is-enhanced .wire-scroll-visual{grid-area:1/1;position:sticky;top:var(--header);height:calc(100svh - var(--header));width:100%;min-width:0;background:var(--page-background);margin:0;padding:0;border:0;z-index:0}
.wire-scroll-screen{position:absolute;inset:10px 0 160px auto;width:72%;height:auto;background:transparent;opacity:.8;mix-blend-mode:darken;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent);mask-composite:intersect}
.wire-scroll-visual:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.95) 28%,rgba(249,250,251,.73) 43%,rgba(249,250,251,.06) 74%);pointer-events:none}
.wire-scroll-visual>figcaption{position:absolute;z-index:2;right:max(35px,calc((100% - 1240px)/2));bottom:28px;width:43%;max-width:570px}
.wire-scroll-caption{margin-top:0}
.wire-scroll-index{margin-top:12px}
.wire-scroll-index a{font-size:11px}
.wire-scroll-hint{margin-top:10px}
.wire-scroll-copy{grid-area:1/1;position:relative;z-index:2;pointer-events:none}
.wire-scroll-chapters{width:44%;max-width:520px}
.wire-scroll-chapter>*{pointer-events:auto}
.is-enhanced .wire-scroll-chapters:after{height:65svh}
.wire-scroll-chapter h3{font-size:clamp(29px,2.65vw,40px)}
.wire-scroll-chapter .wire-condition{background:rgba(255,255,255,.7);border-left-width:2px}
.wire-scroll-material-note{padding-top:22px}
.film-section{position:relative;isolation:isolate;padding-block:90px}
.film-backdrop{position:absolute;inset:0 0 0 auto;width:75%;z-index:-2;mix-blend-mode:darken;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 96%,transparent),linear-gradient(0deg,transparent,#000 12%,#000 88%,transparent);mask-composite:intersect}
.film-backdrop img{width:100%;height:100%;object-fit:contain;opacity:.38}
.film-section:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--surface) 0%,rgba(247,248,249,.92) 38%,rgba(247,248,249,.12) 85%)}
.film-intro{max-width:620px}
.film-intro h2{margin-bottom:25px}
.film-intro>p{font-size:18px;line-height:1.65}
.film-status{font-size:13px!important;color:var(--muted);border-left:2px solid var(--copper);padding-left:14px}
.film-preview,.film-steps{margin-top:28px;border-block:1px solid var(--line);padding-block:16px}
.film-preview>summary,.film-steps>summary{cursor:pointer;color:var(--blue);font-size:16px;font-weight:700;padding-block:8px}
.film-preview video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#edf0f2;display:block;margin-top:24px}
.film-preview figcaption{font-size:12px;color:var(--muted);margin-top:12px}
.film-preview>figure{max-width:1000px}
.film-steps .story-section{width:100%;padding-block:35px}
.film-steps .story-layout{gap:45px}
.film-steps .story-picture{background:transparent;mask-image:radial-gradient(ellipse farthest-side,#000 78%,transparent 100%)}
.film-steps .story-picture img{object-fit:contain}
.film-steps .application-diagram{background:transparent;padding:0}
.film-steps .preview-note{display:none}
.film-steps .story-stage{top:calc(var(--header) + 25px)}
.history{position:relative;isolation:isolate}
.history:before{content:"";position:absolute;inset:5% 0 5% 28%;z-index:-1;opacity:.1;background:url("/staffelautomat-inhalt-20261106/assets/staffelautomat-titelbild-63.webp") right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent)}
.contact{position:relative;isolation:isolate;background:var(--page-background);color:var(--ink)}
.contact h2,.contact-prep h3{color:var(--navy)}
.contact .eyebrow{color:var(--muted)}
.contact:before{content:"";position:absolute;inset:0 0 0 38%;z-index:-1;opacity:.13;background:url("/staffelautomat-inhalt-20261106/assets/anwendung-rahmenbefestigung.webp") right center/contain no-repeat;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 85%,transparent)}
.contact .button{background:var(--blue);border-color:var(--blue);color:white}
.contact .button:hover{background:var(--navy)}
.contact-prep{border-color:var(--line)}
#online-accessories .background-stage{background:var(--page-background)}
#online-accessories .background-service:after,#online-accessories .background-product:after{background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.95) 28%,rgba(249,250,251,.73) 43%,rgba(249,250,251,.06) 74%)}
@media(min-width:768px) and (max-width:1050px){
 .component-copy-inner{width:48%}
 .wire-scroll-chapters{width:49%}
 .wire-scroll-visual>figcaption{right:30px;width:43%}
 .wire-scroll-index{grid-template-columns:repeat(6,1fr)}
 .wire-scroll-index .wire-index-text{display:none}
 .wire-scroll-index a{justify-content:center;min-height:34px;border:1px solid var(--line)}
 .wire-scroll-hint{font-size:11px}
 .wire-scroll-chapter h3{font-size:30px}
 .wire-scroll-chapter>p:not(.wire-step-number){font-size:17px}
}
@media(max-width:1023px){
 .hero{display:block;min-height:0}
 .hero-content{padding-block:45px 400px}
 .hero-content h1{font-size:clamp(38px,5.3vw,55px);max-width:700px}
 .hero-problem,.hero-intro{max-width:640px}
 .hero-visual{inset:auto 0 55px;width:100%;height:350px}
 .hero-visual>img{opacity:1}
 .hero:before{background:linear-gradient(180deg,rgba(249,250,251,.97),rgba(249,250,251,.9) 48%,rgba(249,250,251,0) 64%)}
 .hero .image-label{bottom:8px;font-size:9px}
 .hero-bottom{font-size:11px}
}
@media(min-width:768px) and (max-width:1023px){
 .hero{display:flex;min-height:calc(100svh - var(--header))}
 .hero-content{padding-block:60px 105px}
 .hero-content h1{font-size:42px;max-width:620px}
 .hero-problem{max-width:340px;font-size:19px}
 .hero-intro{max-width:340px;font-size:16px}
 .hero-assurance{max-width:340px}
 .hero-visual{inset:0 0 0 auto;width:85%;height:100%}
 .hero:before{background:linear-gradient(90deg,rgba(249,250,251,.99),rgba(249,250,251,.98) 30%,rgba(249,250,251,0) 41%)}
}
@media(max-width:767px){
 .hero-content{padding-block:36px 300px}
 .hero-content h1{font-size:clamp(34px,8.7vw,48px)}
 .hero-problem{font-size:17px;line-height:1.5}
 .hero-intro,.hero-assurance{display:none}
 .hero-visual{height:240px;bottom:60px;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 88%,transparent)}
 .hero-visual>img{transform:translateX(-22%) scale(1.45);transform-origin:center}
 .hero .image-label{font-size:8px;right:12px}
 .hero-bottom{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;font-size:9.5px;line-height:1.5;gap:15px;padding-block:12px}
 .hero-bottom>span:first-child{max-width:180px}
 .hero-bottom>span:last-child{max-width:105px;text-align:right}
 .section{padding-block:65px}
 .selection-guide{grid-template-columns:1fr;gap:18px;margin-top:24px}
 .selection-guide span{margin-top:4px}
 .machine .split-heading{display:block}
 .machine .split-heading>div+div{margin-top:24px}
 .machine{padding-bottom:0}
 .component-row,.component-row--reel{min-height:0;display:block;padding-block:45px 350px}
 .component-copy{width:calc(100% - 40px)}
 .component-copy-inner{width:100%;max-width:600px}
 .component-copy-inner>p:not(.eyebrow){font-size:16px}
 .component-figure{inset:auto 0 12px;width:100%;height:330px}
 .component-media{max-height:none}
 .component-media img{opacity:.7}
 .component-row:after{background:linear-gradient(180deg,rgba(249,250,251,.98),rgba(249,250,251,.93) 52%,rgba(249,250,251,.05) 76%)}
 .component-figure figcaption{bottom:3px;right:15px;font-size:9px}
 .is-enhanced .wire-scroll-layout{display:block}
 .is-enhanced .wire-scroll-visual{position:sticky;top:var(--header);height:auto;z-index:15;padding:10px 20px 16px;border:0;background:var(--page-background)}
 .wire-scroll-screen{position:relative;inset:auto;width:100%;height:clamp(165px,28svh,250px);opacity:.88;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(0deg,transparent,#000 10%,#000 90%,transparent)}
 .wire-scroll-visual:after{inset:auto 0 -22px;height:25px;background:var(--page-background);mask-image:linear-gradient(to bottom,#000,transparent)}
 .wire-scroll-visual>figcaption{position:relative;inset:auto;width:100%;max-width:none;margin-top:8px}
 .wire-scroll-caption strong{font-size:15px}
 .wire-scroll-index{grid-template-columns:repeat(6,1fr);gap:6px}
 .wire-scroll-index a{justify-content:center;border:1px solid var(--line);min-height:34px;font-size:12px}
 .wire-scroll-index .wire-index-text,.wire-scroll-hint{display:none}
 .wire-scroll-copy{position:relative;pointer-events:auto}
 .wire-scroll-chapters{width:100%;max-width:none}
 .wire-scroll-chapter h3{font-size:28px}
 .is-enhanced .wire-scroll-chapter{min-height:140svh;padding-block:25svh}
 .is-enhanced .wire-scroll-chapters:after{height:15svh}
 .film-section{padding-block:65px}
 .film-backdrop{width:100%;opacity:.5}
 .film-section:before{background:rgba(247,248,249,.6)}
 .film-intro>p{font-size:16px}
 .film-preview>summary,.film-steps>summary{font-size:15px}
 .film-steps .story-layout{display:block}
 .film-steps .story-stage{position:relative;top:auto}
 .film-steps .story-step{min-height:0;padding:35px 0}
 .film-steps .story-step:first-child{padding-top:35px}
 .history:before{inset:0;opacity:.06}
 .contact:before{opacity:.06;inset:0}
}
@media print{
 .hero-visual,.component-figure,.film-backdrop,.wire-scroll-visual{mask-image:none}
 .is-enhanced .wire-scroll-visual{display:none}
 .is-enhanced .wire-scroll-layout{display:block}
 .wire-scroll-chapters{width:100%;max-width:none}
 .is-enhanced .wire-scroll-chapter{min-height:0;padding-block:20px}
 .component-row{min-height:0;padding-block:30px}
 .component-figure{position:relative;width:100%;height:300px}
 .component-copy-inner{width:100%}
}
.no-js .wire-scroll-copy{pointer-events:auto}
.no-js .wire-scroll-chapters{width:100%;max-width:none}

/* Eine gemeinsame Bildbühne mit demselben weichen Wechsel für alle Abschnitte. */
:scope.unified-backgrounds{isolation:isolate;background:var(--page-background)}
.page-background-stage{position:fixed;inset:var(--stage-header,var(--header)) 0 0;z-index:-2;pointer-events:none;overflow:hidden;background:var(--page-background)}
.page-background-layer{position:absolute;inset:0;opacity:0;visibility:hidden}
.page-background-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(76%,calc((100svh - var(--stage-header,var(--header)) - 70px)*1.333333));mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 97%,transparent);mask-composite:intersect}
.page-background-visual img,.page-background-visual picture{display:block;width:100%;height:auto;max-width:100%;margin:0}
.page-background-visual img{opacity:.8}
.page-background-layer.has-alpha .page-background-visual{mask-image:none}
.page-background-layer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.95) 28%,rgba(249,250,251,.73) 43%,rgba(249,250,251,.06) 74%)}
.page-background-layer[data-tone=hero] .page-background-visual{width:78%;mask-image:linear-gradient(90deg,transparent,#000 22%,#000 100%),linear-gradient(0deg,transparent,#000 15%,#000 75%,transparent)}
.page-background-layer[data-tone=hero] img{opacity:1}
.page-background-layer[data-tone=hero]:after{background:linear-gradient(90deg,rgba(249,250,251,.99),rgba(249,250,251,.98) 30%,rgba(249,250,251,0) 41%)}
.page-background-layer[data-tone=subtle] img{opacity:.25}
.page-background-layer[data-tone=accessory] .page-background-visual{width:min(100%,135vh);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 100%),linear-gradient(0deg,transparent,#000 14%,#000 86%,transparent)}
.page-background-layer[data-tone=accessory] img{opacity:.82}
.page-background-caption{position:absolute;right:20px;bottom:13px;font-size:9px;color:var(--muted);max-width:70%;text-align:right}
:scope.unified-backgrounds .hero,:scope.unified-backgrounds .section,:scope.unified-backgrounds .component-row,:scope.unified-backgrounds .component-row--reel{background:none}
:scope.unified-backgrounds .hero-visual,:scope.unified-backgrounds .component-figure,:scope.unified-backgrounds .film-backdrop{display:none}
:scope.unified-backgrounds .hero:before,:scope.unified-backgrounds .component-row:after,:scope.unified-backgrounds .film-section:before,:scope.unified-backgrounds .history:before,:scope.unified-backgrounds .contact:before{display:none}
:scope.unified-backgrounds #online-accessories{background:none}
:scope.unified-backgrounds #online-accessories .background-stage{display:none}
:scope.unified-backgrounds .wire-scroll-layout{isolation:auto}
:scope.unified-backgrounds .is-enhanced .wire-scroll-visual{position:fixed;inset:var(--stage-header,var(--header)) 0 0;width:100%;height:calc(100svh - var(--stage-header,var(--header)));grid-area:auto;align-self:auto;z-index:-1;pointer-events:none;background:none;padding:0;margin:0;opacity:var(--scene-opacity,0);visibility:hidden}
:scope.unified-backgrounds .wire-scroll-screen{right:22px;top:46%;bottom:auto;transform:translateY(-50%);width:min(72%,calc((100svh - var(--stage-header,var(--header)) - 170px)*1.333333));height:auto;aspect-ratio:4/3;mix-blend-mode:normal;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent)}
:scope.unified-backgrounds .wire-scroll-visual:after{inset:0;top:0;bottom:0;height:auto;background:linear-gradient(90deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.95) 28%,rgba(249,250,251,.73) 43%,rgba(249,250,251,.06) 74%);mask-image:none}
.wire-scroll-controls{position:fixed;z-index:16;right:max(35px,calc((100% - 1240px)/2));bottom:28px;width:43%;max-width:570px;visibility:hidden;opacity:0}
.wire-scroll-controls nav{display:block}
.wire-scroll-controls .wire-scroll-caption{margin-top:0}
.wire-scroll-controls .wire-scroll-index{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.wire-scroll-controls .wire-scroll-index a{white-space:normal;min-width:0}
:scope.unified-backgrounds .wire-scroll-visual+ .wire-scroll-controls{grid-area:auto}
:scope.unified-backgrounds .hero .image-label{display:none}
@media(min-width:768px) and (max-width:1050px){
 .wire-scroll-controls{right:30px;width:43%}
 .wire-scroll-controls .wire-scroll-index{grid-template-columns:repeat(6,1fr)}
 .wire-scroll-controls .wire-index-text{display:none}
 .wire-scroll-controls .wire-scroll-index a{justify-content:center;min-height:34px;border:1px solid var(--line)}
 .page-background-layer[data-tone=hero] .page-background-visual{width:85%}
}
@media(max-width:767px){
 .page-background-visual{width:115%;top:auto;bottom:38px;transform:none;right:-8%}
 .page-background-visual img{opacity:.58}
 .page-background-layer:after{background:linear-gradient(180deg,rgba(249,250,251,.98) 0%,rgba(249,250,251,.93) 30%,rgba(249,250,251,.65) 55%,rgba(249,250,251,.12) 100%)}
 .page-background-layer[data-tone=hero] .page-background-visual{width:100%;right:0;bottom:135px;transform:translateX(-22%) scale(1.45);transform-origin:center;mask-image:linear-gradient(0deg,transparent,#000 8%,#000 88%,transparent)}
 .page-background-layer[data-tone=hero]:after{display:none}
 .page-background-layer[data-tone=hero] img{opacity:1}
 .page-background-layer[data-tone=subtle] img{opacity:.16}
 .page-background-layer[data-tone=accessory] .page-background-visual{width:130%;right:0;bottom:0}
 .page-background-caption{right:15px;bottom:9px;font-size:8px}
 :scope.unified-backgrounds .is-enhanced .wire-scroll-visual{position:fixed;inset:var(--stage-header,var(--header)) 0 auto;height:calc(clamp(165px,28svh,250px) + 112px);z-index:14;background:var(--page-background);padding:10px 20px 16px;overflow:visible}
 :scope.unified-backgrounds .wire-scroll-screen{position:relative;inset:auto;width:100%;height:clamp(165px,28svh,250px);aspect-ratio:auto;transform:none;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(0deg,transparent,#000 6%,#000 94%,transparent)}
 :scope.unified-backgrounds .wire-scroll-visual:after{inset:auto 0 -22px;height:25px;background:var(--page-background);mask-image:linear-gradient(#000,transparent)}
 .wire-scroll-controls{inset:calc(var(--stage-header,var(--header)) + clamp(165px,28svh,250px) + 20px) 20px auto;width:auto;max-width:none;z-index:17}
 .wire-scroll-controls .wire-scroll-caption strong{font-size:15px}
 .wire-scroll-controls .wire-scroll-index{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px}
 .wire-scroll-controls .wire-index-text,.wire-scroll-controls .wire-scroll-hint{display:none}
 .wire-scroll-controls .wire-scroll-index a{justify-content:center;border:1px solid var(--line);min-height:34px}
}
@media print{
 .page-background-stage,.wire-scroll-controls{display:none}
 :scope.unified-backgrounds .hero-visual,:scope.unified-backgrounds .component-figure{display:block}
 :scope.unified-backgrounds .is-enhanced .wire-scroll-visual{display:none}
}

/* Nur die äußeren Schattenränder ausblenden; die Produktkonturen liegen innen. */
.page-background-layer.has-alpha .page-background-visual{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 8%,#000 97%,transparent);mask-composite:intersect}
:scope.unified-backgrounds .wire-scroll-screen.is-alpha{mask-image:none}

:scope{--navy:#ffffff;--ink:#ffffff;--muted:#e1e9ec;--blue:#fff0df;--copper:#fff0df;--line:#aebcc3;--light:#657985;--cream:#657985;--page-background:radial-gradient(ellipse at 83% 53%,#a0afb5 0%,#657985 68%);--mock-bg:#657985;--mock-light:#a0afb5}
 :scope,:scope{background:var(--mock-bg)}
 .header{background:#fff;border-color:#d8e0e4;color:#263e4a;backdrop-filter:none}.header .nav-contact{color:#174d6b}.header .draft{color:#546773;border-color:#d6dfe4}
 .page-background-layer:after,:scope.unified-backgrounds .wire-scroll-visual:after{background:linear-gradient(90deg,#657985 0%,#657985f7 27%,#657985b3 43%,#65798500 70%)}
 .page-background-layer[data-tone=hero]:after{background:linear-gradient(90deg,#657985 0%,#657985fa 28%,#65798500 45%)}
 .page-background-visual img{opacity:1}.page-background-layer[data-tone=subtle] img{opacity:.64}.page-background-layer[data-tone=accessory] img{opacity:.6}
 .page-background-layer[data-tone=hero] .page-background-visual{mask-image:none}.page-background-layer[data-tone=hero] img{opacity:1}
 .hero .button,.button{background:#183f57;border-color:#183f57;color:#ffffff}.button:hover{background:#183f57;filter:brightness(1.07)}
 .hero-bottom,.component-specs,.wire-scroll-caption,.wire-scroll-index a,.film-preview,.wire-detail,.hmi-details,.timeline li{border-color:var(--line)}
 .text-link,.eyebrow,.hero-bottom,.wire-step-number,.page-background-caption{color:var(--muted)}
 .wire-scroll-screen{opacity:1!important}.wire-scroll-index a[aria-current=step]{background:#183f57;color:#ffffff}
 .wire-condition,.contact-prep,.technical-note,.film-preview>summary{background:#a0afb580!important;color:var(--ink)!important}.wire-condition strong{color:var(--navy)}
 .mockup-badge{position:fixed;z-index:60;right:20px;bottom:14px;display:flex;align-items:center;gap:14px;padding:9px 15px;background:#ffffffed;color:#183f57;font:12px Arial,sans-serif;box-shadow:0 2px 20px #0002;border:1px solid #ccd5da;border-radius:3px}.mockup-badge a{text-decoration:none;font-weight:700}.mockup-badge span{padding-left:14px;border-left:1px solid #ccd5da}
 @media(max-width:767px){.page-background-layer:after{background:linear-gradient(180deg,#657985 0%,#657985ef 30%,#65798599 60%,#65798500)}.mockup-badge{font-size:10px;right:10px;bottom:10px;padding:7px 10px;gap:9px}.mockup-badge span{padding-left:9px}:scope.unified-backgrounds .wire-scroll-visual:after{background:var(--page-background)}}
/* Nur Nachtblau und Blaugrau: echte transparente Produktabbildungen. */
 .header{background:var(--mock-bg);color:var(--ink);border-color:var(--line)}.header .nav-contact{color:var(--blue)}.header .draft{color:var(--muted);border-color:var(--line)}
 .mockup-badge{background:var(--mock-bg);color:var(--ink);border-color:var(--line);box-shadow:0 2px 18px #0002}.mockup-badge span{border-color:var(--line)}
 .page-background-layer[data-tone=accessory] img{opacity:1}.page-background-layer[data-tone=accessory] .page-background-visual{width:min(73%,calc((100svh - var(--stage-header,var(--header)) - 50px)*1.85));mask-image:none}
 .mockup-clamp-pair{display:flex;align-items:center;justify-content:center;gap:0}.page-background-visual .mockup-clamp-pair>img{width:50%;max-width:50%;height:auto;display:block}
 .page-background-layer[data-scene=schrauben] .page-background-visual{width:69%;right:1.5%}
 .wire-scroll-screen.is-alpha,:scope.unified-backgrounds .wire-scroll-screen.is-alpha{mask-image:none;background:transparent}
 .application-diagram,.wire-example-media,.wire-detail,.wire-drawings figure,.application-video,.hmi-details,.component-media,.wire-condition,.film-preview>summary,.film-preview,.film-steps,.wire-overview,.application-videos{background:transparent!important}
 .wire-condition{border-left-color:var(--blue)}
 .development-note{background:transparent!important;border:1px solid var(--line);color:var(--ink)}
 #online-accessories{--navy:inherit;--ink:inherit;--blue:inherit;--muted:inherit;--line:inherit;--blue-dark:var(--blue);--border:var(--line);--light:transparent;--warm:transparent;color:var(--ink);color-scheme:dark}
 #online-accessories :where(*:not(button):not(svg):not(svg *):not(.screw-color)){background-color:transparent!important}
 #online-accessories :is(p,li,dt,dd,td,th,figcaption){color:var(--ink)!important}
 #online-accessories .section-heading:before,#online-accessories .section-heading:after{display:none}
 #online-accessories .technical-table,#online-accessories .technical-table th,#online-accessories .technical-table td{background:transparent;color:var(--ink);border-color:var(--line)}
 #online-accessories .product-details,#online-accessories .application-gallery,#online-accessories .clip-details{background:transparent;color:var(--ink)}
 .mockup-alpha-player{position:relative;display:grid;gap:9px;background:transparent}.mockup-alpha-player>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.mockup-alpha-controls{display:flex;gap:12px;align-items:center}.mockup-alpha-controls button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:8px 12px;border-radius:3px;cursor:pointer;font:inherit;font-size:13px;white-space:nowrap}.mockup-alpha-controls input{width:100%;accent-color:var(--blue)}
 @media(max-width:767px){.page-background-layer[data-tone=accessory] .page-background-visual{width:115%;right:-8%;bottom:35px}.page-background-layer[data-scene=schrauben] .page-background-visual{width:120%;right:-10%;bottom:80px}.mockup-badge{max-width:calc(100% - 20px)}.mockup-alpha-controls{gap:8px}.mockup-alpha-controls button{font-size:11px}}

/* Entwurf: Petrolschrift, Kupferdetails und ein durchgehend blaugrauer Lichtverlauf. */
:scope{--navy:#10364b;--ink:#102b3b;--muted:#16313f;--blue:#123c51;--copper:#875334;--line:#718995;--light:#afc0c7;--cream:#afc0c7;--mock-bg:#81959f;--mock-light:#b3c1c7;--page-background:linear-gradient(90deg,#c0cdd1 0%,#b7c6cc 31%,#81959f00 76%),radial-gradient(ellipse at 84% 50%,#b3c1c7 0%,#81959f 76%)}
:scope,:scope{background:var(--page-background);color:var(--ink)}
.header{background:#f8fafb;color:var(--ink);border-color:#d5dee2}
.header .nav-contact{color:var(--blue)}.header .draft{color:var(--muted);border-color:#d5dee2}
.page-background-layer:after,:scope.unified-backgrounds .wire-scroll-visual:after{background:linear-gradient(90deg,#bdcbd0fc 0%,#bdcbd0ef 26%,#b8c7ccad 43%,#81959f00 73%)}
.page-background-layer[data-tone=hero]:after{background:linear-gradient(90deg,#bdcbd0fc 0%,#bdcbd0f5 27%,#81959f00 47%)}
h1,h2,h3{color:var(--navy)}
.hero-content h1{font-weight:700;letter-spacing:-.043em;line-height:1.09}
.benefit-emphasis{background:linear-gradient(transparent calc(100% - 3px),#a6714b 0);padding-bottom:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.eyebrow{color:var(--muted);letter-spacing:.14em;font-weight:700}
.eyebrow:before{content:"";display:inline-block;vertical-align:middle;width:22px;height:2px;margin-right:10px;background:#925f3d}
.hero .button,.button{background:#d5b391;border-color:#8f6547;color:#123347;border-radius:2px}
.button:hover{background:#dfbf9d;color:#123347}
.text-link,.hero-bottom,.wire-step-number,.page-background-caption{color:var(--ink)}
.hero .hero-secondary{border-bottom-color:#754a32}
.wire-scroll-caption strong{color:var(--navy)}
.wire-scroll-index a{color:var(--ink)}
.wire-scroll-index a[aria-current=step]{background:#cdb397;color:#123347;border-color:#8f6547}
.wire-scroll-progress>span{background:#875334}
.wire-condition strong,.component-specs dd{color:var(--navy)}
.mockup-badge{background:#b3c4cb;color:var(--ink);border-color:#718995}
.mockup-badge span{border-color:#718995}
.footer{background:transparent;color:var(--ink)}
@media(max-width:767px){
 .page-background-layer:after{background:linear-gradient(180deg,#b9c8cef5 0%,#b9c8cee6 30%,#b4c4cb80 60%,#81959f00)}
 :scope.unified-backgrounds .wire-scroll-visual:after{background:var(--page-background)}
 .hero-content h1{letter-spacing:-.035em;line-height:1.12}
 .eyebrow:before{width:16px;margin-right:7px}
}

/* ERKO-Gestaltungskonzept 0.1: gemeinsame Werte, zunächst nur im Offline-Muster. */
:scope{
 --erko-reading:#bdcbd0;--erko-reading-edge:#b7c6cc;--erko-image-light:#9fafb8;--erko-image-deep:#81959f;
 --erko-heading:#10364b;--erko-text:#102b3b;--erko-muted:#122b39;--erko-copper:#754a32;--erko-copper-line:#a6714b;
 --erko-header:#f8fafb;--erko-button:#d5b391;--erko-button-text:#123347;--erko-divider:#718995;
 --erko-font:Arial,Helvetica,sans-serif;--erko-content:1240px;--erko-text-width:540px;--erko-image-gap:clamp(32px,4vw,72px);
 --erko-page-background:linear-gradient(90deg,#c0cdd1 0%,var(--erko-reading-edge) 31%,#81959f00 76%),radial-gradient(ellipse at 84% 50%,var(--erko-image-light) 0%,var(--erko-image-deep) 76%);
 --navy:var(--erko-heading);--ink:var(--erko-text);--muted:var(--erko-muted);--blue:#123c51;--copper:var(--erko-copper);--line:var(--erko-divider);
 --mock-bg:var(--erko-image-deep);--mock-light:var(--erko-image-light);--page-background:var(--erko-page-background);
}

/* Umsetzung des gemeinsamen Gestaltungsrasters im Blaugrau-Muster. */
.erko-product-window{position:relative;display:block;width:100%;aspect-ratio:var(--erko-ratio);overflow:visible}
.erko-product-window>img.erko-cropped{position:absolute;inset:0 auto auto 0;display:block;width:var(--erko-natural-width)!important;height:auto!important;max-width:none!important;transform:translate(var(--erko-crop-x),var(--erko-crop-y));margin:0!important}
.erko-cropped[src*="staffelautomat-"],.erko-cropped[src*="drahthaspel-"],.erko-cropped[src*="anwendung-rahmen-"]{mask-image:linear-gradient(90deg,transparent,#000 var(--erko-fade-left,6%),#000 var(--erko-fade-right,94%),transparent),linear-gradient(0deg,transparent,#000 var(--erko-fade-bottom,12%),#000 98%,transparent);mask-composite:intersect}
.erko-cropped[src*="gesamt-transparent"]{--erko-fade-left:25%;--erko-fade-right:97%;--erko-fade-bottom:20%}
.erko-cropped[src*="drahthaspel-"]{--erko-fade-left:15%;--erko-fade-right:90%;--erko-fade-bottom:10%}
.erko-cropped[src*="anwendung-rahmen-"]{--erko-fade-left:20%;--erko-fade-right:80%;--erko-fade-bottom:3%}
:scope.unified-backgrounds .page-background-layer .page-background-visual.erko-fitted{left:auto;right:2%;top:50%;bottom:auto;transform:translateY(-50%);width:min(46%,calc((100svh - var(--stage-header,var(--header)) - 130px)*var(--erko-product-ratio)));mask-image:none}
.erko-fitted .mockup-clamp-pair{gap:18px;align-items:center}
.erko-fitted .mockup-clamp-pair>.erko-product-window{flex:var(--erko-ratio) 1 0;width:auto;min-width:0}
.erko-inline-product{display:none}
:scope.erko-style-v1 main{overflow-x:clip}
#online-accessories .erko-inline-product{display:none}
#online-accessories .erko-product-window{position:relative;display:block;width:100%;aspect-ratio:var(--erko-ratio);overflow:visible}
#online-accessories .erko-product-window>img.erko-cropped{position:absolute;inset:0 auto auto 0;display:block;width:var(--erko-natural-width)!important;height:auto!important;max-width:none!important;transform:translate(var(--erko-crop-x),var(--erko-crop-y));margin:0!important}
:scope.erko-inline-media-open .page-background-layer{visibility:hidden!important}
:scope.erko-inline-media-open .wire-scroll-visual,:scope.erko-inline-media-open .wire-scroll-controls{visibility:hidden!important;opacity:0!important}
:scope.erko-style-v1 .contact-prep address,:scope.erko-style-v1 .contact-prep>p{color:var(--ink)}
:scope.erko-style-v1 #online-accessories .section-heading{position:sticky!important;top:calc(var(--erko-sticky-header,var(--stage-header,var(--header))) + 10px)!important;transform:none!important;opacity:var(--erko-title-presence,1)!important;z-index:20;pointer-events:none}
:scope.erko-style-v1 #online-accessories .section-heading h2{position:relative;isolation:isolate;width:fit-content;max-width:100%;pointer-events:auto;text-shadow:none;transition:text-shadow 160ms ease-out}
:scope.erko-style-v1 #online-accessories .section-heading h2:before{content:"";display:block;position:absolute;inset:-8px -20px -10px -16px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(255,255,255,.94),rgba(255,255,255,.72) 50%,rgba(255,255,255,0) 100%);filter:blur(12px);backdrop-filter:blur(6px);opacity:var(--erko-title-halo,0)}
:scope.erko-style-v1 #online-accessories .section-heading[data-erko-stuck=true] h2{text-shadow:0 0 9px #fff,0 0 22px rgba(255,255,255,.85)}
:scope.erko-style-v1 #online-accessories .section-heading[data-erko-leaving=true] h2{pointer-events:none}
:scope.erko-style-v1 .contact .button{background:var(--erko-button);border-color:#8f6547;color:var(--erko-button-text)}
@media(min-width:1051px){
 :scope.erko-style-v1 .hero-content h1{max-width:min(44%,var(--erko-text-width))}
 :scope.erko-style-v1 .hero-problem,:scope.erko-style-v1 .hero-intro,:scope.erko-style-v1 .hero-assurance{max-width:min(43%,490px)}
 :scope.erko-style-v1 .wire-scroll-intro{max-width:44%}
 :scope.erko-style-v1 .selection-guide{grid-template-columns:1fr;gap:15px}
 :scope.erko-style-v1 .selection-guide li{padding-top:10px}
 :scope.erko-style-v1 .wire-scroll-chapters{width:43%;max-width:var(--erko-text-width)}
 :scope.erko-style-v1 .component-copy-inner{width:43%;max-width:var(--erko-text-width)}
 :scope.erko-style-v1 .machine .split-heading{display:block}
 :scope.erko-style-v1 .machine .split-heading>div{max-width:44%}
 :scope.erko-style-v1 .machine .split-heading>div+div{margin-top:25px}
 :scope.erko-style-v1 .film-intro{max-width:44%}
 :scope.erko-style-v1 .history h2,:scope.erko-style-v1 .history .wrap>p{max-width:44%}
 :scope.erko-style-v1 .timeline{grid-template-columns:1fr;max-width:44%;gap:28px}
 :scope.erko-style-v1 #online-accessories .service-copy{max-width:min(43vw,540px)!important}
 :scope.erko-style-v1 #online-accessories .section-heading h2{max-width:540px}
 :scope.erko-style-v1 .contact-layout{grid-template-columns:1fr;gap:30px}
 :scope.erko-style-v1 .contact-layout>div{width:44%;max-width:var(--erko-text-width)}
}
@media(min-width:768px){
 :scope.erko-style-v1 .wire-scroll-screen{right:2%;width:min(48%,calc((100svh - var(--stage-header,var(--header)) - 180px)*1.333333));opacity:1}
}
@media(max-width:1050px){
 :scope.erko-style-v1 .page-background-layer{visibility:hidden!important}
 .erko-inline-product{display:block;width:min(calc(100% - 40px),calc(470px*var(--erko-product-ratio,1.5)));margin:32px auto 24px}
 #online-accessories .erko-inline-product{display:block;position:relative;width:min(calc(100% - 40px),calc(470px*var(--erko-product-ratio,1.5)));margin:32px auto 24px}
 .erko-inline-product .mockup-clamp-pair{display:flex;gap:16px;align-items:center}
 #online-accessories .erko-inline-product .mockup-clamp-pair{display:flex;gap:16px;align-items:center}
 .erko-inline-product .mockup-clamp-pair>.erko-product-window{flex:var(--erko-ratio) 1 0;width:auto;min-width:0}
 #online-accessories .erko-inline-product .mockup-clamp-pair>.erko-product-window{flex:var(--erko-ratio) 1 0;width:auto;min-width:0}
 :scope.erko-style-v1 .hero{display:block;min-height:0}
 :scope.erko-style-v1 .hero-content{padding-block:36px 10px}
 :scope.erko-style-v1 .hero-content h1{max-width:700px}
 :scope.erko-style-v1 .hero-bottom{position:static;margin-top:16px;padding-block:18px}
 :scope.erko-style-v1 .hero:has(.erko-inline-product){padding-bottom:0}
 :scope.erko-style-v1 .component-row,:scope.erko-style-v1 .component-row--reel{display:block;min-height:0;padding-block:40px}
 :scope.erko-style-v1 .component-copy-inner{width:100%;max-width:650px}
 :scope.erko-style-v1 .machine .split-heading{display:block}
 :scope.erko-style-v1 .machine .split-heading>div+div{margin-top:22px}
 :scope.erko-style-v1 .wire-scroll-intro{max-width:100%}
 :scope.erko-style-v1 .timeline{grid-template-columns:1fr;gap:28px}
 :scope.erko-style-v1 .contact-layout{grid-template-columns:1fr;gap:35px}
 :scope.erko-style-v1 .erko-service-grid{display:block!important}
 :scope.erko-style-v1 #online-accessories .service-copy{width:100%!important;max-width:none!important}
}
@media(max-width:767px){
 :scope.erko-style-v1 .hero-content h1{max-width:100%}
 :scope.erko-style-v1 .hero-problem,:scope.erko-style-v1 .hero-intro{max-width:100%}
 :scope.erko-style-v1 .hero .erko-inline-product{margin-block:28px 16px}
}

/* Freie Produktzone: der Leseschleier endet vor den Zubehörabbildungen. */
:scope.erko-style-v1 .page-background-layer[data-tone=accessory]:after{background:linear-gradient(90deg,#bdcbd0fc 0%,#bdcbd0ef 26%,#bdcbd000 50%)}
@media(prefers-reduced-motion:reduce){:scope.erko-style-v1 #online-accessories .section-heading h2{transition:none}}

/* Approved process concept, scoped for the consolidated offline page. */
.erko-process-hero{--ink:#10364b;--body:#173746;--copper:#b88b70;--accent:#754a32;--bg:#a1b2bb;--reading:#c1ced2;--line:#839ba7;--header:80px;--canvas:linear-gradient(105deg,#c1ced2 0%,#b8c8ce 38%,#8fa3ad 100%)}
.erko-process-hero *{box-sizing:border-box}
.erko-process-hero{margin:0;background:var(--canvas);color:var(--body);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}
.erko-process-hero a{color:inherit}
.erko-process-hero img{display:block;max-width:100%;height:auto}
.erko-process-hero h1,.erko-process-hero h2,.erko-process-hero p,.erko-process-hero figure{margin:0}
.erko-process-hero h1,.erko-process-hero h2{line-height:1.08;letter-spacing:-.04em;color:var(--ink)}
.erko-process-hero h1{font-size:clamp(40px,4vw,64px);font-weight:750}
.erko-process-hero h1 em{font-style:normal;color:var(--accent)}
.erko-process-hero .line{display:block}
.erko-process-hero .last-word{position:relative;white-space:nowrap}
.erko-process-hero .last-word:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-7px;height:4px;background:var(--copper);transform:skewY(-1.2deg)}
.erko-process-hero .kicker,.erko-process-hero .stage-kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}
.erko-process-hero .kicker{margin-bottom:25px;display:flex;align-items:center;gap:12px}
.erko-process-hero .kicker:before{content:'';display:block;flex:0 0 25px;height:3px;background:var(--copper)}
.erko-process-hero a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
.erko-process-hero{max-width:1540px;margin:0 auto;padding:42px 4vw 64px;min-height:calc(100svh - var(--header));position:relative}
.erko-process-hero .hero-copy{align-self:center;position:relative;z-index:2}
.erko-process-hero .lead{font-size:18px;line-height:1.55;margin:32px 0 26px;max-width:470px}
.erko-process-hero .lead strong{font-weight:700}
.erko-process-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px}
.erko-process-hero .cta{background:var(--copper);border:1px solid #996e54;padding:14px 18px;color:#173746;text-decoration:none;font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:25px;transition:background .18s}
.erko-process-hero .cta:hover{background:#caa38b}
.erko-process-hero .secondary{font-size:13px;font-weight:600;text-decoration:none;border-bottom:1px solid var(--accent);padding-block:7px}
.erko-process-hero .offering{font-size:12px;line-height:1.65;margin-top:27px;padding-left:12px;border-left:2px solid var(--copper)}
.erko-process-hero .machine-crop{position:relative;width:100%;aspect-ratio:1270/641;overflow:visible;isolation:isolate}
.erko-process-hero .machine-crop>img{position:absolute;max-width:none;width:151.1811%;left:-50.7874%;top:-35.4134%;mask-image:linear-gradient(90deg,transparent,#000 25%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 98%,transparent);mask-composite:intersect;pointer-events:none}
.erko-process-hero .number{color:var(--accent);font-size:11px;font-weight:700;border-top:2px solid var(--copper);padding-top:4px;flex:0 0 20px}
.erko-process-hero .step-copy{display:flex;gap:8px;align-items:start;text-align:left}
.erko-process-hero .step-copy h2{font-size:16px;line-height:1.2;letter-spacing:-.02em}
.erko-process-hero .step-copy p{font-size:11px;line-height:1.4;margin-top:4px}
.erko-process-hero.hero-orbit{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:32px;align-items:center}
.erko-process-hero.hero-orbit h1{font-size:clamp(39px,3.75vw,60px)}
.erko-process-hero .orbit{position:relative;width:100%;aspect-ratio:740/620;isolation:isolate;margin-block:12px}
.erko-process-hero .orbit-path{position:absolute;inset:0;width:100%;height:100%;color:var(--accent);overflow:visible}
.erko-process-hero .orbit-path>path{fill:none;stroke:var(--accent);stroke-width:2;opacity:.75}
.erko-process-hero .orbit-path .arc-wash{stroke:var(--copper);stroke-width:30;opacity:.12}
.erko-process-hero .orbit-step{position:absolute}
.erko-process-hero .orbit-input{left:3%;top:5%;width:25%}
.erko-process-hero .orbit-input>img{width:75%;height:108px;object-fit:contain;margin:0 auto 12px}
.erko-process-hero .orbit-machine{width:62%;left:34%;top:12%}
.erko-process-hero .orbit-machine .step-copy{margin:18px 0 0 7%}
.erko-process-hero .orbit-wire{width:62%;height:44px;margin:14px 0 0 9%}
.erko-process-hero .orbit-wire img{width:100%;height:100%;object-fit:contain}
.erko-process-hero .orbit-frame{left:59%;top:57%;width:36%}
.erko-process-hero .orbit-frame>img{height:165px;width:100%;object-fit:contain;margin-bottom:10px}
.erko-process-hero .orbit-return{left:9%;top:64%;width:37%}
.erko-process-hero .orbit-return>img{height:95px;width:100%;object-fit:contain;margin-bottom:15px}
.erko-process-hero .orbit figcaption{position:absolute;left:12%;bottom:-6%;font-size:9px;color:#3a5362}
@media(min-width:1600px){
.erko-process-hero.hero-orbit{gap:50px}
.erko-process-hero .orbit-input>img{height:125px}
.erko-process-hero .orbit-frame>img{height:195px}
.erko-process-hero .orbit-return>img{height:115px}
.erko-process-hero .orbit-wire{height:52px}
}
@media(max-width:1150px) and (min-width:801px){
.erko-process-hero{padding-inline:30px}
.erko-process-hero.hero-orbit{gap:22px;grid-template-columns:1fr 1.22fr}
.erko-process-hero.hero-orbit h1{font-size:39px}
.erko-process-hero.hero-orbit .lead{font-size:16px}
.erko-process-hero .orbit .step-copy h2{font-size:13px}
.erko-process-hero .orbit .step-copy p{font-size:10px}
.erko-process-hero .orbit-input>img{height:85px}
.erko-process-hero .orbit-return>img{height:75px}
.erko-process-hero .orbit-frame>img{height:135px}
.erko-process-hero .orbit-wire{height:34px}
}
@media(max-width:800px){
.erko-process-hero{--header:70px}
.erko-process-hero{padding:32px 24px 86px;min-height:0}
.erko-process-hero .kicker{font-size:10px;margin-bottom:24px;letter-spacing:.1em}
.erko-process-hero.hero-orbit{display:block}
.erko-process-hero .hero-copy{max-width:600px;margin:auto}
.erko-process-hero h1{font-size:clamp(34px,6.8vw,51px)}
.erko-process-hero .lead{font-size:16px!important;margin-top:28px;max-width:100%}
.erko-process-hero .actions{gap:15px 20px}
.erko-process-hero .cta{font-size:13px;padding:12px 15px;gap:18px}
.erko-process-hero .secondary{font-size:12px}
.erko-process-hero .offering{font-size:11px;margin-top:20px}
.erko-process-hero .orbit{max-width:650px;margin:35px auto 20px;aspect-ratio:1/1.02}
.erko-process-hero .orbit-path{height:85%;top:2%}
.erko-process-hero .orbit-input{top:5%;left:1%;width:29%}
.erko-process-hero .orbit-input>img{height:90px;margin-bottom:12px}
.erko-process-hero .orbit-machine{left:35%;top:16%;width:64%}
.erko-process-hero .orbit-machine .step-copy{margin-top:15px;margin-left:0}
.erko-process-hero .orbit .step-copy h2{font-size:14px}
.erko-process-hero .orbit .step-copy p{font-size:10px}
.erko-process-hero .orbit-wire{height:38px;margin-top:10px}
.erko-process-hero .orbit-frame{top:59%;left:56%;width:43%}
.erko-process-hero .orbit-frame>img{height:155px;margin-bottom:10px}
.erko-process-hero .orbit-return{top:67%;left:3%;width:45%}
.erko-process-hero .orbit-return>img{height:85px}
.erko-process-hero .orbit figcaption{left:0;bottom:-6%;font-size:8px}
}
@media(max-width:440px){
.erko-process-hero{padding-inline:20px}
.erko-process-hero h1{font-size:35px}
.erko-process-hero.hero-orbit .line{white-space:nowrap}
.erko-process-hero .orbit{aspect-ratio:1/1.4;margin-top:30px}
.erko-process-hero .orbit-path{top:5%;height:79%;width:110%;left:-5%}
.erko-process-hero .orbit-input{top:3%;width:43%;left:0}
.erko-process-hero .orbit-input>img{height:80px;width:70%}
.erko-process-hero .orbit-machine{top:12%;left:46%;width:54%}
.erko-process-hero .orbit-machine .step-copy{margin-top:18px}
.erko-process-hero .orbit-machine .step-copy h2{font-size:13px}
.erko-process-hero .orbit-wire{width:90%;height:33px;margin:15px 0 0}
.erko-process-hero .orbit-frame{top:52%;left:53%;width:47%}
.erko-process-hero .orbit-frame>img{height:150px}
.erko-process-hero .orbit-return{top:63%;left:0;width:47%}
.erko-process-hero .orbit-return>img{height:80px}
.erko-process-hero .orbit .number{flex-basis:17px;font-size:10px}
.erko-process-hero .orbit .step-copy{gap:5px}
.erko-process-hero .orbit .step-copy h2{font-size:13px}
.erko-process-hero .orbit .step-copy p{font-size:10px}
.erko-process-hero .orbit figcaption{bottom:0}
}
@media(prefers-reduced-motion:reduce){
.erko-process-hero .cta{transition:none}
}
.erko-process-hero .wire-crop{position:relative;width:100%;aspect-ratio:1026/266;overflow:visible}
.erko-process-hero .wire-crop>img{position:absolute!important;max-width:none!important;width:116.9591%!important;height:auto!important;left:-8.4795%;top:-119.1729%;object-fit:initial!important;margin:0!important}
.erko-process-hero .orbit-wire{display:flex;align-items:center}
.erko-process-hero .number{color:var(--ink)}
@media(min-width:801px) and (max-height:800px){
.erko-process-hero{padding-top:30px;padding-bottom:65px}
.erko-process-hero.hero-orbit .orbit{max-width:calc((100svh - 195px)*1.19355);justify-self:end}
.erko-process-hero.hero-orbit .lead{font-size:16px;margin:26px 0 22px}
.erko-process-hero.hero-orbit .offering{margin-top:21px}
.erko-process-hero .orbit-input>img{height:92px}
.erko-process-hero .orbit-return>img{height:80px}
.erko-process-hero .orbit-frame>img{height:165px}
.erko-process-hero .orbit figcaption{bottom:-4%}
.erko-process-hero .orbit-machine .step-copy{margin-top:14px}
}
.erko-process-hero{--body:#102b3b;--canvas:linear-gradient(105deg,#c1ced2 0%,#b8c8ce 38%,#81959f 100%)}
.erko-process-hero .orbit-wire{margin-left:0;width:45%}
.erko-process-hero .orbit-step>img{filter:drop-shadow(0 2px 2px #10364b26)}
.erko-process-hero{min-height:calc(100svh - var(--header) - 56px)}
@media(min-width:801px) and (max-height:800px){
.erko-process-hero.hero-orbit{padding-bottom:35px}
}
@media(max-width:800px){
.erko-process-hero{min-height:0;padding-bottom:50px}
}
.erko-process-hero.hero-orbit-refined{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:35px;padding-top:24px;padding-bottom:36px}
.erko-process-hero.hero-orbit-refined .hero-copy{align-self:center}
.erko-process-hero.hero-orbit-refined .lead{margin:27px 0 22px;font-size:17px;max-width:440px}
.erko-process-hero .solution-offer{border-left:2px solid var(--copper);padding-left:14px;margin-bottom:28px;font-size:14px;line-height:1.6}
.erko-process-hero .solution-offer>span{display:block;margin-top:5px}
.erko-process-hero.hero-orbit-refined .actions{gap:14px 20px}
.erko-process-hero.hero-orbit-refined .cta{font-size:13px;padding-inline:16px;gap:18px}
.erko-process-hero.hero-orbit-refined .orbit-refined{aspect-ratio:740/680;width:100%;max-width:none;margin:0}
.erko-process-hero .orbit-refined .orbit-path{inset:0;height:100%;width:100%}
.erko-process-hero .orbit-refined .orbit-path .arc-wash{stroke-width:22;opacity:.09}
.erko-process-hero .orbit-refined .orbit-path .alternative-path{stroke-dasharray:4 5;stroke-width:1.5;opacity:.65}
.erko-process-hero .orbit-prompt{position:absolute;left:0;top:0;width:45%;display:flex;gap:12px;align-items:flex-start;padding:8px 0 9px}
.erko-process-hero .prompt-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1.5px solid var(--copper);border-radius:50%;font-size:24px;color:var(--accent);line-height:1}
.erko-process-hero .orbit-prompt p{font-size:11px;line-height:1.35;margin-bottom:6px}
.erko-process-hero .orbit-prompt strong{font-size:clamp(16px,1.5vw,22px);line-height:1.15;letter-spacing:-.025em;display:block;color:var(--ink)}
.erko-process-hero .orbit-refined .orbit-input{left:1%;top:18%;width:29%}
.erko-process-hero .orbit-refined .orbit-input>img{height:96px;width:75%;object-fit:contain;margin:0 auto 12px}
.erko-process-hero .orbit-refined .orbit-machine{left:35%;top:12%;width:64%}
.erko-process-hero .orbit-refined .orbit-machine .step-copy{margin:14px 0 0 5%}
.erko-process-hero .orbit-refined .orbit-wire{margin:14px 0 0 5%;width:46%;height:38px}
.erko-process-hero .orbit-clamps{position:absolute;left:8%;top:46%;width:40%}
.erko-process-hero .orbit-clamps>a{display:flex;gap:13px;align-items:center;color:var(--ink);text-decoration:none}
.erko-process-hero .clamp-pair{height:79px;display:flex;align-items:center;gap:9px;flex-shrink:0}
.erko-process-hero .clamp-cutout{height:100%;display:block;position:relative}
.erko-process-hero .clamp-single{width:35px}
.erko-process-hero .clamp-double{width:49px}
.erko-process-hero .clamp-cutout img{position:absolute;height:100%;max-width:none;width:auto;top:0}
.erko-process-hero .clamp-single img{left:-64.1026%}
.erko-process-hero .clamp-double img{left:-30.6452%}
.erko-process-hero .clamp-copy{min-width:0}
.erko-process-hero .clamp-copy .alternative-label{display:block;font-size:9px;line-height:1.3;margin-bottom:7px;border-bottom:1px solid var(--copper);padding-bottom:5px;width:fit-content}
.erko-process-hero .clamp-copy h2{font-size:16px;letter-spacing:-.02em;line-height:1.2}
.erko-process-hero .clamp-copy p{font-size:10px;line-height:1.4;margin-top:5px}
.erko-process-hero .orbit-clamps>a:hover h2{text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:4px}
.erko-process-hero .orbit-refined .orbit-frame{left:65%;top:61%;width:34%}
.erko-process-hero .orbit-refined .orbit-frame>img{height:165px;width:100%;object-fit:contain;margin-bottom:10px}
.erko-process-hero .orbit-refined .orbit-return{left:8%;top:74%;width:39%}
.erko-process-hero .orbit-refined .orbit-return>img{height:72px;width:100%;object-fit:contain;margin-bottom:13px}
.erko-process-hero .orbit-refined figcaption{left:7%;bottom:-4%;font-size:9px;max-width:90%}
.erko-process-hero .orbit-refined .step-copy h2{font-size:15px}
.erko-process-hero .orbit-refined .step-copy p{font-size:10px}
@media(min-width:801px) and (max-height:800px){
.erko-process-hero.hero-orbit-refined h1{font-size:clamp(36px,3.7vw,52px)}
.erko-process-hero.hero-orbit-refined .orbit-refined{max-width:calc((100svh - 185px)*1.08824);justify-self:end}
.erko-process-hero.hero-orbit-refined .lead{font-size:16px;margin-block:24px 18px}
.erko-process-hero .solution-offer{font-size:13px;margin-bottom:24px}
.erko-process-hero .orbit-refined .orbit-input>img{height:82px}
.erko-process-hero .orbit-refined .orbit-frame>img{height:146px}
.erko-process-hero .orbit-refined .orbit-return>img{height:63px}
.erko-process-hero .orbit-refined .step-copy h2{font-size:14px}
.erko-process-hero .clamp-pair{height:66px;gap:7px}
.erko-process-hero .clamp-single{width:29px}
.erko-process-hero .clamp-double{width:41px}
.erko-process-hero .clamp-copy h2{font-size:14px}
.erko-process-hero .clamp-copy p{font-size:9px}
}
@media(min-width:1600px){
.erko-process-hero .orbit-refined .orbit-frame>img{height:205px}
.erko-process-hero .orbit-refined .orbit-input>img{height:115px}
.erko-process-hero .orbit-refined .orbit-return>img{height:95px}
.erko-process-hero .clamp-pair{height:95px}
.erko-process-hero .clamp-single{width:42px}
.erko-process-hero .clamp-double{width:59px}
.erko-process-hero .orbit-refined .step-copy h2,.erko-process-hero .clamp-copy h2{font-size:18px}
.erko-process-hero .orbit-refined .step-copy p,.erko-process-hero .clamp-copy p{font-size:12px}
}
@media(max-width:1150px) and (min-width:801px){
.erko-process-hero.hero-orbit-refined{grid-template-columns:1fr 1.35fr;gap:24px}
.erko-process-hero.hero-orbit-refined h1{font-size:37px}
.erko-process-hero.hero-orbit-refined .kicker{font-size:9px}
.erko-process-hero .orbit-prompt{gap:8px;width:49%}
.erko-process-hero .orbit-prompt strong{font-size:16px}
.erko-process-hero .prompt-mark{flex-basis:27px;width:27px;height:27px;font-size:20px}
.erko-process-hero .orbit-refined .step-copy h2{font-size:12px}
.erko-process-hero .orbit-refined .step-copy p{font-size:9px}
.erko-process-hero .orbit-clamps{width:44%;left:3%}
.erko-process-hero .orbit-clamps>a{gap:8px}
.erko-process-hero .clamp-copy h2{font-size:13px}
.erko-process-hero .orbit-refined .orbit-frame>img{height:135px}
}
@media(max-width:1100px){
.erko-process-hero.hero-orbit-refined{display:block;padding-top:32px;padding-bottom:55px}
.erko-process-hero.hero-orbit-refined .lead{max-width:100%;font-size:16px}
.erko-process-hero.hero-orbit-refined .hero-copy{max-width:600px;margin:auto}
.erko-process-hero.hero-orbit-refined .orbit-refined{max-width:650px;margin:40px auto 30px;aspect-ratio:740/760}
.erko-process-hero .orbit-refined .orbit-path{height:92%;top:4%;width:100%;left:0}
.erko-process-hero .orbit-prompt{width:58%;top:0}
.erko-process-hero .orbit-prompt strong{font-size:21px}
.erko-process-hero .orbit-refined .orbit-input{top:19%;left:0;width:32%}
.erko-process-hero .orbit-refined .orbit-input>img{height:95px}
.erko-process-hero .orbit-refined .orbit-machine{top:20%;left:36%;width:64%}
.erko-process-hero .orbit-refined .orbit-machine .step-copy{margin-top:18px;margin-left:0}
.erko-process-hero .orbit-refined .orbit-wire{width:53%;height:38px;margin-left:0}
.erko-process-hero .orbit-clamps{left:0;top:47%;width:45%}
.erko-process-hero .orbit-clamps>a{gap:10px}
.erko-process-hero .clamp-pair{height:70px;gap:7px}
.erko-process-hero .clamp-single{width:31px}
.erko-process-hero .clamp-double{width:43px}
.erko-process-hero .clamp-copy h2{font-size:14px}
.erko-process-hero .orbit-refined .orbit-frame{top:65%;left:61%;width:39%}
.erko-process-hero .orbit-refined .orbit-frame>img{height:170px}
.erko-process-hero .orbit-refined .orbit-return{top:77%;left:0;width:45%}
.erko-process-hero .orbit-refined .orbit-return>img{height:78px}
.erko-process-hero .orbit-refined .step-copy h2{font-size:14px}
.erko-process-hero .orbit-refined figcaption{left:0;bottom:-7%;font-size:8px}
}
@media(max-width:440px){
.erko-process-hero.hero-orbit-refined h1{font-size:35px}
.erko-process-hero.hero-orbit-refined .kicker{font-size:9px;letter-spacing:.08em}
.erko-process-hero.hero-orbit-refined .orbit-refined{aspect-ratio:1/1.85;margin-top:35px;margin-bottom:35px}
.erko-process-hero .orbit-refined .orbit-path{height:88%;top:5%;width:108%;left:-4%}
.erko-process-hero .orbit-prompt{width:100%;gap:10px}
.erko-process-hero .orbit-prompt strong{font-size:22px}
.erko-process-hero .orbit-refined .orbit-input{top:20%;width:42%;left:0}
.erko-process-hero .orbit-refined .orbit-input>img{height:78px}
.erko-process-hero .orbit-refined .orbit-machine{top:24%;left:46%;width:54%}
.erko-process-hero .orbit-refined .orbit-wire{width:75%;height:30px;margin-top:14px}
.erko-process-hero .orbit-refined .orbit-machine .step-copy{margin-top:17px}
.erko-process-hero .orbit-clamps{top:48%;width:51%;left:0}
.erko-process-hero .orbit-clamps>a{gap:8px;align-items:flex-start}
.erko-process-hero .clamp-pair{height:63px;gap:6px}
.erko-process-hero .clamp-single{width:28px}
.erko-process-hero .clamp-double{width:39px}
.erko-process-hero .clamp-copy .alternative-label{font-size:8px}
.erko-process-hero .clamp-copy h2{font-size:13px}
.erko-process-hero .clamp-copy p{font-size:9px}
.erko-process-hero .orbit-refined .orbit-frame{top:66%;left:53%;width:47%}
.erko-process-hero .orbit-refined .orbit-frame>img{height:152px}
.erko-process-hero .orbit-refined .orbit-return{top:78%;left:0;width:48%}
.erko-process-hero .orbit-refined .orbit-return>img{height:65px}
.erko-process-hero .orbit-refined .step-copy h2{font-size:13px}
.erko-process-hero .orbit-refined .step-copy p{font-size:10px}
.erko-process-hero .orbit-refined figcaption{bottom:-6%}
}
.erko-process-hero .orbit-refined .orbit-input>img{width:100%;height:108px}
.erko-process-hero .orbit-refined .orbit-return{left:0;top:72%;width:48%}
.erko-process-hero .orbit-refined .orbit-return>img{width:100%;height:126px;margin-bottom:11px}
@media(min-width:1600px){
.erko-process-hero .orbit-refined .orbit-input>img{height:130px}
.erko-process-hero .orbit-refined .orbit-return>img{height:155px}
}
@media(min-width:801px) and (max-height:800px){
.erko-process-hero .orbit-refined .orbit-input>img{height:95px}
.erko-process-hero .orbit-refined .orbit-return>img{height:113px}
.erko-process-hero .orbit-refined .orbit-return{top:71%}
.erko-process-hero .orbit-refined figcaption{bottom:-7%}
}
@media(max-width:1100px){
.erko-process-hero .orbit-refined .orbit-input>img{height:108px}
.erko-process-hero .orbit-refined .orbit-return{left:0;top:77%;width:50%}
.erko-process-hero .orbit-refined .orbit-return>img{height:115px}
.erko-process-hero .orbit-refined figcaption{bottom:-10%}
}
@media(max-width:440px){
.erko-process-hero .orbit-refined .orbit-input>img{height:91px}
.erko-process-hero .orbit-refined .orbit-return{top:78%;width:51%}
.erko-process-hero .orbit-refined .orbit-return>img{height:109px}
.erko-process-hero .orbit-refined figcaption{bottom:-10%}
.erko-process-hero.hero-orbit-refined .orbit-refined{margin-bottom:65px}
}
@media(min-width:601px) and (max-width:1100px){
.erko-process-hero.hero-orbit-refined .orbit-refined{max-width:680px;aspect-ratio:740/760;margin-bottom:85px}
.erko-process-hero.hero-orbit-refined h1{font-size:clamp(42px,6vw,54px)}
.erko-process-hero.hero-orbit-refined .kicker{font-size:11px}
.erko-process-hero .orbit-refined .orbit-input{width:29%}
.erko-process-hero .orbit-refined .orbit-clamps{width:43%;top:48%}
.erko-process-hero .orbit-refined figcaption{bottom:-6%}
}
@media(max-width:600px){
.erko-process-hero.hero-orbit-refined .orbit-refined{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px;aspect-ratio:auto;max-width:470px;margin:40px auto 0}
.erko-process-hero .orbit-refined .orbit-path{display:none}
.erko-process-hero .orbit-refined .orbit-step,.erko-process-hero .orbit-refined .orbit-clamps,.erko-process-hero .orbit-refined .orbit-prompt,.erko-process-hero .orbit-refined figcaption{position:static;width:auto;inset:auto;max-width:none;margin:0}
.erko-process-hero .orbit-refined .orbit-prompt{grid-column:1/-1;width:100%;border-top:1px solid #71899570;padding-top:24px}
.erko-process-hero .orbit-refined .orbit-input{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15px}
.erko-process-hero .orbit-refined .orbit-input>img{height:auto;width:100%;margin:0}
.erko-process-hero .orbit-refined .orbit-machine{grid-column:1/-1;width:100%;max-width:360px;margin:12px auto 0}
.erko-process-hero .orbit-refined .orbit-machine .step-copy{margin:20px 0 0}
.erko-process-hero .orbit-refined .orbit-machine .step-copy h2{font-size:16px}
.erko-process-hero .orbit-refined .orbit-wire{width:65%;height:42px;margin:15px 0 0 25px}
.erko-process-hero .orbit-refined .orbit-clamps{grid-column:1/-1;margin:4px 0 10px;padding-top:12px;border-top:1px solid #71899550}
.erko-process-hero .orbit-refined .orbit-clamps>a{gap:24px;align-items:center;max-width:320px;margin:auto}
.erko-process-hero .orbit-refined .clamp-pair{height:78px;gap:10px}
.erko-process-hero .orbit-refined .clamp-single{width:34px}
.erko-process-hero .orbit-refined .clamp-double{width:48px}
.erko-process-hero .orbit-refined .clamp-copy h2{font-size:17px}
.erko-process-hero .orbit-refined .clamp-copy p{font-size:11px}
.erko-process-hero .orbit-refined .clamp-copy .alternative-label{font-size:10px}
.erko-process-hero .orbit-refined .orbit-frame>img{height:164px;margin:0 0 16px}
.erko-process-hero .orbit-refined .orbit-return{align-self:end}
.erko-process-hero .orbit-refined .orbit-return>img{height:auto;width:100%;margin:0 0 20px}
.erko-process-hero .orbit-refined .step-copy h2{font-size:14px}
.erko-process-hero .orbit-refined .step-copy p{font-size:11px}
.erko-process-hero .orbit-refined figcaption{grid-column:1/-1;font-size:9px;line-height:1.5;margin-top:4px}
}
@media(min-width:1101px){
.erko-process-hero .orbit-refined .orbit-clamps{left:1%;width:31%}
.erko-process-hero .orbit-refined .clamp-copy h2{font-size:14px}
}
@media(min-width:1101px){
.erko-process-hero .orbit-refined .orbit-clamps{top:51%}
.erko-process-hero .orbit-refined .clamp-copy h2>span{display:none}
}
@media(min-width:1101px) and (max-height:800px){
.erko-process-hero .orbit-refined .clamp-copy h2{font-size:13px;white-space:nowrap}
}

/* Use the established Blaugrau canvas, without introducing a section edge. */
.erko-process-hero{--header:var(--stage-header,80px);background:none;overflow:visible;min-height:calc(100svh - var(--header));font-family:var(--erko-font,Arial,Helvetica,sans-serif);line-height:1.55;position:relative;z-index:1}
.erko-process-hero h1,.erko-process-hero h2{margin:0;text-transform:none}
.erko-process-hero.hero-orbit-refined{padding-bottom:70px}
.erko-process-hero a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
@media(max-width:1100px){.erko-process-hero.hero-orbit-refined{min-height:0;padding-bottom:45px}}
@media(max-width:600px){.erko-process-hero.hero-orbit-refined{padding-bottom:45px}}

/* 06.11.2026: larger clamp photographs, retaining the original 800px images. */
.erko-process-hero .machine-details-link{display:block;color:inherit;text-decoration:none;cursor:pointer}
.erko-process-hero .machine-details-link .machine-link-name{border-bottom:1px solid var(--copper);padding-bottom:2px}
.erko-process-hero .machine-link-arrow{font-size:.9em;color:var(--accent);white-space:nowrap}
.erko-process-hero .machine-details-link:hover h2{text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:4px}
.erko-process-hero .machine-details-link:focus-visible{outline:3px solid var(--accent);outline-offset:7px;border-radius:3px}
.erko-process-hero .orbit-refined .orbit-machine .machine-details-link .step-copy{margin:0 0 24px 5%}
@media(min-width:1101px) and (max-height:800px){.erko-process-hero .orbit-refined .orbit-machine .machine-details-link .step-copy{margin-bottom:18px}}
@media(max-width:1100px){.erko-process-hero .orbit-refined .orbit-machine .machine-details-link .step-copy{margin:0 0 22px}}
.erko-process-hero .orbit-refined .clamp-cutout img{filter:contrast(1.14) brightness(.98);opacity:1;image-rendering:auto}
@media(min-width:1101px){
 .erko-process-hero .orbit-refined .orbit-clamps{left:0;top:49%;width:34%}
 .erko-process-hero .orbit-refined .clamp-pair{height:124px;gap:14px}
 .erko-process-hero .orbit-refined .clamp-single{width:54px}
 .erko-process-hero .orbit-refined .clamp-double{width:77px}
 .erko-process-hero .orbit-refined .orbit-clamps>a{gap:12px}
 .erko-process-hero .orbit-refined .clamp-copy h2{font-size:15px;white-space:nowrap}
}
@media(min-width:1101px) and (max-height:800px){
 .erko-process-hero .orbit-refined .orbit-clamps{left:-1%;top:49%;width:34%}
 .erko-process-hero .orbit-refined .clamp-pair{height:96px;gap:10px}
 .erko-process-hero .orbit-refined .clamp-single{width:42px}
 .erko-process-hero .orbit-refined .clamp-double{width:60px}
 .erko-process-hero .orbit-refined .orbit-clamps>a{gap:10px}
 .erko-process-hero .orbit-refined .clamp-copy h2{font-size:12px}
}
@media(min-width:601px) and (max-width:1100px){
 .erko-process-hero .orbit-refined .clamp-pair{height:112px;gap:12px}
 .erko-process-hero .orbit-refined .clamp-single{width:49px}
 .erko-process-hero .orbit-refined .clamp-double{width:69px}
}
@media(max-width:600px){
 .erko-process-hero .orbit-refined .clamp-pair{height:110px;gap:14px}
 .erko-process-hero .orbit-refined .clamp-single{width:48px}
 .erko-process-hero .orbit-refined .clamp-double{width:68px}
 .erko-process-hero .orbit-refined .orbit-clamps>a{gap:22px}
}

/* Film wire geometry: native proportions, no old U-loop crop. */
.erko-process-hero .orbit-refined .orbit-wire{display:block;width:min(56%,260px);height:auto;margin:18px 0 0}
.erko-process-hero .orbit-refined .wire-crop{display:block;position:relative;width:100%;aspect-ratio:auto;overflow:visible}
.erko-process-hero .orbit-refined .wire-crop>img{display:block;position:static!important;max-width:100%!important;width:100%!important;height:auto!important;left:auto;top:auto;object-fit:contain!important;margin:0!important}
@media(max-width:600px){.erko-process-hero .orbit-refined .orbit-wire{width:min(78%,280px);margin:18px auto 0}}

/* Final narrated film, displayed at its native width without enlarging the picture. */
#arbeitsweise[data-erko-film="full"]{padding-block:64px}
#arbeitsweise[data-erko-film="full"] .film-intro{max-width:854px;margin-inline:auto}
.film-final{max-width:854px;margin:28px auto 0}
.film-final video{display:block;width:100%;height:auto;aspect-ratio:854/480;background:#1b303b;object-fit:contain}
.film-final figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;font-size:12px;line-height:1.5;margin-top:14px;color:var(--ink)}
.film-final figcaption a{text-underline-offset:4px;color:var(--ink)}
.film-context{max-width:854px;margin:20px auto 0!important;font-size:13px!important;line-height:1.6;color:var(--muted)}
@media(max-width:767px){#arbeitsweise[data-erko-film="full"]{padding-block:42px}.film-final{margin-top:24px}.film-final figcaption{font-size:11px}.film-context{font-size:12px!important}}

.erko-scroll-film{position:relative;z-index:2;--film-header:var(--stage-header,80px);color:var(--ink,#10364b);padding:0!important;scroll-margin-top:calc(var(--film-header) + 20px)}
.erko-scroll-film .scroll-film-intro{padding-block:65px 35px;max-width:1440px}
.erko-scroll-film .scroll-film-intro h2{font-size:clamp(32px,4vw,50px);max-width:900px;line-height:1.08;letter-spacing:-.035em;margin:14px 0 22px}
.erko-scroll-film .scroll-film-intro>p:not(.eyebrow){max-width:620px;font-size:17px;line-height:1.55}
.scroll-film-enter{display:inline-block;margin-top:18px;color:inherit;text-decoration:none;border-bottom:1px solid #96684c;padding-bottom:6px;font-weight:600}
.erko-scroll-stage-shell{position:relative;isolation:isolate}
.scroll-film-stage{position:sticky;top:var(--film-header);height:calc(100svh - var(--film-header));min-height:400px;overflow:hidden;z-index:2;background:linear-gradient(110deg,#b8c8ce00,#81959f16);isolation:isolate}
.scroll-film-track{position:relative;margin-top:calc(-1 * (100svh - var(--film-header)));pointer-events:none}
.scroll-film-track:after{content:'';display:block;height:calc(100svh - var(--film-header))}
.scroll-film-track-part{height:340svh;scroll-margin-top:var(--film-header)}
.scroll-film-anchor{position:absolute;left:0;width:1px;height:1px;scroll-margin-top:var(--film-header)}
.scroll-film-picture{position:absolute;inset:0;z-index:0;pointer-events:none}
.scroll-film-picture canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.scroll-film-picture canvas+canvas{opacity:0}
.scroll-film-poster{position:absolute;inset:25px 2% 120px;width:96%;height:calc(100% - 145px);object-fit:contain}
.scroll-film-poster[hidden]{display:none}
.scroll-film-heading{position:absolute;left:4vw;top:28px;z-index:3;pointer-events:none}
.scroll-film-heading>span{font-size:11px;letter-spacing:.13em;font-weight:700;color:#754a32}
.scroll-film-heading h3{font-size:clamp(22px,2.3vw,32px);font-weight:700;line-height:1.12;margin:7px 0 0;letter-spacing:-.025em}
.scroll-film-skip{position:absolute;right:4vw;top:33px;z-index:4;color:inherit;font-size:12px;text-decoration:none;border-bottom:1px solid #754a3266;padding-bottom:4px}
.scroll-film-caption{position:absolute;z-index:4;left:4vw;right:4vw;bottom:20px;padding-top:15px;background:linear-gradient(0deg,#aec0c8c9,#aec0c88c 75%,#aec0c800);color:#10364b}
.scroll-film-caption>p{font-size:clamp(18px,2vw,25px);line-height:1.25;font-weight:600;letter-spacing:-.02em;margin:0 0 14px;max-width:1000px}
.scroll-film-navigation{display:flex;gap:25px;align-items:center;font-size:12px}
.scroll-film-navigation a{color:inherit;text-decoration:none;padding-block:3px;opacity:.65}
.scroll-film-navigation a span{color:#754a32;margin-right:5px}
.scroll-film-navigation a[aria-current=true]{opacity:1;font-weight:700}
.scroll-film-navigation a:hover{text-decoration:underline;text-underline-offset:4px}
.scroll-film-progress{height:2px;background:#10364b22;margin:10px 0 7px}
.scroll-film-progress span{display:block;width:100%;height:100%;background:#8b5d42;transform:scaleX(0);transform-origin:left}
.scroll-film-caption small{font-size:10px;color:#385563}
.scroll-film-status{position:absolute;left:4vw;bottom:160px;max-width:360px;padding:10px 15px;background:#d8e1e5e8;z-index:5;font-size:13px}
.scroll-film-after{padding-block:25px 60px}
.scroll-film-example{font-size:12px;max-width:780px;line-height:1.6;margin:0 0 12px}
.scroll-film-motion{display:flex;gap:8px;align-items:center;font-size:12px;width:fit-content;margin-bottom:24px}
.scroll-film-after details{border-top:1px solid #10364b33;margin:0;padding:18px 0;max-width:1100px}
.scroll-film-after summary{cursor:pointer;font-weight:600;font-size:16px;color:#10364b}
.scroll-film-after video{display:block;width:100%;max-width:1080px;max-height:80vh;margin:20px auto 0;background:#728994}
.scroll-film-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:24px 0}
.scroll-film-fact-grid h3{font-size:21px;margin:0 0 10px}
.scroll-film-fact-grid p,.scroll-film-facts>p{font-size:15px;line-height:1.6}
.erko-scroll-film a:focus-visible,.erko-scroll-film summary:focus-visible{outline:3px solid #754a32;outline-offset:5px}
@media(max-width:600px){
 .erko-scroll-film .scroll-film-intro{padding-block:40px 20px}
 .erko-scroll-film .scroll-film-intro h2{font-size:32px}
 .scroll-film-heading{left:20px;top:20px}
 .scroll-film-heading h3{font-size:23px}
 .scroll-film-skip{right:20px;top:22px;font-size:10px;max-width:100px;text-align:right}
 .scroll-film-caption{left:20px;right:20px;bottom:18px}
 .scroll-film-caption>p{font-size:20px;line-height:1.25;min-height:50px;margin-bottom:12px}
 .scroll-film-navigation{gap:12px;font-size:10px;justify-content:space-between}
 .scroll-film-navigation a span{display:block;font-size:9px;margin:0 0 4px}
 .scroll-film-caption small{font-size:9px}
 .scroll-film-fact-grid{grid-template-columns:1fr}
 .scroll-film-status{left:20px;right:20px;bottom:175px}
}
@media(prefers-reduced-motion:reduce){.erko-scroll-film *{scroll-behavior:auto!important}}

/* Original concept 01: large machine, quiet background arc, short arrows. */
.erko-process-hero.hero-orbit-refined{padding-top:30px;padding-bottom:65px;gap:32px}
.erko-process-diagram{position:relative;width:100%;aspect-ratio:740/680;container-type:inline-size;isolation:isolate;justify-self:end;max-width:min(100%,calc((100svh - 205px)*1.08824))}
.erko-process-diagram .process-bow{position:absolute;inset:0;width:100%;height:100%;overflow:visible;color:#875e46;pointer-events:none;z-index:-1}
.process-bow path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.process-bow .bow-wash{stroke:#9d8b79;stroke-width:22;opacity:.13}
.process-bow .bow-direction{opacity:.86}
.process-bow .bow-branch{stroke-width:1.35;stroke-dasharray:4 5;opacity:.75}
.process-bow marker path{stroke-width:1.2}
.erko-process-diagram .process-question{position:absolute;left:0;top:0;width:45%;display:flex;align-items:start;gap:10px}
.process-question>span{width:30px;height:30px;flex:0 0 30px;border:1px solid #a57452;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#754a32}
.erko-process-diagram .process-question p{font-size:clamp(10px,1.45cqw,11px);line-height:1.3;margin:0 0 5px}
.process-question strong{display:block;font-size:clamp(17px,2.85cqw,22px);line-height:1.13;letter-spacing:-.025em;color:#10364b}
.erko-process-diagram .process-label{display:flex;gap:8px;align-items:start;position:relative}
.process-label .process-number{display:block;flex:0 0 20px;border-top:2px solid #b88b70;padding-top:5px;font-size:10px;font-weight:700;line-height:1.3;color:#10364b}
.erko-process-diagram .process-label h2{font-size:clamp(12px,2.05cqw,16px);line-height:1.18;letter-spacing:-.02em;margin:0}
.erko-process-diagram .process-label p{font-size:clamp(9px,1.4cqw,11px);line-height:1.4;margin-top:5px}
.erko-process-diagram a{display:block;text-decoration:none;color:inherit}
.erko-process-diagram a:hover h2{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#93664b}
.erko-process-diagram a:focus-visible{outline:3px solid #754a32;outline-offset:7px;border-radius:4px}
.process-input{position:absolute;left:1%;top:18%;width:29%}
.erko-process-diagram .process-input>img{display:block;width:100%;height:14.6cqw;object-fit:contain;margin-bottom:12px;filter:none}
.process-machine-link{position:absolute;left:34%;top:13%;width:66%}
.erko-process-diagram .process-machine-link>.process-label{margin-left:40%;width:60%}
.erko-process-diagram .process-wire{width:40%;margin:8px 0 8px 28%}
.erko-process-diagram .process-wire img{display:block;position:static;width:100%;height:auto;max-width:100%;margin:0;filter:none}
.erko-process-diagram .process-machine-picture{position:relative;width:100%;margin:14px 0 0;aspect-ratio:2400/1064;height:auto;overflow:visible;isolation:auto}
.erko-process-diagram .process-machine-picture>img{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain;mask-image:none!important;transform:none!important;filter:none!important}
.process-alternative{position:absolute;left:1%;top:51.5%;width:37%;display:flex!important;align-items:center;gap:15px}
.process-clamp-images{display:flex;align-items:center;height:15cqw;flex-shrink:0;gap:13px}
.process-clamp-images>span{display:block;position:relative;height:100%;overflow:hidden}
.process-clamp-single{width:6.582cqw}.process-clamp-double{width:9.3cqw}
.erko-process-diagram .process-clamp-images img{position:absolute;top:0;height:100%;max-width:none;width:auto;filter:contrast(1.22) brightness(.98) saturate(.45)}
.process-clamp-single img{left:-64.1026%}.process-clamp-double img{left:-30.6452%}
.process-alternative>div:last-child>span{font-size:9px;color:#754a32;display:block;border-bottom:1px solid #b88b70;padding-bottom:4px;margin-bottom:6px;width:fit-content}
.erko-process-diagram .process-alternative h2{font-size:clamp(12px,1.9cqw,15px);line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.erko-process-diagram .process-alternative p{font-size:clamp(9px,1.4cqw,11px);margin-top:4px}
.process-contact{position:absolute;left:59%;top:60%;width:40%}
.process-contact-pictures{position:relative;height:29cqw;margin:0 0 12px}
.erko-process-diagram .process-frame{position:absolute;top:0;left:0;display:block;width:64%;height:100%;object-fit:contain;filter:contrast(1.28) brightness(.9) saturate(.35)}
.process-contact-detail-window{position:absolute;top:8px;left:56%;width:11.417cqw;height:27cqw;overflow:hidden}
.erko-process-diagram .process-contact-detail{position:absolute;top:0;left:-68.2432%;width:236.4865%;max-width:none;height:100%;filter:none}
.process-zoom-link{position:absolute;left:39%;top:7%;width:26%;height:83%;overflow:visible;color:#93664b;opacity:.42;z-index:-1}
.process-zoom-link path{fill:none;stroke:currentColor;stroke-width:.7}
.process-return{position:absolute;left:0;top:72%;width:48%}
.erko-process-diagram .process-return>img{width:100%;height:17cqw;object-fit:contain;margin-bottom:12px;filter:none}
.erko-process-diagram>figcaption{position:absolute;left:0;bottom:-6%;font-size:8px;color:#3a5362;max-width:95%}
@media(min-width:601px) and (max-width:1100px){
 .erko-process-hero.hero-orbit-refined{display:block}
 .erko-process-diagram{max-width:740px;margin:48px auto 35px!important}
}
@media(max-width:600px){
 .erko-process-hero.hero-orbit-refined{display:block;padding-bottom:45px}
 .erko-process-diagram{display:grid;grid-template-columns:1fr;gap:30px;aspect-ratio:auto;max-width:470px;margin:35px auto 0!important;padding-left:20px;border-left:1px solid #b88b7066}
 .erko-process-diagram .process-bow{display:none}
 .erko-process-diagram .process-question,.process-input,.process-machine-link,.process-alternative,.process-contact,.process-return{position:static;width:100%;inset:auto;max-width:none}
 .process-question{border-bottom:1px solid #10364b26;padding-bottom:22px}
 .process-question strong{font-size:22px}
 .erko-process-diagram .process-question p{font-size:11px}
 .erko-process-diagram .process-label h2{font-size:17px}
 .erko-process-diagram .process-label p{font-size:12px}
 .process-label .process-number{margin-left:0}
 .process-input{display:grid;grid-template-columns:48% 1fr;gap:18px;align-items:center}
 .erko-process-diagram .process-input>img{height:auto;margin:0}
 .erko-process-diagram .process-machine-link>.process-label{margin-left:0;width:100%}
 .erko-process-diagram .process-wire{width:64%;max-width:250px;margin:18px auto 12px}
 .process-alternative{border-left:1px dashed #93664b;padding-left:12px;margin-left:4px;width:calc(100% - 4px);padding-block:12px;gap:18px}
 .process-clamp-images{height:110px;gap:12px}
 .process-clamp-single{width:48.263px}.process-clamp-double{width:68.2px}
 .erko-process-diagram .process-alternative h2{font-size:17px}
 .erko-process-diagram .process-alternative p{font-size:11px}
 .process-contact-pictures{height:235px;margin-bottom:18px}
 .erko-process-diagram .process-frame{height:225px;width:62%}
 .process-contact-detail-window{height:220px;width:93.03px;top:8px;left:57%}
 .process-return{display:grid;grid-template-columns:1fr;gap:10px}
 .erko-process-diagram .process-return>img{height:auto;max-width:260px;margin:0 auto 10px}
 .erko-process-diagram>figcaption{position:static;font-size:9px;margin-top:0}
}


/* Customer problem and benefit form one prominent main statement. */
.erko-process-hero.hero-orbit-refined h1 .customer-problem{display:block;font-size:clamp(29px,2.5vw,40px);font-weight:650;line-height:1.17;letter-spacing:-.025em;color:var(--ink);margin-bottom:24px;white-space:normal}
@media(max-width:600px){.erko-process-hero.hero-orbit-refined h1 .customer-problem{font-size:30px;margin-bottom:22px}}

/* Compact equipment overview, staggered component explanations and narrow timeline. */
#staffelautomat.erko-machine-compact{padding:56px 0 16px;min-height:0;position:relative}
.erko-assembly-heading{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;max-width:1040px;margin-inline:auto}
.erko-assembly-heading .eyebrow{font-size:11px;margin-bottom:12px}
.erko-assembly-heading h2{font-size:clamp(32px,3vw,44px);line-height:1.08}
.erko-assembly-heading>p{font-size:18px;line-height:1.6;max-width:440px}
.erko-assembly-image{width:min(100%,980px);margin:26px auto 24px}
.erko-assembly-image>img{display:block;width:100%;height:auto;filter:none;mask-image:none;opacity:1}
.erko-assembly-image>figcaption{font-size:10px;line-height:1.4;text-align:right;color:var(--muted);margin-top:4px}
.erko-compact-components{max-width:1040px;margin:auto;border-top:1px solid #71899566}
.erko-compact-component{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:26px 0;border-bottom:1px solid #71899566;scroll-margin-top:calc(var(--stage-header,88px) + 20px)}
.erko-component-summary{max-width:440px;min-width:0}
.erko-component-summary .eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:9px;color:var(--erko-copper)}
.erko-component-summary h3{font-size:clamp(25px,2.1vw,32px);line-height:1.12;margin-bottom:14px}
.erko-component-summary>p:not(.eyebrow){font-size:16px;line-height:1.6;margin:0}
.erko-component-summary .text-link{font-size:13px;margin-top:16px}
.erko-component-photo{display:flex;justify-content:center;align-items:center;min-width:0}
.erko-reel-cutout,.erko-machine-cutout{position:relative;overflow:hidden;flex:none}
.erko-reel-cutout{width:214px;max-width:100%;aspect-ratio:1036/1063}
.erko-machine-cutout{width:348px;max-width:100%;aspect-ratio:1488/1034}
.erko-component-photo img{position:absolute;max-width:none;height:auto;filter:none;mask-image:none;opacity:1}
.erko-reel-cutout>img{width:154.440154%;left:-34.266409%;top:-5.268109%}
.erko-machine-cutout>img{width:107.526882%;left:-3.763441%;top:-8.123791%}
#arbeitsweise[data-erko-film="full"]{padding-block:48px 38px}
#arbeitsweise[data-erko-film="full"] .film-intro .eyebrow{font-size:11px;margin-bottom:12px}
#arbeitsweise[data-erko-film="full"] .film-intro h2{font-size:clamp(29px,2.5vw,38px);margin-bottom:14px}
#arbeitsweise[data-erko-film="full"] .film-intro>p:not(.eyebrow){font-size:16px;line-height:1.6}
#arbeitsweise .film-final{margin-top:24px}
#arbeitsweise .film-context{margin-top:12px!important;font-size:11px!important}
#hintergrund.erko-history-strip{padding:32px 0 42px;min-height:0}
.erko-history-heading{display:flex;gap:30px;justify-content:space-between;align-items:baseline}
#hintergrund .erko-history-heading h2{font-size:26px;max-width:none;line-height:1.2}
.erko-history-heading>p{font-size:13px;line-height:1.5;max-width:390px}
.erko-history-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:27px 0 0;border-top:1px solid var(--erko-copper-line)}
.erko-history-line>li{position:relative;padding:16px 30px 0 0}
.erko-history-line>li:before{content:'';position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:var(--erko-copper)}
.erko-history-date{font-size:12px;line-height:1.4;font-weight:700;color:var(--erko-copper)}
.erko-history-line h3{font-size:18px;line-height:1.3;margin:5px 0 6px;letter-spacing:-.02em}
.erko-history-line p{font-size:13px;line-height:1.45;max-width:290px}
.erko-development-note{font-size:11px;line-height:1.45;margin-top:20px;color:var(--muted);max-width:none}
@media(max-width:900px){
 #staffelautomat.erko-machine-compact{padding-top:38px}
 .erko-assembly-heading{gap:30px}.erko-assembly-heading>p{font-size:16px}
 .erko-compact-component{gap:32px;padding:25px 0}.erko-component-summary>p:not(.eyebrow){font-size:15px}
 .erko-history-heading{display:block}.erko-history-heading>p{margin-top:9px;max-width:none}
 .erko-history-line>li{padding-right:20px}.erko-history-line h3{font-size:17px}
}
@media(max-width:600px){
 #staffelautomat.erko-machine-compact{padding:30px 0 8px}
 .erko-assembly-heading{display:block}.erko-assembly-heading h2{font-size:32px}.erko-assembly-heading>p{margin-top:18px}
 .erko-assembly-image{margin:22px auto}.erko-assembly-image>figcaption{font-size:9px}
 .erko-compact-component{grid-template-columns:1fr;gap:20px;padding:27px 0}
 .erko-component-summary{max-width:none}.erko-component-summary h3{font-size:28px}
 .erko-compact-machine .erko-component-summary{grid-row:1}.erko-compact-machine .erko-component-photo{grid-row:2}
 .erko-reel-cutout{width:195px}.erko-machine-cutout{width:300px}
 #arbeitsweise[data-erko-film="full"]{padding-block:34px 24px}
 #hintergrund.erko-history-strip{padding:24px 0 32px}.erko-history-heading h2{font-size:24px!important}
 .erko-history-line{display:block;border-top:0;border-left:1px solid var(--erko-copper-line);margin:22px 0 0 3px}
 .erko-history-line>li{padding:0 0 19px 18px}.erko-history-line>li:last-child{padding-bottom:0}
 .erko-history-line>li:before{left:-4px;top:6px}.erko-history-line h3{margin-block:3px 5px}.erko-history-line p{max-width:none}
 .erko-development-note{margin-top:20px;font-size:10px}
}

/* Optional selection and HMI guidance, kept together after the film. */
#drahtwahl-bedienung.erko-setup-guide{padding:24px 0 30px}
.erko-setup-guide .wrap{max-width:1040px}
.erko-setup-guide h2{font-size:clamp(24px,2vw,29px);line-height:1.22;margin-bottom:22px}
.erko-setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.erko-setup-grid:has(details[open]){grid-template-columns:1fr;gap:0}
.erko-setup-grid>details{border-block:1px solid #71899588;padding:0;margin:0;max-width:none;min-width:0}
.erko-setup-grid>details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:17px 0;font-size:16px;font-weight:700;line-height:1.35;list-style:none;cursor:pointer;color:var(--navy)}
.erko-setup-grid>details>summary::-webkit-details-marker{display:none}
.erko-setup-grid>details>summary:after{content:'+';font-size:24px;font-weight:400;flex:none;color:var(--erko-copper)}
.erko-setup-grid>details[open]>summary:after{content:'−'}
.erko-setup-grid>details[open]{padding-bottom:22px}
.erko-setup-grid .scroll-film-fact-grid{margin-top:12px;gap:24px 40px}
.erko-setup-grid .scroll-film-fact-grid h3{font-size:20px}
.erko-setup-grid>details>p{font-size:14px;line-height:1.6;max-width:90ch}
.erko-setup-grid .hmi-grid{margin-top:24px}
@media(max-width:600px){
 #drahtwahl-bedienung.erko-setup-guide{padding:20px 0 24px}
 .erko-setup-grid{grid-template-columns:1fr;gap:0}.erko-setup-guide h2{font-size:24px;margin-bottom:18px}
 .erko-setup-grid>details>summary{font-size:15px;min-height:64px}.erko-setup-grid .scroll-film-fact-grid{grid-template-columns:1fr}
}

/* Fresh native renders: remove only transparent canvas padding in CSS. */
.erko-reel-cutout{aspect-ratio:773/794}
.erko-reel-cutout>img{width:129.36610608020698%;left:-22.38033635187581%;top:-12.846347607052897%}
.erko-machine-cutout{aspect-ratio:709/473}
.erko-machine-cutout>img{width:141.04372355430183%;left:-28.772919605077576%;top:-62.36786469344609%}

#drahtschlaufen .scroll-film-after{padding-bottom:20px}

:scope{position:relative;z-index:2;isolation:isolate;--header:80px;--stage-header:80px;background:var(--erko-page-background)!important;color:var(--erko-text);font-family:var(--erko-font)}
@media(min-width:1000px){:scope{background:transparent!important}}
.erko-process-hero .hero-copy{width:auto;max-width:none}.erko-process-hero .solution-offer{max-width:none}
}
.staffel-accessory-divider{position:relative;z-index:2;border-top:1px solid #839ba799;min-height:clamp(300px,46vh,440px);padding:80px 0 100px;display:flex;align-items:center;color:#102b3b;background:transparent}
.staffel-accessory-divider .staffel-category-label{color:#754a32;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}
.staffel-accessory-divider h2{font-size:clamp(28px,2.3vw,36px);line-height:1.18;max-width:650px;margin:0 0 18px;color:#10364b}
.staffel-accessory-divider .staffel-category-copy{font-size:18px;line-height:1.55;max-width:650px;margin:0}
@scope (.erko-staffel-import){
.wire-choice-intro{font-size:16px;line-height:1.6;margin:0 0 24px;max-width:none}
.wire-choice-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid #839ba7;gap:0}
.wire-choice-tabs button{appearance:none;cursor:pointer;font:600 16px/1.4 Arial,Helvetica,sans-serif;color:#10364b;background:transparent;border:0;border-bottom:3px solid transparent;padding:14px 18px;margin:0;min-height:52px}
.wire-choice-tabs button[aria-selected=true]{background:#f8fafb;border-bottom-color:#754a32}
.wire-choice-tabs button:hover{background:#f8fafb80}.wire-choice-tabs button:focus-visible{outline:3px solid #754a32;outline-offset:-3px}
.wire-choice-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start;padding:32px 0 26px;min-height:400px}
.wire-choice-panel[hidden]{display:none}.wire-choice-panel h3{font-size:30px;line-height:1.15;margin:0 0 18px;color:#10364b}
.wire-choice-panel p{font-size:18px;line-height:1.6;margin:0}.wire-choice-panel .wire-choice-manual{font-size:14px;line-height:1.6;margin-top:28px}
.wire-choice-panel figure{margin:0;max-width:480px;width:100%;justify-self:end}.wire-choice-panel .hmi-media{aspect-ratio:auto;background:transparent;border:0;padding:0;max-height:none}
.wire-choice-panel img{display:block;width:100%;height:auto;object-fit:contain}.wire-choice-panel figcaption{font-size:12px;line-height:1.5;margin-top:10px}
.wire-choice-panel figcaption strong,.wire-choice-panel figcaption span{display:block}
.wire-choice-documentation{font-size:13px;line-height:1.6;border-top:1px solid #839ba777;padding-top:20px;max-width:none}
#staffelautomat>.section-heading{position:sticky;top:var(--header-height);padding-block:13px 18px;z-index:4;isolation:isolate;width:min(var(--container),calc(100% - var(--gutter)*2));max-width:none;margin:0 auto}
@media(min-width:1600px){#staffelautomat>.section-heading{width:min(1120px,calc(100% - var(--gutter)*2))}}
#staffelautomat>.section-heading h2{font-size:clamp(36px,2.65vw,48px);line-height:1.13;letter-spacing:-.045em;max-width:min(500px,43vw);margin:0;color:#754a32}
.erko-assembly-intro{max-width:1040px;margin-inline:auto}.erko-assembly-intro .eyebrow{font-size:11px;margin:0 0 12px}.erko-assembly-intro>p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:650px}
@media(min-width:1000px){#arbeitsweise>.wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(40px,3vw,60px);align-items:start}#arbeitsweise .film-intro{grid-column:1;grid-row:1;max-width:none;margin:0}#arbeitsweise .film-final{grid-column:2;grid-row:1;width:100%;max-width:854px;margin:0}#arbeitsweise .film-context{grid-column:2;max-width:none;margin-top:12px!important}}
@media(max-width:800px){.wire-choice-panel{grid-template-columns:1fr;gap:24px}.wire-choice-panel figure{justify-self:start}.wire-choice-tabs button{font-size:14px;padding:12px}.wire-choice-panel h3{font-size:26px}}
}