.sw-section{--sw-ink:#0b1436;--sw-lime:#ddff41;--sw-pink:#f735ac;--sw-blue:#05c8f8;position:relative;isolation:isolate;overflow:hidden;background:#060c24;color:#fff;padding:0 0 clamp(64px,8vw,120px)}
.sw-section *{box-sizing:border-box}
.sw-intro{width:min(100% - 36px,1120px);margin:auto;padding:clamp(64px,8vw,120px) 0 clamp(34px,5vw,72px);border-top:1px solid rgba(255,255,255,.25)}
.sw-kicker,.sw-scrollcue,.sw-copy span,.sw-details-heading span{font-size:clamp(10px,.78vw,13px);font-weight:900;letter-spacing:.18em}
.sw-kicker{color:var(--sw-lime);margin:0 0 24px}
.sw-intro>div{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(20px,6vw,90px);align-items:end}
.sw-intro h2{font-size:clamp(42px,6.8vw,100px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:900}
.sw-intro h2 em{font-style:normal;color:var(--sw-lime)}
.sw-intro>div>p{max-width:35ch;margin:0 0 .25em;font-size:clamp(16px,1.45vw,21px);line-height:1.48;color:#d8def0}
.sw-scrollcue{display:block;margin-top:42px;color:#89ddeb}
.sw-world{position:relative;width:100%;margin:0;aspect-ratio:1024/5412;box-shadow:0 30px 80px rgba(0,0,0,.34)}
.sw-art{display:block;width:100%;height:100%;object-fit:contain}
.sw-world::before,.sw-world::after{content:"";position:absolute;top:0;bottom:0;width:min(40vw,380px);pointer-events:none;opacity:.25;background:linear-gradient(180deg,#2169d9,#e829a9,#082253)}
.sw-world::before{right:100%}.sw-world::after{left:100%}
.sw-copy{position:absolute;z-index:2;width:40%;padding:clamp(8px,1.2vw,18px);border-left:3px solid var(--sw-lime);background:rgba(4,14,47,.75);box-shadow:8px 10px 0 rgba(4,14,47,.22);color:#fff;pointer-events:none}
.sw-copy span{color:var(--sw-lime)}
.sw-copy p{margin:.45em 0 0;font-size:clamp(22px,3.15vw,45px);font-weight:900;line-height:1.02;letter-spacing:-.055em}
.sw-copy em{font-style:normal;color:var(--sw-lime)}
.sw-copy--one{top:3.2%;right:4%}.sw-copy--two{top:24.7%;left:4%;background:rgba(255,251,239,.94);border-color:#ef169e;color:var(--sw-ink)}
.sw-copy--two span,.sw-copy--two em{color:#ad0068}
.sw-copy--three{top:50%;right:4%;background:rgba(255,252,246,.94);border-color:#eb168c;color:var(--sw-ink)}
.sw-copy--three span,.sw-copy--three em{color:#ad0068}
.sw-copy--four{top:73.5%;right:4%;border-color:var(--sw-blue)}
.sw-copy--four span,.sw-copy--four em{color:#6de8ff}
.sw-touch{position:absolute;z-index:4;left:var(--x);top:var(--y);display:grid;place-items:center;transform:translate(-50%,-50%);min-width:58px;min-height:58px;border:2px solid #fff;border-radius:50%;background:rgba(10,18,51,.22);box-shadow:0 0 0 5px rgba(6,13,36,.43),0 0 24px var(--sw-pink);text-decoration:none;transition:transform .24s,box-shadow .24s,background .24s}
.sw-touch::before{content:"";position:absolute;inset:-8px;border:1px solid var(--sw-lime);border-radius:inherit;opacity:.85}
.sw-touch span{position:absolute;top:calc(100% + 13px);left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 10px;background:var(--sw-lime);color:var(--sw-ink);font-size:11px;letter-spacing:.06em;font-weight:900;box-shadow:4px 4px 0 var(--sw-ink)}
.sw-touch:hover,.sw-touch:focus-visible{transform:translate(-50%,-50%) scale(1.1) rotate(-3deg);background:rgba(247,53,172,.3);box-shadow:0 0 0 7px rgba(6,13,36,.5),0 0 35px var(--sw-lime)}
.sw-touch:focus-visible{outline:4px solid var(--sw-lime);outline-offset:10px}
.sw-touch--tear{width:76px;height:62px;border-radius:6px 34px 14px 20px;rotate:-18deg}
.sw-touch--ball{width:92px;height:92px;border-radius:50%}
.sw-touch--phone{width:78px;height:124px;border-radius:18px;rotate:12deg}
.sw-touch--figure{width:90px;height:112px;border-radius:42% 42% 30% 30%}
.sw-touch--paper{width:96px;height:66px;border-radius:8px 28px 8px 10px;rotate:-10deg}
.sw-touch--laptop{width:132px;height:88px;border-radius:8px;rotate:5deg}
.sw-touch--palette{width:88px;height:70px;border-radius:8px 50% 8px 50%}
.sw-touch--globe{width:12%;height:auto;aspect-ratio:1;border-radius:50%}
.sw-lens{position:absolute;z-index:4;left:67.8%;top:42.05%;width:16%;min-width:44px;aspect-ratio:1;transform:translate(-50%,-50%);border:0;padding:0;border-radius:50%;background:transparent;color:var(--sw-ink);cursor:pointer}
.sw-lens[hidden]{display:none}
.sw-lens-surface{position:absolute;inset:0;border-radius:50%;background-image:url('assets/scrollwelt-hq-1536-20261002.webp');background-repeat:no-repeat;background-size:var(--sw-art-w) var(--sw-art-h);background-position:var(--sw-bg-x) var(--sw-bg-y);transition:transform .35s ease,filter .35s ease,box-shadow .35s ease}
.sw-lens-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--light-x,35%) var(--light-y,28%),rgba(255,255,255,.72),transparent 32%),radial-gradient(circle at 70% 75%,rgba(247,53,172,.25),transparent 60%);opacity:0;transition:opacity .3s ease;mix-blend-mode:screen}
.sw-lens::before{content:"";position:absolute;inset:-7px;border:1px solid rgba(241,240,232,.8);border-radius:50%;box-shadow:0 0 0 4px rgba(17,18,15,.15);transition:box-shadow .35s ease}
.sw-lens-label{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--sw-lime);color:var(--sw-ink);padding:7px 10px;font-size:12px;font-weight:900;letter-spacing:.06em;box-shadow:4px 4px 0 var(--sw-ink)}
.sw-lens:hover .sw-lens-surface,.sw-lens:focus-visible .sw-lens-surface{filter:saturate(1.16);transform:translateY(-5px) scale(1.025)}
.sw-lens:hover .sw-lens-surface::after,.sw-lens:focus-visible .sw-lens-surface::after,.sw-lens[aria-pressed=true] .sw-lens-surface::after{opacity:.7}
.sw-lens[aria-pressed=true] .sw-lens-surface{transform:translateY(-10px) scale(1.035);filter:saturate(1.2) brightness(1.08);box-shadow:0 18px 36px rgba(0,60,160,.3),0 0 38px rgba(5,200,248,.55)}
.sw-lens[aria-pressed=true]::before{box-shadow:0 0 0 9px rgba(247,53,172,.15),0 0 40px rgba(5,200,248,.4)}
.sw-lens:focus-visible{outline:4px solid var(--sw-lime);outline-offset:11px}
.sw-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.a11y-motion-paused .sw-lens-surface,.motion-off .sw-lens-surface{transform:none!important}
.a11y-motion-paused .sw-section *,.motion-off .sw-section *{transition:none!important}
.a11y-motion-paused .sw-touch:hover,.a11y-motion-paused .sw-touch:focus-visible,.motion-off .sw-touch:hover,.motion-off .sw-touch:focus-visible{transform:translate(-50%,-50%)}
.a11y-motion-paused .sw-details img,.motion-off .sw-details img{transform:none!important}
@media(min-width:741px){.sw-touch--ball{width:12.8%;height:auto;aspect-ratio:1}.sw-touch--phone{width:10.8%;height:auto;aspect-ratio:78/124}.sw-touch--figure{width:12.5%;height:auto;aspect-ratio:90/112}.sw-touch--paper{width:13.3%;height:auto;aspect-ratio:96/66}.sw-touch--laptop{width:18.3%;height:auto;aspect-ratio:132/88}.sw-touch--palette{width:12.2%;height:auto;aspect-ratio:88/70}.sw-touch span{font-size:12px}}
@media(max-width:740px){.sw-world{width:100%}.sw-lens-label{font-size:9px;padding:5px 7px}.sw-lens::before{inset:-5px}.sw-touch--globe{min-width:44px;min-height:44px}}
.sw-finish{text-align:center;padding:clamp(46px,7vw,90px) 18px clamp(66px,9vw,110px);background:radial-gradient(circle at 50% 0,rgba(205,27,155,.26),transparent 48%)}
.sw-finish p{font-size:clamp(36px,5vw,72px);font-weight:900;line-height:1;letter-spacing:-.055em;margin:0 0 26px}
.sw-finish strong{color:var(--sw-lime)}
.sw-finish a{display:inline-block;color:#fff;border-bottom:3px solid var(--sw-pink);padding:10px 4px;text-decoration:none;font-weight:850}
.sw-finish a:focus-visible,.sw-details a:focus-visible{outline:3px solid var(--sw-lime);outline-offset:5px}
.sw-finish small{display:block;color:#b5bfdd;font-size:12px;margin-top:32px}
.sw-details{width:min(100% - 36px,1120px);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sw-details-heading{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:8px}
.sw-details-heading span{color:var(--sw-lime)}
.sw-details-heading h3{font-size:clamp(26px,3.4vw,44px);letter-spacing:-.045em;margin:0}
.sw-details a{position:relative;display:block;overflow:hidden;aspect-ratio:1.15;color:#fff;text-decoration:none;background:#18264a}
.sw-details img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.sw-details a:hover img,.sw-details a:focus-visible img{transform:scale(1.06)}
.sw-details a span{position:absolute;left:12px;bottom:12px;padding:8px 10px;background:#07112b;color:#fff;font-size:13px;font-weight:900}
/* Agentur0911: Navigation und Leseflächen übernehmen die Farben und Schriftlogik der Startseite. */
section.sw-section{--sw-ink:#11120f;--sw-lime:#d8ff3e;--sw-pink:#d8ff3e;--sw-blue:#d8ff3e;background:#11120f;color:#f1f0e8;padding:0 0 clamp(64px,8vw,120px)}
.sw-intro h2{font-weight:800}
.sw-intro h2 em{font-family:Georgia,serif;font-weight:400}
.sw-intro>div>p{color:#c1c4b9}
.sw-world::before,.sw-world::after{opacity:.18;background:linear-gradient(180deg,#192521,#18211d,#11120f)}
.sw-copy{background:rgba(17,18,15,.88);box-shadow:8px 10px 0 rgba(17,18,15,.22);color:#f1f0e8}
.sw-section.sw-motion .sw-copy{opacity:.78;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.sw-section.sw-motion .sw-copy.sw-seen,.a11y-motion-paused .sw-section.sw-motion .sw-copy{opacity:1;transform:translateY(0)}
.sw-copy--two,.sw-copy--three{background:rgba(241,240,232,.94);border-color:#d8ff3e;color:#11120f}
.sw-copy--two span,.sw-copy--two em,.sw-copy--three span,.sw-copy--three em{color:#394c00}
.sw-copy--four{border-color:#d8ff3e}
.sw-copy--four span,.sw-copy--four em{color:#d8ff3e}
.sw-touch{border-color:#f1f0e8;background:rgba(17,18,15,.28);box-shadow:0 0 0 5px rgba(17,18,15,.38),0 0 18px rgba(216,255,62,.55)}
.sw-touch:hover,.sw-touch:focus-visible{background:rgba(216,255,62,.26);box-shadow:0 0 0 7px rgba(17,18,15,.5),0 0 35px #d8ff3e}
.sw-finish{background:radial-gradient(circle at 50% 0,rgba(216,255,62,.08),transparent 48%)}
.sw-finish a{color:#f1f0e8;border-bottom-color:#d8ff3e}
.sw-finish small{color:#aeb3a6}
.sw-details a{background:#1e211b}
.sw-details a span{background:#11120f;color:#f1f0e8}
@media(max-width:740px){.sw-intro>div{grid-template-columns:1fr;gap:20px}.sw-copy{width:43%;padding:8px}.sw-copy p{font-size:clamp(18px,4.4vw,28px)}.sw-copy span{font-size:8px}.sw-copy--one{top:3.8%}.sw-copy--two{top:23.5%}.sw-copy--three{top:48.5%}.sw-copy--four{top:73%}.sw-touch{min-width:44px;min-height:44px}.sw-touch--ball{width:56px;height:56px}.sw-touch--phone{width:46px;height:72px}.sw-touch--figure{width:54px;height:66px}.sw-touch--paper{width:54px;height:42px}.sw-touch--laptop{width:72px;height:50px}.sw-touch--palette{width:52px;height:44px}.sw-touch--tear{width:48px;height:42px}.sw-touch span{font-size:9px;padding:5px 7px;top:calc(100% + 9px)}.sw-details{grid-template-columns:1fr 1fr}.sw-details-heading{display:block}.sw-details a:first-of-type{grid-column:1/-1;aspect-ratio:2.2}}
@media(max-width:420px){.sw-copy{width:45%}.sw-copy p{font-size:clamp(16px,5vw,21px)}.sw-copy--one{top:4.2%}.sw-copy--two{top:23.3%}.sw-copy--three{top:48.2%}.sw-copy--four{top:72.7%;right:1%;width:42%}.sw-details a span{font-size:11px}.sw-details-heading h3{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.sw-section *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.sw-lens-surface{transform:none!important}}

/* Wenige Gedankenstationen gliedern die ruhigen Flächen der unveränderten Montage. */
.sw-scenes{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:15px}
.sw-scenes a{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:5px 0;color:#f1f0e8;text-decoration:none;border-bottom:1px solid #65715b;font-size:14px;font-weight:650}
.sw-scenes a>span{color:var(--sw-lime);font-size:10px;letter-spacing:.1em}
.sw-scenes i{font-style:normal;color:var(--sw-lime);margin-left:8px}
.sw-scenes a:hover{border-color:var(--sw-lime)}
.sw-scenes a:focus-visible,.sw-note a:focus-visible{outline:3px solid var(--sw-lime);outline-offset:6px}
.sw-world :is(.sw-copy,.sw-note)[id]{scroll-margin-top:120px}
.sw-note{position:absolute;z-index:2;left:5.5%;width:29%;color:#f1f0e8;text-shadow:0 2px 10px rgba(4,14,38,.7)}
.sw-note::before{content:"";display:block;width:24px;height:2px;margin-bottom:14px;background:var(--sw-lime)}
.sw-note-kicker{display:block;font-size:clamp(9px,.8vw,12px);line-height:1.4;letter-spacing:.13em;font-weight:750;color:var(--sw-lime)}
.sw-note h3{font-family:Georgia,serif;font-size:clamp(22px,3.6vw,52px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:10px 0 0}
.sw-note p{font-size:clamp(13px,1.3vw,18px);line-height:1.5;margin:14px 0 0;color:inherit}
.sw-note a{display:inline-flex;align-items:center;gap:6px;min-height:44px;max-width:100%;padding:5px 0;color:inherit;font-size:clamp(11px,1vw,14px);line-height:1.35;text-decoration:underline;text-underline-offset:5px;margin-top:8px}
.sw-note a>span{color:var(--sw-lime)}
.sw-note--idea{top:11.5%}
.sw-note--colour{top:18%;right:4%;left:auto;width:25%}
.sw-note--paper{top:68%;left:30.5%;width:22%;color:#11120f;text-shadow:0 1px 3px #f1f0e8}
.sw-note--paper::before{background:#394c00}
.sw-note--paper .sw-note-kicker{color:#394c00}
.sw-note--next{top:92%;width:34%}
.sw-section.sw-motion .sw-note{opacity:.78;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.sw-section.sw-motion .sw-note.sw-seen,.a11y-motion-paused .sw-section.sw-motion .sw-note,.motion-off .sw-section.sw-motion .sw-note{opacity:1;transform:none}
@media(max-width:740px){
 .sw-scenes{gap:8px 22px}.sw-scenes a{font-size:12px}.sw-scenes i{margin-left:1px}
 .sw-note h3{font-size:clamp(18px,4.8vw,30px);margin-top:7px}.sw-note p{font-size:12px;line-height:1.45;margin-top:10px}
 .sw-note::before{width:18px;margin-bottom:8px}.sw-note-kicker{font-size:9px;letter-spacing:.1em}.sw-note a{font-size:11px;margin-top:4px}
 .sw-note--colour{top:18%;right:3%;width:24%}
 .sw-note--next::before{display:none}
}
@media(max-width:420px){.sw-note--idea{top:11%}.sw-note--colour{top:18%}.sw-note--next{top:92%}.sw-note--next .sw-note-kicker{font-size:8px}}

/* Objekt, Beschriftung und Fokusrahmen brauchen gemeinsam freien Platz. */
.sw-touch--tear{left:46%}
.sw-touch--figure span{transform:translateX(-85%)}
@media(max-width:740px){
 .sw-touch--tear{left:32%}
 .sw-touch--palette{top:87.5%}
 .sw-touch--laptop span{transform:translateX(-95%)}
}

/* Plattformunabhängige Pfeile: echte Vektorformen statt Emoji-/Font-Glyphen. */
.ui-arrow{display:inline-block;flex:0 0 auto;width:1em;height:1em;vertical-align:-.12em;pointer-events:none}

/* Seitliche Linkschilder halten Gesicht und Blickrichtung vollständig frei. */
.sw-touch--tear,.sw-touch--figure,.sw-touch--paper{
 left:auto;right:4%;width:max-content;height:auto;min-width:44px;min-height:44px;
 aspect-ratio:auto;rotate:none;border:0;border-radius:0;background:transparent;
 box-shadow:none;transform:translateY(-50%);
}
.sw-touch--tear{top:2.3%}
.sw-touch--figure{top:55.5%}
.sw-touch--paper{top:59%}
.sw-touch--tear::before,.sw-touch--figure::before,.sw-touch--paper::before{display:none}
.sw-touch--tear span,.sw-touch--figure span,.sw-touch--paper span{
 position:static;display:inline-flex;align-items:center;justify-content:center;gap:.5em;
 min-height:44px;left:auto;top:auto;transform:none;padding:9px 12px;
 font-size:clamp(10px,.85vw,12px);box-shadow:none;
}
.sw-touch--tear:is(:hover,:focus-visible),.sw-touch--figure:is(:hover,:focus-visible),.sw-touch--paper:is(:hover,:focus-visible){transform:translateY(-50%);box-shadow:none;background:transparent}
.sw-touch--tear:focus-visible,.sw-touch--figure:focus-visible,.sw-touch--paper:focus-visible{outline:3px solid #11120f;outline-offset:4px}
.sw-touch--tear:is(:hover,:focus-visible) span,.sw-touch--figure:is(:hover,:focus-visible) span,.sw-touch--paper:is(:hover,:focus-visible) span{background:#f1f0e8}
.a11y-motion-paused .sw-touch--tear:is(:hover,:focus-visible),.a11y-motion-paused .sw-touch--figure:is(:hover,:focus-visible),.a11y-motion-paused .sw-touch--paper:is(:hover,:focus-visible),.motion-off .sw-touch--tear:is(:hover,:focus-visible),.motion-off .sw-touch--figure:is(:hover,:focus-visible),.motion-off .sw-touch--paper:is(:hover,:focus-visible){transform:translateY(-50%)}
.sw-copy--four{left:4%;right:auto;width:40%}
@media(max-width:420px){.sw-note--paper{top:66%}}

/* Auch CSS-generierte Richtungssymbole bleiben frei von System-Glyphen. */
.journey-steps ul li::before,.site-search-list a::after,.f24-price-card li::before,.sp-page ul li::before{content:"";display:inline-block;width:1em;height:1em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018%2018%206M6%206h12v12%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2018%2018%206M6%206h12v12%22/%3E%3C/svg%3E") center/contain no-repeat}
.sc-route li:not(:last-child)::after{content:"";height:1.4em;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%238f9ab0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012h16M13%205l7%207-7%207%22/%3E%3C/svg%3E");background-size:1em 1em;background-position:right center;background-repeat:no-repeat}

/* Geräteperspektive: Konturen am unveränderten 1024 × 5412 Bildraster. */
.sw-touch.sw-device{rotate:none;transform:none;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;aspect-ratio:auto}
.sw-touch--phone.sw-device{left:48.14453125%;top:29.12047302%;width:26.171875%;height:6.152993348%}
.sw-touch--laptop.sw-device{left:61.5234375%;top:81.48558758%;width:23.4375%;height:4.101995566%}
.sw-device::before{display:none}
.sw-device-outline{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.sw-device[id]{scroll-margin-top:130px}
.sw-device-outline path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.sw-device-glow{stroke:#d8ff3e;stroke-width:5;opacity:.5}
.sw-device-line{stroke:#f1f0e8;stroke-width:1.5}
.sw-touch.sw-device:is(:hover,:focus-visible),.a11y-motion-paused .sw-touch.sw-device:is(:hover,:focus-visible),.motion-off .sw-touch.sw-device:is(:hover,:focus-visible){transform:none;box-shadow:none;background:transparent;outline:none}
.sw-device:is(:hover,:focus-visible) .sw-device-line{stroke:#d8ff3e;stroke-width:3}
.sw-device:is(:focus-visible) .sw-device-glow{stroke:#f1f0e8;stroke-width:6;opacity:1}
.sw-touch.sw-device span{font-size:clamp(10px,1.1vw,17px);padding:8px 12px;min-height:44px;display:inline-flex;align-items:center;gap:.55em;left:50%;top:calc(100% + 9px);transform:translateX(-50%);box-shadow:3px 3px 0 #11120f}
/* Desktop: eigenständige, großzügige Wegweiser; Mobil: kompakte Papierschilder. */
.sw-touch--palette.sw-side-link{left:auto;right:4%;top:89.5%;width:max-content;height:auto;min-width:44px;min-height:44px;aspect-ratio:auto;rotate:none;transform:translateY(-50%);border:0;border-radius:0;background:transparent;box-shadow:none}
.sw-touch--palette.sw-side-link::before{display:none}
.sw-touch--palette.sw-side-link:is(:hover,:focus-visible),.motion-off .sw-touch--palette.sw-side-link:is(:hover,:focus-visible),.a11y-motion-paused .sw-touch--palette.sw-side-link:is(:hover,:focus-visible){transform:translateY(-50%);background:transparent;box-shadow:none}
.sw-side-link span{position:static;display:inline-flex;align-items:center;justify-content:space-between;left:auto;top:auto;transform:none;font-size:clamp(16px,1.45vw,23px);min-height:clamp(54px,5vw,76px);padding:clamp(10px,1vw,16px) clamp(16px,1.5vw,24px);gap:1em;box-shadow:5px 5px 0 rgba(17,18,15,.45);border:1px solid #11120f;border-radius:999px}
.sw-side-link span .ui-arrow{box-sizing:content-box;width:1em;height:1em;padding:.3em;border:1px solid currentColor;border-radius:50%;font-size:.9em}
.sw-side-link:focus-visible{outline:3px solid #f1f0e8;outline-offset:5px}
.sw-side-link:is(:hover,:focus-visible) span{background:#f1f0e8}
.sw-copy{clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);box-shadow:none;border-left-width:2px}
.sw-copy--two,.sw-copy--three{background:rgba(241,240,232,.94)}
.sw-touch--laptop.sw-device span{left:20%;transform:translateX(-65%)}
@media(max-width:740px){
 .sw-side-link span{font-size:10px;min-height:44px;padding:8px 10px;gap:.55em;border:0;border-radius:0;box-shadow:3px 3px 0 #11120f}
 .sw-side-link span .ui-arrow{padding:0;border:0;border-radius:0;font-size:1em}
 .sw-touch--tear.sw-side-link{right:5%;top:2.3%}
 .sw-touch--tear.sw-side-link span{rotate:-5deg}
 .sw-copy--one{top:5.1%}
 .sw-touch--figure.sw-side-link{right:5%;top:56%}
 .sw-touch--figure.sw-side-link span{rotate:3deg}
 .sw-touch--paper.sw-side-link{right:12%;top:60%}
 .sw-touch--paper.sw-side-link span{rotate:-5deg}
 .sw-touch--palette.sw-side-link{right:5%;top:91.1%}
 .sw-touch--palette.sw-side-link span{rotate:4deg}
 .sw-touch.sw-device span{font-size:10px;padding:7px 9px;min-height:38px;rotate:-3deg}
 .sw-touch--laptop.sw-device span{left:8%;transform:translateX(-70%)}
 .sw-copy{clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%)}
}

/* Licht bewegt sich entlang der Konturen, die Klickflächen bleiben stabil. */
@property --sw-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.sw-rainbow-trace{stroke-width:2.5;stroke-dasharray:16 84;animation:sw-trace-run 9s linear infinite;opacity:.85}
.sw-touch--laptop .sw-rainbow-trace{animation-delay:-4.5s}
.sw-device-glow{animation:sw-soft-glow 6s ease-in-out infinite}
.sw-side-link span{position:relative;isolation:isolate}
.sw-side-link span::after{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--sw-border-angle),#d8ff3e,#ffad50,#f735ac,#906bff,#05c8f8,#d8ff3e);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:sw-border-run 10s linear infinite;opacity:.85}
.sw-touch--figure span::after{animation-delay:-3s}.sw-touch--paper span::after{animation-delay:-6s}.sw-touch--palette span::after{animation-delay:-8s}
.sw-touch--ball::before,.sw-touch--globe::before{animation:sw-ring-glow 6s ease-in-out infinite}
@keyframes sw-trace-run{to{stroke-dashoffset:-100}}
@keyframes sw-border-run{to{--sw-border-angle:360deg}}
@keyframes sw-soft-glow{0%,100%{opacity:.35}50%{opacity:.7}}
@keyframes sw-ring-glow{0%,100%{border-color:#d8ff3e;opacity:.65}50%{border-color:#05c8f8;opacity:1}}
.a11y-motion-paused .sw-rainbow-trace,.a11y-motion-paused .sw-device-glow,.a11y-motion-paused .sw-side-link span::after,.a11y-motion-paused .sw-touch::before,.motion-off .sw-rainbow-trace,.motion-off .sw-device-glow,.motion-off .sw-side-link span::after,.motion-off .sw-touch::before{animation:none!important}
@media(prefers-reduced-motion:reduce){.sw-rainbow-trace,.sw-device-glow,.sw-side-link span::after,.sw-touch::before{animation:none!important}}

.sw-sign-icon{width:1.25em;height:1.25em;flex:0 0 auto;pointer-events:none}
@media(max-width:740px){
 .sw-side-link span{border-radius:10px 3px 10px 3px;gap:.65em;background:#d8ff3e;color:#11120f}
 .sw-side-link span::after{padding:1.5px;opacity:.6}
 .sw-touch--figure.sw-side-link{top:56.8%}
 .sw-touch--paper.sw-side-link{top:60.6%}
 .sw-sign-icon{width:16px;height:16px}
 .sw-note h3{line-height:1.15}
 .sw-note--paper{left:25%}
}