.sx-skip{position:absolute;left:var(--space-4);top:-100px;z-index:50;padding:12px 18px;background:var(--graphite-900);color:var(--paper)!important;font-weight:var(--weight-semibold);text-decoration:none;border-radius:var(--radius-sm)}
.sx-skip:focus{top:var(--space-3)}
main:focus{outline:none}
.st-root .sx-link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;font-weight:var(--weight-semibold);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.sx-link svg{transition:transform var(--dur-base) var(--ease-out)}
.sx-link:hover svg{transform:translateX(3px)}
[data-surface="dark"] .sx-link{color:var(--text-on-dark)!important}
[data-surface="dark"] .sx-link:hover{color:var(--text-on-dark-accent)!important}
/* Seitenkopf */
.sx-intro{padding-block:clamp(56px,7vw,112px) clamp(40px,5vw,80px);border-bottom:1px solid var(--border-subtle);scroll-margin-top:var(--header-h)}
.sx-intro__grid{display:grid;gap:var(--space-6)}
.sx-intro .st-h1{max-width:16ch}
.sx-intro__lead{display:flex;flex-direction:column;gap:var(--space-5)}
@media (min-width:900px){.sx-intro__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:var(--gutter)}}
/* Vollbreites Bildband */
.sx-band{aspect-ratio:4/3}
@media (min-width:640px){.sx-band{aspect-ratio:16/9}}
@media (min-width:1024px){.sx-band{aspect-ratio:21/8}}
/* Startseite: Ablauf */
.sx-flow__grid{display:grid;gap:var(--space-7)}
.sx-flow__head{display:flex;flex-direction:column;gap:var(--space-4)}
.sx-seq{list-style:none;margin:0;padding:0;border-top:1.5px solid var(--graphite-900)}
.sx-seq li{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:baseline;gap:var(--space-4);padding-block:var(--space-5);border-bottom:1px solid var(--border-default)}
.sx-seq__num{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--weight-medium);color:var(--text-muted)}
.sx-seq__word{font-family:var(--font-display);font-stretch:var(--display-stretch);font-size:var(--fs-h2);font-weight:var(--weight-semibold);line-height:1;letter-spacing:var(--tracking-heading);color:var(--text-strong)}
.sx-seq li:nth-child(1) .sx-seq__mark,.sx-seq li:nth-child(2) .sx-seq__mark,.sx-seq li:nth-child(3) .sx-seq__mark{display:inline-block;width:14px;height:14px;margin-right:var(--space-4);background:var(--mint-500);vertical-align:middle}
@media (min-width:900px){.sx-flow__grid{grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr)}.sx-seq{grid-column:3}}
/* Startseite: Produkte-Band */
.sx-feature__grid{display:grid;gap:var(--space-7);align-items:center}
.sx-feature__fig{aspect-ratio:16/10}
.sx-feature__text{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
.sx-uses{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}
.sx-uses li{padding:4px 10px;background:var(--graphite-800);color:var(--text-on-dark);font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.02em}
@media (min-width:900px){.sx-feature__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gutter)}.sx-feature__text{padding-left:var(--space-6)}}
/* Startseite: seit 1990 */
.sx-since{background:var(--surface-raised)}
.sx-since__grid{display:grid;gap:var(--space-6);align-items:end}
.sx-since__year{margin:0;font-family:var(--font-display);font-stretch:var(--display-stretch);font-weight:var(--weight-semibold);font-size:var(--fs-figure);line-height:.85;letter-spacing:-.04em;color:var(--text-strong)}
.sx-since__year span{display:block;margin-bottom:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-muted);line-height:1.4}
.sx-since__text{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
@media (min-width:900px){.sx-since__grid{grid-template-columns:minmax(0,5fr) minmax(0,1fr) minmax(0,6fr)}.sx-since__text{grid-column:3}}
/* Mint-Aufruf */
.sx-cta{background:var(--surface-accent);color:var(--text-on-accent);padding-block:clamp(56px,7vw,104px)}
.sx-cta__grid{display:grid;gap:var(--space-6);align-items:end}
.sx-cta .st-h2{max-width:20ch}
.sx-cta__side{display:flex;flex-direction:column;gap:var(--space-5);align-items:flex-start}
.sx-cta .st-btn{max-width:100%}
.sx-cta .st-btn--primary .st-btn__icon{background:var(--graphite-700);color:var(--mint-500)}
[data-surface="dark"] .st-btn--accent .st-btn__icon{background:var(--mint-600);color:var(--graphite-900)}
@media (min-width:900px){.sx-cta__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--gutter)}}
/* Kurzprofil */
.sx-facts__grid{display:grid;gap:var(--space-7)}
.sx-facts dl{margin:0;border-top:1.5px solid var(--graphite-900)}
.sx-facts__row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding-block:var(--space-5);border-bottom:1px solid var(--border-default)}
.sx-facts__row dt{color:var(--text-muted)}
.sx-facts__row dd{margin:0;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);font-weight:var(--weight-medium);color:var(--text-strong)}
@media (min-width:640px){.sx-facts__row{grid-template-columns:160px minmax(0,1fr);gap:var(--space-4);align-items:baseline}}
@media (min-width:900px){.sx-facts__grid{grid-template-columns:minmax(0,4fr) minmax(0,1fr) minmax(0,7fr)}.sx-facts dl{grid-column:3}}
/* Weiterführende Seiten */
.sx-next{padding-block:clamp(56px,6vw,96px)}
.sx-next__list{list-style:none;margin:var(--space-5) 0 0;padding:0;border-top:1.5px solid var(--graphite-900)}
.sx-next__list li{border-bottom:1px solid var(--border-default)}
.st-root .sx-next__a{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);min-height:88px;padding-block:var(--space-5);text-decoration:none;color:var(--text-strong)}
.sx-next__num{font-family:var(--font-mono);font-size:var(--fs-label);color:var(--text-muted)}
.sx-next__t{display:flex;flex-direction:column;gap:4px}
.sx-next__t strong{font-family:var(--font-display);font-stretch:var(--display-stretch);font-size:var(--fs-h3);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-heading)}
.sx-next__t span{color:var(--text-body)}
.sx-next__arrow{display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:inset 0 0 0 1.5px var(--graphite-900);border-radius:var(--radius-sm);transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}
.st-root .sx-next__a:hover{color:var(--text-strong)}
.sx-next__a:hover .sx-next__arrow{background:var(--graphite-900);color:var(--paper)}
.sx-next__a:hover .sx-next__t strong{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
@media (max-width:639px){.st-root .sx-next__a{grid-template-columns:minmax(0,1fr) auto}.sx-next__num{display:none}}
/* Kontakt: Kennzeichnung */
.sx-flag{display:inline-flex;align-self:flex-start;padding:4px 10px;background:var(--graphite-900);color:var(--mint-500);font-family:var(--font-mono);font-size:var(--fs-label);font-weight:var(--weight-medium);letter-spacing:var(--tracking-label);text-transform:uppercase}
.sx-white{background:var(--surface-raised)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0s!important;transition-duration:0s!important}}