/* Fenster-Illustration: zeichnet sich beim Scrollen (Rahmen, Titelleiste, Inhalt, Verbindungen) */
.win{margin:0;width:100%}
.win svg{width:100%;height:auto;display:block}
.win .dl{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}
.win.go .dl{stroke-dashoffset:0}
.win .df{opacity:0;transform:translateY(5px);transition:opacity .4s ease,transform .5s ease;transition-delay:calc(.4s + var(--d,0)*.12s)}
.win.go .df{opacity:1;transform:none}
.win .dc{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .6s ease .9s}
.win.go .dc{stroke-dashoffset:0}
.win--dark svg{filter:invert(1) hue-rotate(180deg)}
@media (prefers-reduced-motion:reduce){.win .dl,.win .df,.win .dc{transition:none;stroke-dashoffset:0;opacity:1;transform:none}}