@layer bricks {}@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}.wd-hero h1.wd-h1.wd-h1 span { padding-bottom: .2em; margin-bottom: -.06em;}@media (max-width:1199px){.wd-hero .sf-chip--1.sf-chip.sf-chip.sf-chip{left:-12px}}@media (max-width:767px){.wd-hero .sf-chip--1.sf-chip.sf-chip.sf-chip.sf-chip{top:4px;bottom:auto;left:-4px}} .wd-hero .sf-chip--1.sf-chip.sf-chip { top: auto; bottom: 10px; left: -30px;}@keyframes sfMe{0%,10%{transform:none}20%,25%{transform:translateY(calc(var(--s)*-1))}35%,40%{transform:translateY(calc(var(--s)*-2))}50%,55%{transform:translateY(calc(var(--s)*-3))}65%,90%{transform:translateY(calc(var(--s)*-4))}100%{transform:none}}@keyframes sfR3{0%,10%{transform:none}20%,90%{transform:translateY(var(--s))}100%{transform:none}}@keyframes sfR2{0%,25%{transform:none}35%,90%{transform:translateY(var(--s))}100%{transform:none}}@keyframes sfR1{0%,40%{transform:none}50%,90%{transform:translateY(var(--s))}100%{transform:none}}@keyframes sfR0{0%,55%{transform:none}65%,90%{transform:translateY(var(--s))}100%{transform:none}}@keyframes sfK5{0%,14%{opacity:1}16%,93%{opacity:0}96%,100%{opacity:1}}@keyframes sfK4{0%,14%{opacity:0}16%,29%{opacity:1}31%,100%{opacity:0}}@keyframes sfK3{0%,29%{opacity:0}31%,44%{opacity:1}46%,100%{opacity:0}}@keyframes sfK2{0%,44%{opacity:0}46%,59%{opacity:1}61%,100%{opacity:0}}@keyframes sfK1{0%,59%{opacity:0}61%,90%{opacity:1}93%,100%{opacity:0}}@keyframes sfTop{0%,62%{opacity:0;transform:scale(.6)}67%,90%{opacity:1;transform:none}94%,100%{opacity:0}}@keyframes sfMeGlow{0%,60%{box-shadow:0 0 0 1.5px rgba(237,22,125,.55)}66%,90%{box-shadow:0 0 0 2px #ed167d,0 20px 50px -18px rgba(237,22,125,.8)}100%{box-shadow:0 0 0 1.5px rgba(237,22,125,.55)}}@keyframes sfDraw{0%,5%{stroke-dashoffset:420}65%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:420}}@keyframes sfArea{0%,40%{opacity:0}65%,90%{opacity:1}100%{opacity:0}}@keyframes sfCaret{50%{opacity:0}}@keyframes sfBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes sfGlow{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.12)}}@media (max-width:1199px){.wd-hero .sf-chip--1.sf-chip{left:-12px} .wd-hero .sf-chip--2.sf-chip{right:-10px} .wd-hero .sf-chip--3.sf-chip{right:-8px}}@media (max-width:767px){.wd-hero .sf-win.sf-win{--s:52px;padding:14px 12px 14px} .wd-hero .sf-r.sf-r{height:46px;padding:0 10px;gap:10px} .wd-hero .sf-r.sf-r small{display:none} .wd-hero .sf-me.sf-me em{display:none} .wd-hero .sf-me-t.sf-me-t b{font-size:13px} .wd-hero .sf-me-t.sf-me-t small{font-size:10.5px} .wd-hero .sf-chip.sf-chip{font-size:11px;padding:6px 10px 6px 6px} .wd-hero .sf-chip--1.sf-chip{left:-4px;top:4px} .wd-hero .sf-chip--2.sf-chip{display:none} .wd-hero .sf-chip--3.sf-chip{right:-4px;bottom:14px} .wd-hero .sf-q.sf-q b{font-size:13px} .wd-hero .sf-pill.sf-pill{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.wd-hero .sf-serp *{animation:none!important} .wd-hero .sf-rk i:nth-child(5),.wd-hero .sf-me em,.wd-hero .sf-area{opacity:1} .wd-hero .sf-line{stroke-dashoffset:0}} .wd-hero .sf-hv { min-width: 0;} .wd-hero .sf-serp { position: relative; width: min(540px,100%); margin: 0 auto; padding: 34px 0;} .wd-hero .sf-glow { position: absolute; left: 50%; top: 50%; width: 80%; height: 70%; border-radius: 50%; background: conic-gradient(from 90deg,#45c5ff,#7b2cbf,#ed167d,#ffb82e,#45c5ff); filter: blur(80px); opacity: .4; transform: translate(-50%,-50%); animation: sfGlow 10s ease-in-out infinite;} .wd-hero .sf-win { --s: 60px; position: relative; z-index: 2; padding: 16px 18px 18px; border-radius: 24px; border: 1px solid rgba(255,255,255,.14); background-image: linear-gradient(160deg,rgba(27,42,74,.96),rgba(10,19,40,.98)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; box-shadow: 0 50px 90px -40px rgba(0,0,0,.95),inset 0 1px 0 rgba(255,255,255,.08);} .wd-hero .sf-bar { display: flex; align-items: center; gap: 6px; margin: 0 0 14px;} .wd-hero .sf-bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.18);} .wd-hero .sf-bar i:first-child { background: #ed167d;} .wd-hero .sf-bar span { margin-left: 10px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .sf-q { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 11px 16px; border-radius: 999px; background: #fff; color: #0d1930; box-shadow: 0 14px 30px -18px rgba(0,0,0,.8);} .wd-hero .sf-q span { color: #1661ab; font-size: 16px;} .wd-hero .sf-q b { font-size: 14.5px; font-weight: 700;} .wd-hero .sf-q em { font-style: normal; color: #ed167d;} .wd-hero .sf-q u { width: 2px; height: 16px; margin-left: -6px; background: #ed167d; animation: sfCaret 1s steps(1) infinite;} .wd-hero .sf-list { position: relative; height: calc(var(--s)*5 - 8px);} .wd-hero .sf-r { position: absolute; left: 0; right: 0; display: flex; align-items: center; gap: 12px; height: 52px; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.04);} .wd-hero .sf-r0 { top: 0; animation: sfR0 10s cubic-bezier(.6,0,.2,1) infinite;} .wd-hero .sf-r1 { top: var(--s); animation: sfR1 10s cubic-bezier(.6,0,.2,1) infinite;} .wd-hero .sf-r2 { top: calc(var(--s)*2); animation: sfR2 10s cubic-bezier(.6,0,.2,1) infinite;} .wd-hero .sf-r3 { top: calc(var(--s)*3); animation: sfR3 10s cubic-bezier(.6,0,.2,1) infinite;} .wd-hero .sf-fav { flex: none; width: 26px; height: 26px; border-radius: 8px; background: var(--c);} .wd-hero .sf-sk { flex: 1; display: flex; flex-direction: column; gap: 6px; min-width: 0;} .wd-hero .sf-sk b { display: block; height: 7px; border-radius: 6px; background: rgba(255,255,255,.14);} .wd-hero .sf-sk b:last-child { height: 6px; background: rgba(255,255,255,.07);} .wd-hero .sf-r small { font-size: 10.5px; font-weight: 700; color: #647188; white-space: nowrap;} .wd-hero .sf-me { z-index: 3; top: calc(var(--s)*4); background: linear-gradient(120deg,rgba(237,22,125,.22),rgba(123,44,191,.22)),#101c36; border-color: transparent; animation: sfMe 10s cubic-bezier(.6,0,.2,1) infinite,sfMeGlow 10s ease infinite;} .wd-hero .sf-rk { position: relative; flex: none; display: grid; width: 30px; height: 30px;} .wd-hero .sf-rk i { grid-area: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 9px; background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; font-style: normal; font-size: 14px; font-weight: 900; color: #fff; opacity: 0;} .wd-hero .sf-rk i:nth-child(1) { animation: sfK5 10s linear infinite;} .wd-hero .sf-rk i:nth-child(2) { animation: sfK4 10s linear infinite;} .wd-hero .sf-rk i:nth-child(3) { animation: sfK3 10s linear infinite;} .wd-hero .sf-rk i:nth-child(4) { animation: sfK2 10s linear infinite;} .wd-hero .sf-rk i:nth-child(5) { animation: sfK1 10s linear infinite; background: linear-gradient(135deg,#ffb82e,#ed167d);} .wd-hero .sf-me-t { flex: 1; min-width: 0;} .wd-hero .sf-me-t b { display: block; font-size: 14px; font-weight: 900; color: #fff;} .wd-hero .sf-me-t small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 11.5px; font-weight: 700; color: #ffd36b;} .wd-hero .sf-me em { flex: none; padding: 4px 10px; border-radius: 999px; background: #34d399; color: #0d1930; font-size: 10.5px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; opacity: 0; animation: sfTop 10s ease infinite;} .wd-hero .sf-chart { position: relative; margin: 14px 0 0; padding: 12px 14px 10px; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);} .wd-hero .sf-chart small { display: block; margin: 0 0 6px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .sf-chart svg { display: block; width: 100%; height: 54px; overflow: visible;} .wd-hero .sf-line { fill: none; stroke: #45c5ff; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 420; stroke-dashoffset: 420; animation: sfDraw 10s ease infinite; vector-effect: non-scaling-stroke;} .wd-hero .sf-area { fill: rgba(69,197,255,.12); opacity: 0; animation: sfArea 10s ease infinite;} .wd-hero .sf-chip { position: absolute; z-index: 4; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.16); background: rgba(8,16,34,.94); box-shadow: 0 20px 40px -20px rgba(0,0,0,.9); font-size: 12.5px; font-weight: 800; color: #fff; white-space: nowrap; animation: sfBob 5s ease-in-out infinite;} .wd-hero .sf-chip i { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; background: #34d399; color: #0d1930; font-style: normal; font-size: 11px; font-weight: 900;} .wd-hero .sf-chip--1 { left: -34px; top: 88px;} .wd-hero .sf-chip--2 { right: -30px; top: 6px; animation-delay: -1.6s;} .wd-hero .sf-chip--3 { right: -26px; bottom: 52px; animation-delay: -3.2s;} .wd-hero .sf-chip--3 i { background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff;} .wd-hero .sf-pill { display: flex; align-items: center; justify-content: center; gap: 10px; width: max-content; max-width: 100%; margin: 0 auto; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); font-size: 12.5px; font-weight: 800; color: #dbe2ec;} .wd-hero .sf-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--pink); box-shadow: 0 0 10px var(--pink);}@keyframes wdPulse{to{box-shadow:0 0 0 12px rgba(237,22,125,0)}}@keyframes wdSpin{to{transform:rotate(360deg)}}@keyframes wdFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(-1.2deg)}}@keyframes wdBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes wdTick{0%,6%{background:rgba(255,255,255,.12);color:transparent}10%,100%{background:#34d399;color:#0d1930}}@keyframes wdRow{0%,6%{color:#8f9bb0}10%,100%{color:#fff}}@media (max-width:991px){.wd-hero .brxe-container.wd-hero-grid.wd-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}}@media (max-width:767px){.wd-hero.wd-hero{padding:140px var(--gutter) 150px} .wd-hero .wd-check.wd-check{display:none} .wd-hero .wd-chip--3.wd-chip{display:none} .wd-hero .wd-chip--2.wd-chip{left:0;top:auto;bottom:0} .wd-hero .wd-chip--2.wd-chip.wd-chip{right:auto} .wd-hero .wd-trust.wd-trust{grid-template-columns:minmax(0,1fr)} .wd-hero .wd-btns.wd-btns{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.wd-page *,.wd-page *::before,.wd-page *::after{animation:none!important;transition:none!important}} .wd-hero { position: relative; overflow: hidden; padding: 190px var(--gutter) 170px; color: #fff; background: radial-gradient(760px circle at 80% 30%,rgba(123,44,191,.32),transparent 60%),radial-gradient(640px circle at 0% 100%,rgba(69,197,255,.18),transparent 60%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),#050b18; background-size: auto,auto,44px 44px,44px 44px,auto;} .wd-hero :is(h1,h2,h3) { font-family: var(--font-body);} .wd-hero .brxe-container.wd-hero-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 64px; align-items: center; width: 100%; max-width: var(--shell); margin: 0 auto;} .wd-hero .wd-hero-txt { display: flex; flex-direction: column; align-items: flex-start; min-width: 0;} .wd-hero .wd-crumb { margin: 0 0 26px; font-size: 13px; font-weight: 600; color: #8f9bb0;} .wd-hero .wd-crumb a { color: #c9d1de; text-decoration: none;} .wd-hero .wd-crumb a:hover { color: #fff;} .wd-hero .wd-crumb span { margin: 0 8px; opacity: .5;} .wd-hero .wd-kicker { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue-bright);} .wd-hero .wd-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--pink); animation: wdPulse 1.8s ease-out infinite;} .wd-hero h1.wd-h1 { margin: 22px 0 0; font-size: clamp(2.6rem,5.4vw,5.2rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; color: #fff;} .wd-hero h1.wd-h1 span { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.03em; background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .1em;} .wd-hero .wd-intro { max-width: 600px; margin: 26px 0 0; font-size: 17px; line-height: 1.7; color: #c9d1de;} .wd-hero .wd-intro b { color: #fff;} .wd-hero .wd-btns { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px;} .wd-page .wd-btn { display: inline-flex; align-items: center; justify-content: space-between; gap: 18px; padding: 9px 9px 9px 24px; border-radius: 12px; font-size: 15px; font-weight: 800; text-decoration: none; transition: transform .35s var(--ease),box-shadow .35s var(--ease),background .35s var(--ease);} .wd-page .wd-btn b { width: 40px; height: 40px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; transition: transform .35s var(--ease);} .wd-page .wd-btn--p { background: linear-gradient(90deg,var(--pink-strong),#c5178f); color: #fff; box-shadow: 0 16px 36px rgba(237,22,125,.35);} .wd-page .wd-btn--p b { background: #fff; color: var(--pink);} .wd-page .wd-btn--g { border: 1px solid rgba(255,255,255,.25); color: #fff; background: rgba(255,255,255,.04);} .wd-page .wd-btn--g b { background: rgba(255,255,255,.12); color: #fff;} .wd-page .wd-btn--d { border: 1px solid rgba(13,25,48,.18); color: var(--ink); background: #fff;} .wd-page .wd-btn--d b { background: var(--ink); color: #fff;} .wd-page .wd-btn:hover { transform: translateY(-3px);} .wd-page .wd-btn:focus-visible { transform: translateY(-3px);} .wd-page .wd-btn:hover b { transform: rotate(45deg);} .wd-page .wd-btn:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 3px;} .wd-hero .wd-trust { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; width: 100%; max-width: 640px; margin: 36px 0 0; padding: 0; list-style: none;} .wd-hero .wd-trust li { display: flex; align-items: flex-start; gap: 10px; padding: 14px; border-radius: 14px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.04); font-size: 13px; font-weight: 700; line-height: 1.4; color: #dbe2ec;} .wd-hero .wd-trust li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#ed167d,#45c5ff); font-size: 10px; color: #fff;} .wd-hero .wd-orb { position: absolute; border-radius: 50%; pointer-events: none;} .wd-hero .wd-orb--1 { left: 4%; top: 4%; width: 520px; height: 520px; border: 1px dashed rgba(69,197,255,.22); animation: wdSpin 30s linear infinite;} .wd-hero .wd-orb--2 { left: 20%; top: 18%; width: 340px; height: 340px; border: 1px dashed rgba(237,22,125,.22); animation: wdSpin 40s linear infinite reverse;} .wd-hero .wd-orb--1::after { content: ""; position: absolute; left: 50%; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #ff3d9a; box-shadow: 0 0 16px #ff3d9a;} .wd-hero .wd-chip { position: absolute; z-index: 5; display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: rgba(5,11,24,.85); border: 1px solid rgba(255,255,255,.16); font-size: 11px; font-weight: 700; white-space: nowrap; animation: wdBob 5s ease-in-out infinite;} .wd-hero .wd-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--c);} .wd-hero .wd-chip--1 { left: -2%; top: 20px;} .wd-hero .wd-chip--2 { right: 0; top: 170px; animation-delay: -1.7s;} .wd-hero .wd-chip--3 { right: 18%; bottom: 20px; animation-delay: -3.3s;}#brxe-161a61 {display: flex; position: absolute; top: -112px; left: -30px; right: -30px; height: 148px; align-items: center; overflow: hidden; background-color: var(--pink); max-width: none; width: calc(100% + 60px); box-shadow: 0 26px 50px 0 rgba(5,11,24,.25)}@keyframes rsTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (max-width:767px){#brxe-161a61.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-161a61 .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-161a61 .rs-track.rs-track{animation:none}}#brxe-161a61 { transform: rotate(-1deg) scaleX(1.035);}#brxe-161a61 .rs-track { display: flex; flex: none; width: max-content; align-items: center; white-space: nowrap; font-family: var(--font-display); font-weight: 400; font-size: clamp(2.55rem,3.35vw,4.15rem); line-height: 1; color: #fff; letter-spacing: .01em; animation: rsTicker 14s linear infinite; will-change: transform;}#brxe-161a61 .rs-track span { flex: none; margin-right: .45em;}#brxe-161a61 .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-161a61 {top: -86px; height: 116px}}#brxe-c1d992 {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-c1d992 { overflow-x: clip; overflow-y: visible;}@media (max-width:991px){.wd-page .wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}#warum .sf-fix .wd-btn b { color: var(--pink);}@media (max-width:991px){.wd-why .wd-why-grid.wd-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .wd-why .wd-head.wd-head{grid-template-columns:minmax(0,1fr);gap:20px}}@media (max-width:767px){.wd-why .wd-why-grid.wd-why-grid{grid-template-columns:minmax(0,1fr)} .wd-why .wd-answer.wd-answer{grid-template-columns:minmax(0,1fr);padding:26px 22px}}@keyframes sfRing{0%,4%{stroke-dashoffset:314}70%,92%{stroke-dashoffset:40}100%{stroke-dashoffset:314}}@keyframes sfOld{0%,12%{opacity:1;transform:none}18%,92%{opacity:0;transform:translateY(-6px)}100%{opacity:1;transform:none}}@keyframes sfNew{0%,12%{opacity:0;transform:translateY(6px)}18%,92%{opacity:1;transform:none}100%{opacity:0;transform:translateY(6px)}}@keyframes sfLi{0%,12%{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.25)}18%,92%{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.45)}100%{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.25)}}@keyframes sfStA{0%,55%{opacity:1}60%,94%{opacity:0}100%{opacity:1}}@keyframes sfStB{0%,55%{opacity:0}60%,94%{opacity:1}100%{opacity:0}}@media (max-width:991px){#warum .sf-why.sf-why{grid-template-columns:minmax(0,1fr);gap:34px}#warum .sf-ck-wrap.sf-ck-wrap{position:static}#warum .sf-fix.sf-fix{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#warum .sf-ck.sf-ck{padding:16px 14px}#warum .sf-ck-body.sf-ck-body{grid-template-columns:minmax(0,1fr);justify-items:center}#warum .sf-ck-list.sf-ck-list{width:100%}#warum .sf-ck-top.sf-ck-top{flex-direction:column;align-items:flex-start}#warum .sf-ck-st.sf-ck-st b{justify-self:start}#warum .sf-ck-foot.sf-ck-foot{flex-direction:column;gap:4px}#warum .sf-solve.sf-solve{font-size:15px;padding:18px}#warum .sf-fix.sf-fix{padding:24px 20px}#warum .sf-fix .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#warum .sf-ck *{animation:none!important}#warum .sf-ic s,#warum .sf-tx s,#warum .sf-st-a{opacity:0}#warum .sf-ic b,#warum .sf-tx b,#warum .sf-st-b{opacity:1}#warum .sf-ring-fg{stroke-dashoffset:40}} .wd-sec { position: relative; overflow: hidden; padding: var(--section-pad) var(--gutter); scroll-margin-top: 170px;} .wd-sec :is(h2,h3,h4) { font-family: var(--font-body);} .wd-sec .brxe-container.wd-shell { position: relative; z-index: 1; width: 100%; max-width: var(--shell); margin: 0 auto; align-items: stretch;} .wd-light { background: #f2f5fa; color: var(--ink);} .wd-dark { background: #050b18; color: #fff;} .wd-page .wd-lbl { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue);} .wd-dark .wd-lbl { color: var(--blue-bright);} .wd-page .wd-lbl b { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(237,22,125,.1); color: var(--pink); font-size: 11px;} .wd-page .wd-head { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 60px; align-items: end; margin-bottom: 56px;} .wd-page h2.wd-h2 { margin: 22px 0 0; font-size: clamp(2.3rem,4.8vw,4.6rem); font-weight: 900; line-height: .98; letter-spacing: -.055em; color: var(--ink);} .wd-dark h2.wd-h2 { color: #fff;} .wd-page h2.wd-h2 span { font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.03em; color: var(--pink);} .wd-dark h2.wd-h2 span { color: var(--gold);} .wd-page .wd-lead { max-width: 560px; margin: 0; padding-bottom: 8px; font-size: 16px; line-height: 1.75; color: #4d5a70;} .wd-dark .wd-lead { color: #aeb9c9;} .wd-page .wd-wm { position: absolute; right: 2vw; top: 60px; z-index: 0; font-family: var(--font-body); font-size: min(20.6rem,20vw); font-weight: 900; line-height: .8; letter-spacing: -.06em; white-space: nowrap; color: rgba(13,25,48,.05); pointer-events: none; user-select: none;} .wd-why .wd-answer { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 22px; align-items: start; margin-top: 26px; padding: 30px 34px; border-radius: 22px; background: #0b1d38; color: #fff;} .wd-why .wd-answer-ic { width: 54px; height: 54px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; font-size: 22px; font-weight: 900;} .wd-why .wd-answer h3 { margin: 0 0 8px; font-size: 18px; font-weight: 900; color: #fff;} .wd-why .wd-answer p { margin: 0; font-size: 15px; line-height: 1.7; color: #c9d1de;}#warum h3.sf-h3 { margin: 0 0 18px; font-size: clamp(1.4rem,2.2vw,1.9rem); font-weight: 900; line-height: 1.15; letter-spacing: -.03em; color: var(--ink);}#warum .sf-why { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 56px; align-items: start;}#warum .sf-why-txt p { margin: 0 0 16px; font-size: 16px; line-height: 1.75; color: #4d5a70;}#warum .sf-cons { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#warum .sf-cons li { position: relative; padding: 16px 18px 16px 58px; border-radius: 18px; background: #fff; border: 1px solid rgba(13,25,48,.08); font-size: 15px; line-height: 1.6; color: #4d5a70; box-shadow: 0 20px 50px -40px rgba(13,25,48,.5); counter-increment: sfc;}#warum .sf-cons { counter-reset: sfc;}#warum .sf-cons li::before { content: counter(sfc); position: absolute; left: 16px; top: 15px; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 9px; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-weight: 900; font-size: 13px;}#warum .sf-cons b { display: block; color: var(--ink); font-size: 16px;}#warum .sf-ck-wrap { position: sticky; top: 180px;}#warum .sf-ck { padding: 22px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 50px 100px -60px rgba(13,25,48,.7);}#warum .sf-ck-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px;}#warum .sf-ck-t { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--blue);}#warum .sf-ck-t i { width: 10px; height: 10px; border-radius: 50%; background: var(--pink);}#warum .sf-ck-st { display: grid;}#warum .sf-ck-st b { grid-area: 1/1; justify-self: end; padding: 6px 12px; border-radius: 999px; font-size: 12px; font-weight: 800; white-space: nowrap;}#warum .sf-st-a { background: rgba(220,38,38,.1); color: #b91c1c; animation: sfStA 10s ease infinite;}#warum .sf-st-b { background: rgba(52,211,153,.15); color: #047857; opacity: 0; animation: sfStB 10s ease infinite;}#warum .sf-ck-body { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 20px; align-items: center;}#warum .sf-ring { position: relative; width: 132px; height: 132px;}#warum .sf-ring svg { width: 100%; height: 100%; transform: rotate(-90deg);}#warum .sf-ring circle { fill: none; stroke-width: 10;}#warum .sf-ring-bg { stroke: #eef2f7;}#warum .sf-ring-fg { stroke: #ed167d; stroke-linecap: round; stroke-dasharray: 314; stroke-dashoffset: 314; animation: sfRing 10s cubic-bezier(.5,0,.2,1) infinite;}#warum .sf-ring span { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}#warum .sf-ring small { font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8f9bb0;}#warum .sf-ring b { font-size: 15px; font-weight: 900; color: var(--ink);}#warum .sf-ck-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px;}#warum .sf-ck-list li { display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 12px; border-radius: 12px; border: 1px solid rgba(13,25,48,.08); animation: sfLi 10s ease infinite; animation-delay: var(--d);}#warum .sf-ic { display: grid;}#warum .sf-tx { display: grid;}#warum .sf-ic>* { grid-area: 1/1; text-decoration: none;}#warum .sf-tx>* { grid-area: 1/1; text-decoration: none;}#warum .sf-ic>* { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 10px; font-weight: 900;}#warum .sf-ic s { background: rgba(220,38,38,.12); color: #dc2626; animation: sfOld 10s ease infinite; animation-delay: var(--d);}#warum .sf-ic b { background: #34d399; color: #0d1930; opacity: 0; animation: sfNew 10s ease infinite; animation-delay: var(--d);}#warum .sf-tx { min-width: 0; font-size: 13px; font-weight: 700;}#warum .sf-tx>* { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}#warum .sf-tx s { color: #b91c1c; animation: sfOld 10s ease infinite; animation-delay: var(--d);}#warum .sf-tx b { color: #047857; opacity: 0; animation: sfNew 10s ease infinite; animation-delay: var(--d);}#warum .sf-ck-foot { display: flex; justify-content: space-between; gap: 12px; margin: 18px 0 0; padding-top: 14px; border-top: 1px dashed rgba(13,25,48,.12); font-size: 12px; font-weight: 700; color: #8f9bb0;}#warum .sf-ck-foot span:last-child { color: #047857;}#warum .sf-solve { display: flex; gap: 14px; align-items: flex-start; margin: 18px 0 0; padding: 20px 22px; border-radius: 20px; background-image: linear-gradient(120deg,rgba(237,22,125,.08),rgba(69,197,255,.08)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border: 1px solid rgba(237,22,125,.25); font-size: 16px; font-weight: 700; line-height: 1.6; color: var(--ink);}#warum .sf-solve b { flex: none; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; font-size: 14px;}#warum .sf-fix { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; margin-top: 34px; padding: 26px 30px; border-radius: 24px; background: #0b1d38; color: #fff;}#warum .sf-fix p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#warum .sf-fix b { color: #fff;}@media (max-width:991px){.wd-page .lm-feat.lm-feat{grid-template-columns:minmax(0,1fr);gap:34px;padding:48px 0} .wd-page .lm-feat--flip.lm-feat--flip .lm-feat-txt{order:0}}@media (max-width:767px){.wd-page .lm-ui.lm-ui{padding:16px 14px;border-radius:20px} .wd-page .lm-feat-n.lm-feat-n b{font-size:38px}}@media (prefers-reduced-motion:reduce){.wd-page .lm-ui *{animation:none!important}}@keyframes sfTyp{0%,2%{clip-path:inset(0 100% 0 0)}14%,92%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}@keyframes sfRin{0%,14%{opacity:0;transform:translateY(10px)}20%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfBg{0%,18%{transform:scaleX(0)}34%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes sfAa{0%,52%{opacity:1}55%,92%{opacity:0}100%{opacity:1}}@keyframes sfAb{0%,52%{opacity:0;transform:scale(.4)}56%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfPk{0%,52%{background:transparent;border-color:transparent}56%,92%{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.45)}100%{background:transparent;border-color:transparent}}@keyframes sfFt{0%,60%{opacity:0;transform:translateY(6px)}64%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfCaret2{50%{opacity:0}}@media (max-width:767px){.wd-page .sf-kw-h.sf-kw-h,.wd-page .sf-kw-r.sf-kw-r{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) 26px;gap:8px} .wd-page .sf-kw-h.sf-kw-h span:nth-child(3),.wd-page .sf-kw-r.sf-kw-r .sf-pot{display:none} .wd-page .sf-kw-k.sf-kw-k{font-size:12px} .wd-page .sf-kw-in.sf-kw-in em{display:none}}@media (prefers-reduced-motion:reduce){.wd-page .sf-kw-r,.wd-page .sf-kw-foot{opacity:1} .wd-page .sf-kw-b i{transform:none} .wd-page .sf-pick .sf-add s{opacity:0} .wd-page .sf-pick .sf-add b{opacity:1}}@keyframes sfScan{0%{top:0;opacity:0}5%{opacity:1}40%{top:calc(100% - 3px);opacity:1}45%,100%{top:calc(100% - 3px);opacity:0}}@keyframes sfCin{0%,6%{opacity:0;transform:translateX(30px)}14%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfQ{0%,12%{opacity:0;transform:scale(.5)}16%,30%{opacity:1;transform:none}36%,100%{opacity:0}}@keyframes sfOvg{0%,14%{transform:scaleX(0)}34%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes sfMeIn{0%,44%{opacity:0;transform:translateY(12px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes lmBlink{50%{opacity:.35}}@media (max-width:767px){.wd-page .sf-cp-c.sf-cp-c{grid-template-columns:34px minmax(0,1fr) auto;gap:10px;padding:10px} .wd-page .sf-av.sf-av{width:34px;height:34px;font-size:12px} .wd-page .sf-ov.sf-ov small{display:none} .wd-page .sf-auto.sf-auto{display:none}}@media (prefers-reduced-motion:reduce){.wd-page .sf-cp-c{opacity:1} .wd-page .sf-scan{display:none}} .wd-page .lm-feat { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: clamp(40px,6vw,90px); align-items: center; padding: 64px 0; border-top: 1px solid var(--lm-line,rgba(13,25,48,.08));} .wd-page .lm-feat:first-child { border-top: 0; padding-top: 24px;} .wd-page .lm-feat--flip .lm-feat-txt { order: 2;} .wd-page .lm-feat-txt { min-width: 0;} .wd-page .lm-feat-n { display: flex; align-items: center; gap: 14px; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--blue);} .wd-dark .lm-feat-n { color: var(--blue-bright);} .wd-page .lm-feat-n b { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-size: 46px; line-height: 1; letter-spacing: 0; background: linear-gradient(90deg,#ed167d,#7b2cbf); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em;} .wd-dark .lm-feat-n b { background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text;} .wd-page h3.lm-feat-h { margin: 12px 0 18px; font-family: var(--font-body); font-size: clamp(1.6rem,2.6vw,2.3rem); font-weight: 900; line-height: 1.1; letter-spacing: -.035em; color: var(--ink);} .wd-dark h3.lm-feat-h { color: #fff;} .wd-page .lm-rich p { margin: 0 0 14px; font-size: 16px; line-height: 1.75; color: #4d5a70;} .wd-dark .lm-rich p { color: #aeb9c9;} .wd-page .lm-rich a { color: var(--blue); font-weight: 800;} .wd-dark .lm-rich a { color: #ff8fb8;} .wd-page .lm-rich ul.lm-ticks { margin: 18px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 8px;} .wd-page .lm-ticks li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px 8px 10px; border-radius: 999px; background: #fff; border: 1px solid rgba(13,25,48,.1); font-size: 13.5px; font-weight: 700; color: var(--ink);} .wd-dark .lm-ticks li { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.12); color: #fff;} .wd-page .lm-ticks li::before { content: "✓"; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#45c5ff); color: #fff; font-size: 10px; font-weight: 900;} .wd-page .lm-note { margin: 14px 0 0; font-size: 12.5px; line-height: 1.5; color: #8f9bb0;} .wd-page .lm-ui { position: relative; padding: 22px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 50px 100px -60px rgba(13,25,48,.75); color: var(--ink); overflow: hidden;} .wd-dark .lm-ui { background-image: linear-gradient(160deg,rgba(27,42,74,.9),rgba(10,19,40,.95)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border-color: rgba(255,255,255,.12); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9); color: #fff;} .wd-page .lm-ui-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 16px;} .wd-page .lm-ui-t { display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: var(--blue);} .wd-dark .lm-ui-t { color: var(--blue-bright);} .wd-page .lm-ui-t i { width: 10px; height: 10px; border-radius: 50%; background: var(--pink);} .wd-page .lm-dots { display: flex; gap: 5px;} .wd-page .lm-dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(13,25,48,.12);} .wd-dark .lm-dots i { background: rgba(255,255,255,.18);} .wd-page .lm-cap { margin: 12px 0 0; font-size: 11px; font-weight: 700; color: #8f9bb0; text-align: right;} .wd-page .sf-kw-in { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; padding: 11px 16px; border-radius: 14px; background: #fff; color: var(--ink);} .wd-page .sf-kw-in span { color: #1661ab; font-size: 16px;} .wd-page .sf-kw-in b { font-size: 15px; font-weight: 800; animation: sfTyp 10s steps(7) infinite;} .wd-page .sf-kw-in u { width: 2px; height: 17px; margin-left: -6px; background: #ed167d; animation: sfCaret2 1s steps(1) infinite;} .wd-page .sf-kw-in em { margin-left: auto; font-size: 11px; font-style: normal; font-weight: 800; color: #8f9bb0; white-space: nowrap;} .wd-page .sf-kw-h { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) 64px 28px; gap: 12px; align-items: center;} .wd-page .sf-kw-r { display: grid; grid-template-columns: minmax(0,1.5fr) minmax(0,1fr) 64px 28px; gap: 12px; align-items: center;} .wd-page .sf-kw-h { padding: 0 10px 8px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .wd-page .sf-kw-r { margin-bottom: 5px; padding: 9px 10px; border-radius: 12px; border: 1px solid transparent; opacity: 0; animation: sfRin 10s ease infinite; animation-delay: var(--d);} .wd-page .sf-pick { animation: sfRin 10s ease infinite,sfPk 10s ease infinite; animation-delay: var(--d),0s;} .wd-page .sf-kw-k { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 700; color: #fff;} .wd-page .sf-kw-k i { font-style: normal; color: #ff8fb8;} .wd-page .sf-kw-b { display: block; height: 8px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden;} .wd-page .sf-kw-b i { display: block; height: 100%; border-radius: 6px; background-image: linear-gradient(90deg,#45c5ff,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; transform-origin: 0 50%; transform: scaleX(0); animation: sfBg 10s ease infinite; animation-delay: var(--d);} .wd-page .sf-pot { justify-self: start; padding: 3px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 900;} .wd-page .sf-pot--h { background: rgba(52,211,153,.16); color: #34d399;} .wd-page .sf-pot--m { background: rgba(255,184,46,.16); color: #ffb82e;} .wd-page .sf-add { display: grid;} .wd-page .sf-add>* { grid-area: 1/1; display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 8px; font-size: 13px; font-weight: 900; text-decoration: none;} .wd-page .sf-add s { background: rgba(255,255,255,.08); color: #aeb9c9;} .wd-page .sf-add b { opacity: 0; background: #34d399; color: #0d1930;} .wd-page .sf-pick .sf-add s { animation: sfAa 10s ease infinite;} .wd-page .sf-pick .sf-add b { animation: sfAb 10s ease infinite;} .wd-page .sf-kw-foot { display: flex; align-items: center; gap: 10px; margin: 12px 0 0; padding: 10px 14px; border-radius: 12px; background: rgba(52,211,153,.1); font-size: 13px; font-weight: 800; color: #34d399; opacity: 0; animation: sfFt 10s ease infinite;} .wd-page .sf-kw-foot b { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #34d399; color: #0d1930; font-size: 10px;} .wd-page .sf-auto { display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; border-radius: 999px; background: rgba(52,211,153,.14); font-size: 11px; font-weight: 800; color: #34d399; white-space: nowrap;} .wd-page .sf-auto i { width: 7px; height: 7px; border-radius: 50%; background: #34d399; animation: lmBlink 1.4s ease infinite;} .wd-page .sf-cp-list { position: relative; display: flex; flex-direction: column; gap: 10px;} .wd-page .sf-scan { position: absolute; left: -10px; right: -10px; top: 0; z-index: 3; height: 3px; border-radius: 3px; background-image: linear-gradient(90deg,transparent,#ed167d,#45c5ff,transparent); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; box-shadow: 0 0 16px rgba(237,22,125,.6); animation: sfScan 9s ease-in-out infinite; pointer-events: none;} .wd-page .sf-cp-c { position: relative; display: grid; grid-template-columns: 40px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.05); opacity: 0; animation: sfCin 9s ease infinite; animation-delay: var(--d);} .wd-page .sf-av { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--c,linear-gradient(135deg,#ed167d,#7b2cbf)); color: #fff; font-size: 14px; font-weight: 900;} .wd-page .sf-cp-m { min-width: 0;} .wd-page .sf-cp-m strong { display: block; font-size: 14px; font-weight: 900; color: #fff;} .wd-page .sf-ov { display: flex; align-items: center; gap: 8px; margin-top: 6px;} .wd-page .sf-ov small { font-size: 10.5px; font-weight: 700; color: #8f9bb0; white-space: nowrap;} .wd-page .sf-ov i { flex: 1; display: block; height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden;} .wd-page .sf-ov u { display: block; height: 100%; background-image: linear-gradient(90deg,#ed167d,#ff8fb8); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; transform-origin: 0 50%; animation: sfOvg 9s ease infinite; animation-delay: var(--d);} .wd-page .sf-cp-c em { padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.08); font-size: 11px; font-style: normal; font-weight: 900; color: #dbe2ec; white-space: nowrap;} .wd-page .sf-cp-c q { position: absolute; right: 10px; top: -9px; padding: 2px 8px; border-radius: 999px; background: #34d399; color: #0d1930; font-size: 9.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; quotes: none; opacity: 0; animation: sfQ 9s ease infinite; animation-delay: var(--d);} .wd-page .sf-cp-me { background-image: linear-gradient(120deg,rgba(237,22,125,.2),rgba(123,44,191,.2)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border-color: rgba(237,22,125,.5); animation: sfMeIn 9s ease infinite;} .wd-page .sf-cp-me em { background: var(--pink); color: #fff;} .wd-page .sf-cp-hint { display: block; margin-top: 4px; font-size: 11.5px; font-weight: 700; color: #ffd36b;}#analyse { --lm-line: rgba(255,255,255,.1);}@keyframes sfVp{0%,4%{transform:scaleX(0)}22%,100%{transform:scaleX(1)}}@keyframes sfPg{0%,20%{transform:scaleX(.04)}23%,32%{transform:scaleX(.2)}35%,44%{transform:scaleX(.4)}47%,56%{transform:scaleX(.6)}59%,94%{transform:scaleX(.8)}100%{transform:scaleX(.04)}}@keyframes sfPl{0%,100%{box-shadow:0 0 0 0 rgba(237,22,125,.5)}50%{box-shadow:0 0 0 10px rgba(237,22,125,0)}}@media (max-width:767px){.wd-page .sf-tasks.sf-tasks li{grid-template-columns:22px minmax(0,1fr) auto;gap:8px;padding:10px} .wd-page .sf-tasks.sf-tasks .sf-tag{display:none} .wd-page .sf-tl.sf-tl{font-size:12.5px;white-space:normal} .wd-page .sf-prog.sf-prog i{width:70px} .wd-page .sf-prog.sf-prog small{display:none}}@media (prefers-reduced-motion:reduce){.wd-page .sf-prog u{transform:scaleX(.6)}}@keyframes sfCk0{0%,20%{background:#fff;border-color:rgba(13,25,48,.2)}22%,94%{background:#34d399;border-color:#34d399}100%{background:#fff;border-color:rgba(13,25,48,.2)}}@keyframes sfBk0{0%,20%{opacity:0;transform:scale(.3)}23%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfLk0{0%,20%{color:#0d1930;text-decoration-color:transparent}23%,94%{color:#8f9bb0;text-decoration-color:#8f9bb0}100%{color:#0d1930;text-decoration-color:transparent}}@keyframes sfCk1{0%,32%{background:#fff;border-color:rgba(13,25,48,.2)}34%,94%{background:#34d399;border-color:#34d399}100%{background:#fff;border-color:rgba(13,25,48,.2)}}@keyframes sfBk1{0%,32%{opacity:0;transform:scale(.3)}35%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfLk1{0%,32%{color:#0d1930;text-decoration-color:transparent}35%,94%{color:#8f9bb0;text-decoration-color:#8f9bb0}100%{color:#0d1930;text-decoration-color:transparent}}@keyframes sfCk2{0%,44%{background:#fff;border-color:rgba(13,25,48,.2)}46%,94%{background:#34d399;border-color:#34d399}100%{background:#fff;border-color:rgba(13,25,48,.2)}}@keyframes sfBk2{0%,44%{opacity:0;transform:scale(.3)}47%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfLk2{0%,44%{color:#0d1930;text-decoration-color:transparent}47%,94%{color:#8f9bb0;text-decoration-color:#8f9bb0}100%{color:#0d1930;text-decoration-color:transparent}}@keyframes sfCk3{0%,56%{background:#fff;border-color:rgba(13,25,48,.2)}58%,94%{background:#34d399;border-color:#34d399}100%{background:#fff;border-color:rgba(13,25,48,.2)}}@keyframes sfBk3{0%,56%{opacity:0;transform:scale(.3)}59%,94%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfLk3{0%,56%{color:#0d1930;text-decoration-color:transparent}59%,94%{color:#8f9bb0;text-decoration-color:#8f9bb0}100%{color:#0d1930;text-decoration-color:transparent}}@keyframes sfCh{0%,2%{background:#f6f8fb;border-color:rgba(13,25,48,.1);color:#4d5a70}5%,30%{background:var(--ink);border-color:var(--ink);color:#fff}33%,100%{background:#f6f8fb;border-color:rgba(13,25,48,.1);color:#4d5a70}}@keyframes sfG{0%,2%{opacity:0;transform:translateY(12px)}6%,30%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-8px)}}@media (max-width:767px){.wd-page .sf-cms-ch.sf-cms-ch span{font-size:12px;padding:7px 11px} .wd-page .sf-g.sf-g{padding:14px}}@media (prefers-reduced-motion:reduce){.wd-page .sf-g0{opacity:1} .wd-page .sf-cms-ch .sf-ch0{background:var(--ink);color:#fff}}@keyframes sfTl{0%,6%{opacity:.25;transform:scale(.85);filter:grayscale(1)}12%,90%{opacity:1;transform:none;filter:none}100%{opacity:.25;transform:scale(.85);filter:grayscale(1)}}@keyframes sfTu{0%,8%{opacity:0;transform:scale(.3)}14%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfNapE{0%,60%{opacity:0;transform:translateY(6px)}66%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfLine{0%,100%{box-shadow:0 0 0 0 rgba(237,22,125,.35)}50%{box-shadow:0 0 0 8px rgba(237,22,125,0)}}@media (max-width:767px){.wd-page .sf-dir-g.sf-dir-g{grid-template-columns:minmax(0,1fr)} .wd-page .sf-dir-f.sf-dir-f{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-reduced-motion:reduce){.wd-page .sf-tiles span{opacity:1;filter:none} .wd-page .sf-tiles u,.wd-page .sf-nap em{opacity:1}}@keyframes sfLu{0%,35%{stroke-dashoffset:100;opacity:0}38%{opacity:1}60%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}@keyframes sfOpp{0%,25%{box-shadow:0 0 0 0 rgba(237,22,125,0);border-color:rgba(13,25,48,.12)}30%,90%{box-shadow:0 0 0 5px rgba(237,22,125,.14);border-color:#ed167d}100%{box-shadow:0 0 0 0 rgba(237,22,125,0);border-color:rgba(13,25,48,.12)}}@keyframes sfOppE{0%,25%{opacity:0;transform:translateY(4px)}30%,90%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfMeN{0%,55%{box-shadow:0 0 0 0 rgba(237,22,125,.5)}62%{box-shadow:0 0 0 14px rgba(237,22,125,0)}100%{box-shadow:0 0 0 0 rgba(237,22,125,0)}}@media (max-width:767px){.wd-page .sf-net.sf-net{height:240px} .wd-page .sf-n.sf-n{width:56px;height:56px} .wd-page .sf-n--c.sf-n--c{width:66px;height:66px} .wd-page .sf-n.sf-n b{font-size:10px} .wd-page .sf-s.sf-s{font-size:10.5px;padding:5px 8px}}@media (prefers-reduced-motion:reduce){.wd-page .sf-lu{stroke-dashoffset:0;opacity:1} .wd-page .sf-s em{opacity:1}} .wd-page .sf-prog { display: flex; align-items: center; gap: 10px;} .wd-page .sf-prog i { display: block; width: 110px; height: 8px; border-radius: 6px; background: rgba(13,25,48,.08); overflow: hidden;} .wd-page .sf-prog u { display: block; height: 100%; background-image: linear-gradient(90deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; transform-origin: 0 50%; animation: sfPg 12s ease infinite;} .wd-page .sf-prog small { font-size: 10.5px; font-weight: 800; color: #8f9bb0;} .wd-page .sf-tasks { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px;} .wd-page .sf-tasks li { display: grid; grid-template-columns: 24px minmax(0,1fr) auto auto; gap: 10px; align-items: center; padding: 11px 12px; border-radius: 14px; border: 1px solid rgba(13,25,48,.08); background: #f6f8fb;} .wd-page .sf-cb { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 7px; border: 2px solid rgba(13,25,48,.2); background: #fff;} .wd-page .sf-cb b { font-size: 11px; font-weight: 900; color: #0d1930; opacity: 0;} .wd-page .sf-tl { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13.5px; font-weight: 700; color: var(--ink); text-decoration: line-through; text-decoration-color: transparent; text-decoration-thickness: 2px;} .wd-page .sf-tag { padding: 3px 9px; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .04em; white-space: nowrap;} .wd-page .sf-pr { padding: 3px 9px; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .04em; white-space: nowrap;} .wd-page .sf-tag { background: rgba(69,197,255,.14); color: #1661ab;} .wd-page .sf-pr--h { background: rgba(237,22,125,.1); color: #c5178f;} .wd-page .sf-pr--m { background: rgba(255,184,46,.18); color: #a86b00;} .wd-page .sf-vid { grid-column: 2/-1; display: flex; align-items: center; gap: 12px; margin-top: 4px; padding: 10px 12px; border-radius: 12px; background-image: linear-gradient(120deg,#0b1d38,#1a0f3a); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;} .wd-page .sf-play { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: var(--pink); color: #fff; font-size: 12px; animation: sfPl 1.8s ease infinite;} .wd-page .sf-vid-m { flex: 1; min-width: 0;} .wd-page .sf-vid-m b { display: block; margin-bottom: 6px; font-size: 12px; font-weight: 800; color: #fff;} .wd-page .sf-vid-m i { display: block; height: 5px; border-radius: 5px; background: rgba(255,255,255,.14); overflow: hidden;} .wd-page .sf-vid-m u { display: block; height: 100%; background: #45c5ff; transform-origin: 0 50%; animation: sfVp 12s linear infinite;} .wd-page .sf-t0 .sf-cb { animation: sfCk0 12s ease infinite;} .wd-page .sf-t0 .sf-cb b { animation: sfBk0 12s ease infinite;} .wd-page .sf-t0 .sf-tl { animation: sfLk0 12s ease infinite;} .wd-page .sf-t1 .sf-cb { animation: sfCk1 12s ease infinite;} .wd-page .sf-t1 .sf-cb b { animation: sfBk1 12s ease infinite;} .wd-page .sf-t1 .sf-tl { animation: sfLk1 12s ease infinite;} .wd-page .sf-t2 .sf-cb { animation: sfCk2 12s ease infinite;} .wd-page .sf-t2 .sf-cb b { animation: sfBk2 12s ease infinite;} .wd-page .sf-t2 .sf-tl { animation: sfLk2 12s ease infinite;} .wd-page .sf-t3 .sf-cb { animation: sfCk3 12s ease infinite;} .wd-page .sf-t3 .sf-cb b { animation: sfBk3 12s ease infinite;} .wd-page .sf-t3 .sf-tl { animation: sfLk3 12s ease infinite;} .wd-page .sf-cms-ch { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 16px;} .wd-page .sf-cms-ch span { padding: 8px 13px; border-radius: 999px; border: 1px solid rgba(13,25,48,.1); background: #f6f8fb; font-size: 13px; font-weight: 800; color: #4d5a70;} .wd-page .sf-cms-ch .sf-ch0 { animation: sfCh 12s ease infinite;} .wd-page .sf-cms-ch .sf-ch1 { animation: sfCh 12s ease infinite;} .wd-page .sf-cms-ch .sf-ch2 { animation: sfCh 12s ease infinite;} .wd-page .sf-cms-ch .sf-ch1 { animation-delay: 4s;} .wd-page .sf-cms-ch .sf-ch2 { animation-delay: 8s;} .wd-page .sf-cms-ch .sf-ch-more { border-style: dashed; background: transparent; color: #8f9bb0;} .wd-page .sf-guide { display: grid;} .wd-page .sf-g { grid-area: 1/1; padding: 18px; border-radius: 18px; background-image: linear-gradient(135deg,rgba(237,22,125,.07),rgba(69,197,255,.08)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border: 1px solid rgba(237,22,125,.2); opacity: 0; animation: sfG 12s ease infinite;} .wd-page .sf-g1 { animation-delay: 4s;} .wd-page .sf-g2 { animation-delay: 8s;} .wd-page .sf-g-t { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; flex-wrap: wrap; margin: 0 0 14px;} .wd-page .sf-g-t b { font-size: 16px; font-weight: 900; color: var(--ink);} .wd-page .sf-g-t em { font-size: 11px; font-style: normal; font-weight: 800; color: #c5178f;} .wd-page .sf-g ol { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;} .wd-page .sf-g li { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: #fff; font-size: 13.5px; font-weight: 700; color: var(--ink);} .wd-page .sf-g li b { flex: none; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 8px; background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; font-size: 11px; font-weight: 900;} .wd-page .sf-dir-g { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 16px; align-items: center;} .wd-page .sf-nap { position: relative; padding: 16px; border-radius: 18px; background-image: linear-gradient(160deg,#0b1d38,#1a0f3a); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; animation: sfLine 2.4s ease infinite;} .wd-page .sf-nap p { margin: 0 0 12px;} .wd-page .sf-nap small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-page .sf-nap p b { font-size: 15px; font-weight: 900;} .wd-page .sf-nap ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px;} .wd-page .sf-nap li { display: flex; align-items: center; gap: 10px; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.06); font-size: 12.5px; font-weight: 700; color: #dbe2ec;} .wd-page .sf-nap li i { font-style: normal; color: #45c5ff;} .wd-page .sf-nap em { display: inline-flex; margin-top: 12px; padding: 4px 10px; border-radius: 999px; background: #34d399; color: #0d1930; font-size: 10.5px; font-style: normal; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; opacity: 0; animation: sfNapE 9s ease infinite;} .wd-page .sf-tiles { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px;} .wd-page .sf-tiles span { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1; border-radius: 14px; background: var(--c); animation: sfTl 9s ease infinite; animation-delay: var(--d);} .wd-page .sf-tiles b { font-size: 14px; font-weight: 900; color: #fff;} .wd-page .sf-tiles u { position: absolute; right: -5px; top: -5px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #34d399; border: 2px solid #fff; color: #0d1930; font-size: 9px; font-weight: 900; text-decoration: none; opacity: 0; animation: sfTu 9s ease infinite; animation-delay: var(--d);} .wd-page .sf-dir-f { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 16px 0 0; padding-top: 14px; border-top: 1px dashed rgba(13,25,48,.12); font-size: 12.5px; font-weight: 800; color: #4d5a70;} .wd-page .sf-dir-f a { color: var(--pink); text-decoration: none; white-space: nowrap;} .wd-page .sf-net { position: relative; height: 260px; margin: 4px 0 8px;} .wd-page .sf-net svg { position: absolute; inset: 0; width: 100%; height: 100%;} .wd-page .sf-lc { stroke: rgba(13,25,48,.18); stroke-width: 1.6; vector-effect: non-scaling-stroke;} .wd-page .sf-lu { stroke: #ed167d; stroke-width: 2.4; stroke-dasharray: 100; stroke-dashoffset: 100; vector-effect: non-scaling-stroke; opacity: 0; animation: sfLu 9s ease infinite;} .wd-page .sf-lu1 { animation-delay: .5s;} .wd-page .sf-n { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; border-radius: 50%; transform: translate(-50%,-50%); text-align: center;} .wd-page .sf-n b { font-size: 12.5px; font-weight: 900; line-height: 1.1;} .wd-page .sf-n--me { background-image: linear-gradient(135deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; animation: sfMeN 9s ease infinite;} .wd-page .sf-n--c { width: 84px; height: 84px; background: var(--ink); color: #fff;} .wd-page .sf-s { position: absolute; z-index: 2; display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 999px; border: 1.5px solid rgba(13,25,48,.12); background: #fff; transform: translate(-50%,-50%); font-size: 12px; font-weight: 800; color: var(--ink); white-space: nowrap;} .wd-page .sf-s i { width: 8px; height: 8px; border-radius: 50%; background: #8f9bb0;} .wd-page .sf-s--o { animation: sfOpp 9s ease infinite;} .wd-page .sf-s--o i { background: var(--pink);} .wd-page .sf-s em { position: absolute; left: 50%; top: -18px; transform: translateX(-50%); padding: 2px 8px; border-radius: 999px; background: var(--pink); color: #fff; font-size: 9.5px; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; opacity: 0; animation: sfOppE 9s ease infinite;} .wd-page .sf-bl-leg { display: flex; flex-wrap: wrap; gap: 16px; font-size: 12px; font-weight: 700; color: #4d5a70;} .wd-page .sf-bl-leg span { display: flex; align-items: center; gap: 8px;} .wd-page .sf-bl-leg i { width: 22px; height: 3px; border-radius: 3px;} .wd-page .sf-lg1 { background: rgba(13,25,48,.25);} .wd-page .sf-lg2 { background: #ed167d;}@media (max-width:767px){#auswertung .sf-tile--12.sf-tile--12.sf-tile--12{display:flex}#auswertung .sf-tile--12.sf-tile--12 .sf-tt.sf-tt{padding:20px 20px 24px}}#auswertung .sf-tile--12.sf-tile--12 { grid-column: 1/-1; display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); align-items: stretch;}#auswertung .sf-tile--12 .sf-tt { align-self: center; padding: 34px 40px;}#auswertung .sf-tt p+p { margin-top: 12px!important;}#auswertung .sf-tt-ticks { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none;}#auswertung .sf-tt-ticks li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px 7px 9px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); font-size: 13px; font-weight: 700; color: #fff;}#auswertung .sf-tt-ticks li::before { content: "✓"; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#45c5ff); font-size: 9px; font-weight: 900;}@keyframes sfLoc{0%,2%{background:rgba(255,255,255,.06);color:#aeb9c9}4%,23%{background:#fff;color:#0d1930}25%,100%{background:rgba(255,255,255,.06);color:#aeb9c9}}@keyframes sfL1{0%,4%{stroke-dashoffset:520}55%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:520}}@keyframes sfDp{0%,52%{opacity:0;transform:scale(.3)}58%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfRcA{0%,10%{width:38%}55%,92%{width:92%}100%{width:38%}}@keyframes sfRcB{0%,10%{width:80%}55%,92%{width:70%}100%{width:80%}}@keyframes sfRcC{0%,10%{width:62%}55%,92%{width:54%}100%{width:62%}}@keyframes sfToast{0%,46%{opacity:0;transform:translateY(8px)}52%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfBar{0%,6%{transform:scaleY(.05)}40%,92%{transform:scaleY(1)}100%{transform:scaleY(.05)}}@keyframes sfGa{0%,6%{stroke-dashoffset:268}60%,92%{stroke-dashoffset:70}100%{stroke-dashoffset:268}}@keyframes sfNd{0%,6%{transform:rotate(-88deg)}60%,92%{transform:rotate(44deg)}100%{transform:rotate(-88deg)}}@keyframes sfGw{0%,10%{transform:scaleX(0)}50%,92%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes sfSw{0%,20%{background:rgba(255,255,255,.15)}28%,92%{background:#34d399}100%{background:rgba(255,255,255,.15)}}@keyframes sfSwU{0%,20%{transform:none}28%,92%{transform:translateX(20px)}100%{transform:none}}@keyframes sfGf{0%,30%{opacity:0;transform:translateY(6px)}36%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfGf2{0%,44%{opacity:0;transform:translateY(6px)}50%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes sfPh{0%{opacity:0;transform:translateY(-18px) scale(.96)}4%,28%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(8px)}}@media (max-width:991px){#auswertung .sf-bento.sf-bento{grid-template-columns:repeat(2,minmax(0,1fr))}#auswertung .sf-tile--7.sf-tile--7,#auswertung .sf-tile--12.sf-tile--12{grid-column:1/-1}}@media (max-width:767px){#auswertung .sf-bento.sf-bento{grid-template-columns:minmax(0,1fr)}#auswertung .sf-tile--12.sf-tile--12{display:flex}#auswertung .sf-tile--12.sf-tile--12 .sf-tv{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}#auswertung .sf-tt.sf-tt{padding:20px 20px 24px}#auswertung .sf-tv.sf-tv{padding:18px 16px}#auswertung .sf-leg.sf-leg em{margin-left:0}}@media (prefers-reduced-motion:reduce){#auswertung .sf-tv *{animation:none!important}#auswertung .sf-l1{stroke-dashoffset:0}#auswertung .sf-nt:first-of-type,#auswertung .sf-gbp-f span,#auswertung .sf-toast{opacity:1}}#auswertung .sf-bento { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px;}#auswertung .sf-tile { display: flex; flex-direction: column; border-radius: 26px; border: 1px solid rgba(255,255,255,.1); background-image: linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.02)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; overflow: hidden; transition: border-color .3s ease,transform .3s ease;}#auswertung .sf-tile:hover { border-color: rgba(237,22,125,.45); transform: translateY(-3px);}#auswertung .sf-tile--7 { grid-column: span 2;}#auswertung .sf-tile--12 { grid-column: span 2; display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); align-items: center;}#auswertung .sf-tv { position: relative; display: flex; align-items: center; justify-content: center; min-height: 200px; padding: 22px; background: radial-gradient(420px circle at 50% 0%,rgba(123,44,191,.25),transparent 70%),rgba(5,11,24,.5); border-bottom: 1px solid rgba(255,255,255,.08);}#auswertung .sf-tile--12 .sf-tv { height: 100%; border-bottom: 0; border-right: 1px solid rgba(255,255,255,.08);}#auswertung .sf-tv>* { width: 100%;}#auswertung .sf-tt { padding: 24px 26px 28px;}#auswertung .sf-tn { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; font-size: 11.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--blue-bright);}#auswertung .sf-tn b { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-size: 34px; line-height: 1; letter-spacing: 0; background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text; color: transparent; padding-right: .08em;}#auswertung .sf-tt h3 { margin: 0 0 12px; font-family: var(--font-body); font-size: clamp(1.2rem,1.6vw,1.45rem); font-weight: 900; line-height: 1.2; letter-spacing: -.025em; color: #fff;}#auswertung .sf-tt p:not(.sf-tn) { margin: 0; font-size: 15px; line-height: 1.7; color: #aeb9c9;}#auswertung .sf-bento-cap { margin: 16px 0 0; font-size: 12px; font-weight: 700; color: #647188; text-align: right;}#auswertung .sf-locs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px;}#auswertung .sf-locs span { padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; color: #aeb9c9; animation: sfLoc 12s ease infinite;}#auswertung .sf-loc1 { animation-delay: 3s!important;}#auswertung .sf-loc2 { animation-delay: 6s!important;}#auswertung .sf-loc3 { animation-delay: 9s!important;}#auswertung .sf-rt-ch { position: relative; display: grid; grid-template-columns: 24px minmax(0,1fr); gap: 8px; height: 130px;}#auswertung .sf-ax { display: flex; flex-direction: column; justify-content: space-between; padding: 10px 0; font-size: 10px; font-weight: 800; color: #647188;}#auswertung .sf-ax i { font-style: normal;}#auswertung .sf-rt-ch svg { width: 100%; height: 100%; overflow: visible;}#auswertung .sf-grid { stroke: rgba(255,255,255,.07); stroke-width: 1; vector-effect: non-scaling-stroke;}#auswertung .sf-l1 { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;}#auswertung .sf-l2 { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke;}#auswertung .sf-l1 { stroke: #ed167d; stroke-dasharray: 520; stroke-dashoffset: 520; animation: sfL1 12s ease infinite;}#auswertung .sf-l2 { stroke: rgba(69,197,255,.55); stroke-dasharray: 6 6;}#auswertung .sf-dotp { position: absolute; right: -6px; top: 6px; width: 14px; height: 14px; border-radius: 50%; background: #ed167d; box-shadow: 0 0 0 6px rgba(237,22,125,.2); opacity: 0; animation: sfDp 12s ease infinite;}#auswertung .sf-leg { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 12px 0 0; font-size: 11.5px; font-weight: 700; color: #aeb9c9;}#auswertung .sf-leg span { display: flex; align-items: center; gap: 7px;}#auswertung .sf-leg i { width: 18px; height: 3px; border-radius: 3px;}#auswertung .sf-lg-a { background: #ed167d;}#auswertung .sf-lg-b { background: rgba(69,197,255,.6);}#auswertung .sf-leg em { margin-left: auto; font-style: normal; color: #34d399;}#auswertung .sf-race { position: relative; display: flex; flex-direction: column; gap: 12px; padding-bottom: 40px;}#auswertung .sf-rc { margin: 0;}#auswertung .sf-rc span { display: block; margin-bottom: 5px; font-size: 12px; font-weight: 800; color: #dbe2ec;}#auswertung .sf-rc i { display: block; height: 12px; border-radius: 8px; background: rgba(255,255,255,.07); overflow: hidden;}#auswertung .sf-rc u { display: block; height: 100%; border-radius: 8px;}#auswertung .sf-rc0 u { background-image: linear-gradient(90deg,#ed167d,#ff8fb8); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; animation: sfRcA 10s cubic-bezier(.5,0,.2,1) infinite;}#auswertung .sf-rc1 u { background: #45c5ff; animation: sfRcB 10s cubic-bezier(.5,0,.2,1) infinite;}#auswertung .sf-rc2 u { background: #7b8aa3; animation: sfRcC 10s cubic-bezier(.5,0,.2,1) infinite;}#auswertung .sf-toast { position: absolute; left: 0; bottom: 0; padding: 6px 12px; border-radius: 999px; background: #34d399; color: #0d1930; font-size: 11.5px; font-style: normal; font-weight: 900; white-space: nowrap; opacity: 0; animation: sfToast 10s ease infinite;}#auswertung .sf-bars { display: flex; align-items: flex-end; gap: 8px; height: 120px; padding: 0 4px; border-bottom: 1px solid rgba(255,255,255,.12);}#auswertung .sf-bars i { flex: 1; height: var(--h); border-radius: 6px 6px 0 0; background-image: linear-gradient(180deg,#45c5ff,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; transform-origin: 50% 100%; animation: sfBar 10s cubic-bezier(.5,0,.2,1) infinite; animation-delay: var(--d);}#auswertung .sf-bars i:last-child { background: linear-gradient(180deg,#ff3d9a,#7b2cbf);}#auswertung .sf-ga-l { display: flex; justify-content: space-between; gap: 10px; margin: 10px 0 0; font-size: 11.5px; font-weight: 700; color: #aeb9c9;}#auswertung .sf-ga-l span { display: flex; align-items: center; gap: 7px;}#auswertung .sf-ga-l i { width: 9px; height: 9px; border-radius: 3px; background: #45c5ff;}#auswertung .sf-ga-l em { font-style: normal; color: #647188;}#auswertung .sf-gauge { position: relative; display: flex; flex-direction: column; align-items: center;}#auswertung .sf-gauge svg { width: 180px; height: 99px; overflow: visible;}#auswertung .sf-g-bg { fill: none; stroke-width: 14; stroke-linecap: round;}#auswertung .sf-g-fg { fill: none; stroke-width: 14; stroke-linecap: round;}#auswertung .sf-g-bg { stroke: rgba(255,255,255,.08);}#auswertung .sf-g-fg { stroke: #45c5ff; stroke-dasharray: 268; stroke-dashoffset: 268; animation: sfGa 10s ease infinite;}#auswertung .sf-needle { position: absolute; left: calc(50% - 2px); top: 22px; width: 4px; height: 68px; border-radius: 4px; background: #fff; transform-origin: 50% 100%; animation: sfNd 10s ease infinite;}#auswertung .sf-gauge b { margin: 10px 0 12px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;}#auswertung .sf-gauge ul { width: 100%; margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 7px;}#auswertung .sf-gauge li { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 10px; align-items: center; font-size: 11.5px; font-weight: 700; color: #dbe2ec;}#auswertung .sf-gauge li i { display: block; height: 6px; border-radius: 6px; background: rgba(255,255,255,.08); overflow: hidden;}#auswertung .sf-gauge li u { display: block; width: var(--w); height: 100%; background-image: linear-gradient(90deg,#45c5ff,#34d399); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; transform-origin: 0 50%; animation: sfGw 10s ease infinite;}#auswertung .sf-gbp { display: flex; flex-direction: column; gap: 12px;}#auswertung .sf-gbp-c { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; background: #fff;}#auswertung .sf-gl { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: #4285f4; color: #fff; font-size: 17px; font-weight: 900;}#auswertung .sf-gbp-c small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8f9bb0;}#auswertung .sf-gbp-c strong { font-size: 15px; font-weight: 900; color: #0d1930;}#auswertung .sf-sw { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 12px 14px; border-radius: 14px; background: rgba(255,255,255,.06); font-size: 12.5px; font-weight: 800; color: #dbe2ec;}#auswertung .sf-sw i { position: relative; flex: none; width: 44px; height: 24px; border-radius: 999px; animation: sfSw 10s ease infinite;}#auswertung .sf-sw u { position: absolute; left: 3px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; animation: sfSwU 10s ease infinite;}#auswertung .sf-gbp-f { display: flex; flex-wrap: wrap; gap: 6px; margin: 0;}#auswertung .sf-gbp-f span { padding: 5px 11px; border-radius: 999px; background: rgba(52,211,153,.14); font-size: 11.5px; font-weight: 800; color: #34d399; opacity: 0; animation: sfGf 10s ease infinite;}#auswertung .sf-gbp-f span:last-child { animation-name: sfGf2;}#auswertung .sf-phone { position: relative; width: min(230px,100%)!important; height: 250px; margin: 0 auto; padding: 30px 12px 12px; border-radius: 30px; border: 2px solid rgba(255,255,255,.18); background: #050b18; overflow: hidden;}#auswertung .sf-notch { position: absolute; left: 50%; top: 9px; width: 64px; height: 8px; border-radius: 8px; background: rgba(255,255,255,.14); transform: translateX(-50%);}#auswertung .sf-ph-t { margin: 0 0 10px; font-size: 11px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;}#auswertung .sf-nt { position: absolute; left: 12px; right: 12px; top: 52px; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 10px; align-items: center; padding: 10px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1); opacity: 0; animation: sfPh 6.6s ease infinite; animation-delay: var(--d);}#auswertung .sf-nt i { display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; background: var(--c); font-style: normal; font-size: 15px; font-weight: 900; color: #fff;}#auswertung .sf-nt p { margin: 0; font-size: 11px; line-height: 1.35; color: #aeb9c9;}#auswertung .sf-nt b { display: block; font-size: 12px; font-weight: 900; color: #fff;}@keyframes sfPlus{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes sfRk{0%,6%{left:12.5%;bottom:70px}20%,26%{left:37.5%;bottom:114px}40%,46%{left:62.5%;bottom:158px}60%,86%{left:87.5%;bottom:202px}94%{left:87.5%;bottom:260px;opacity:0}95%{left:12.5%;bottom:70px;opacity:0}100%{left:12.5%;bottom:70px;opacity:1}}@media (max-width:991px){#grundlagen .sf-oo.sf-oo{grid-template-columns:minmax(0,1fr)}#grundlagen .sf-plus.sf-plus{justify-self:center}#grundlagen .sf-climb.sf-climb ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}#grundlagen .sf-st-bar.sf-st-bar{height:10px!important;border-radius:10px}#grundlagen .sf-rocket.sf-rocket{display:none}#grundlagen .sf-climb.sf-climb{padding:30px 26px 30px}#grundlagen .sf-st-t.sf-st-t{padding-bottom:12px}}@media (max-width:767px){#grundlagen .sf-oc.sf-oc{padding:24px 20px}#grundlagen .sf-climb.sf-climb ol{grid-template-columns:minmax(0,1fr)}#grundlagen .sf-climb.sf-climb{padding:26px 20px}#grundlagen .sf-eq.sf-eq{font-size:15px;padding:18px}}@media (prefers-reduced-motion:reduce){#grundlagen .sf-rocket,#grundlagen .sf-plus{animation:none}#grundlagen .sf-rocket{left:87.5%;bottom:202px}} .wd-sec { position: relative; overflow: hidden; padding: var(--section-pad) var(--gutter); scroll-margin-top: 170px;} .wd-sec :is(h2,h3,h4) { font-family: var(--font-body);}#grundlagen .sf-oo { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); gap: 18px; align-items: stretch;}#grundlagen .sf-oc { padding: 30px; border-radius: 28px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 40px 90px -60px rgba(13,25,48,.6);}#grundlagen .sf-oc--off { background-image: linear-gradient(160deg,#0b1d38,#1a0f3a); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border-color: transparent;}#grundlagen .sf-oc-k { margin: 0 0 6px; font-size: 11.5px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: var(--pink);}#grundlagen .sf-oc--off .sf-oc-k { color: #45c5ff;}#grundlagen .sf-oc h3 { margin: 0 0 10px; font-family: var(--font-body); font-size: clamp(1.4rem,2vw,1.8rem); font-weight: 900; letter-spacing: -.03em; color: var(--ink);}#grundlagen .sf-oc--off h3 { color: #fff;}#grundlagen .sf-oc>p:not(.sf-oc-k) { margin: 0 0 18px; font-size: 15.5px; line-height: 1.7; color: #4d5a70;}#grundlagen .sf-oc--off>p:not(.sf-oc-k) { color: #aeb9c9;}#grundlagen .sf-oc ul { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;}#grundlagen .sf-oc li { display: flex; gap: 10px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; background: #f6f8fb; font-size: 14px; font-weight: 700; line-height: 1.45; color: var(--ink);}#grundlagen .sf-oc--off li { background: rgba(255,255,255,.06); color: #fff;}#grundlagen .sf-oc li::before { content: "✓"; flex: none; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 10px; font-weight: 900;}#grundlagen .sf-oc--off li::before { background: linear-gradient(135deg,#45c5ff,#1661ab);}#grundlagen .sf-plus { align-self: center; display: flex; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 50%; background-image: linear-gradient(135deg,#ed167d,#45c5ff); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; font-size: 28px; font-weight: 900; box-shadow: 0 20px 40px -18px rgba(237,22,125,.8); animation: sfPlus 2.4s ease-in-out infinite;}#grundlagen .sf-eq { display: flex; align-items: center; gap: 16px; margin: 18px 0 0; padding: 20px 24px; border-radius: 22px; background-image: linear-gradient(120deg,rgba(237,22,125,.08),rgba(69,197,255,.08)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border: 1px solid rgba(237,22,125,.22); font-size: 16.5px; font-weight: 800; line-height: 1.5; color: var(--ink);}#grundlagen .sf-eq span { flex: none; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background: var(--ink); color: #fff; font-size: 22px; font-weight: 900;}#grundlagen .sf-climb { position: relative; margin-top: 70px; padding: 34px 34px 0; border-radius: 32px; background: #0b1d38; overflow: hidden;}#grundlagen h3.sf-climb-h { margin: 0 0 26px; font-family: var(--font-body); font-size: clamp(1.5rem,2.4vw,2.1rem); font-weight: 900; letter-spacing: -.03em; color: #fff;}#grundlagen .sf-climb ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: end; margin: 0; padding: 0; list-style: none;}#grundlagen .sf-climb li { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0;}#grundlagen .sf-st-t { padding: 0 4px 46px;}#grundlagen .sf-st-t b { font-family: var(--font-serif); font-style: italic; font-weight: 400; font-size: 40px; line-height: 1; background: linear-gradient(90deg,#ff3d9a,#45c5ff); -webkit-background-clip: text; background-clip: text; color: transparent;}#grundlagen .sf-st-t h4 { margin: 8px 0 6px; font-family: var(--font-body); font-size: 18px; font-weight: 900; color: #fff;}#grundlagen .sf-st-t p { margin: 0; font-size: 14px; line-height: 1.6; color: #aeb9c9;}#grundlagen .sf-st-bar { display: block; border-radius: 16px 16px 0 0; background-image: linear-gradient(180deg,rgba(237,22,125,.55),rgba(123,44,191,.25)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; border: 1px solid rgba(255,255,255,.1); border-bottom: 0;}#grundlagen .sf-climb li:last-child .sf-st-bar { background-image: linear-gradient(180deg,#ed167d,rgba(123,44,191,.5)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;}#grundlagen .sf-rocket { position: absolute; left: 12.5%; bottom: 70px; font-size: 30px; line-height: 1; transform: translateX(-50%); filter: drop-shadow(0 8px 14px rgba(237,22,125,.6)); animation: sfRk 9s cubic-bezier(.6,0,.2,1) infinite;}#grundlagen .sf-long { margin: 22px 0 0; font-size: 15.5px; line-height: 1.7; color: #4d5a70;}#grundlagen .sf-long b { color: var(--ink);}#fuer-wen .sf-qt-cta .wd-btn b { color: var(--pink);}@keyframes sfQr{0%,1%{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.07)}3%,8%{background:rgba(237,22,125,.12);border-color:rgba(237,22,125,.5)}11%,100%{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.07)}}@media (max-width:991px){#fuer-wen .sf-fw-in.sf-fw-in{grid-template-columns:minmax(0,1fr);gap:16px}#fuer-wen .sf-qt-h.sf-qt-h{display:none}#fuer-wen .sf-qt-r.sf-qt-r{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}#fuer-wen .sf-qi.sf-qi{grid-column:1/-1}#fuer-wen .sf-qt-cta.sf-qt-cta{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#fuer-wen .sf-qt-r.sf-qt-r{grid-template-columns:minmax(0,1fr);padding:12px}#fuer-wen .sf-qb.sf-qb{font-size:12px;color:#45c5ff;letter-spacing:.08em;text-transform:uppercase;order:-1}#fuer-wen .sf-qt-cta.sf-qt-cta,#fuer-wen .sf-qt-foot.sf-qt-foot{padding:20px}#fuer-wen .sf-qt-cta .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#fuer-wen .sf-qt-r{animation:none}}#fuer-wen .sf-fw-in { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; margin-bottom: 34px;}#fuer-wen .sf-fw-in p { margin: 0; font-size: 16px; line-height: 1.75; color: #aeb9c9;}#fuer-wen .sf-fw-in b { color: #fff;}#fuer-wen .sf-qt { display: flex; flex-direction: column; gap: 6px;}#fuer-wen .sf-qt-h { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.3fr); gap: 18px; align-items: center;}#fuer-wen .sf-qt-r { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(0,.7fr) minmax(0,1.3fr); gap: 18px; align-items: center;}#fuer-wen .sf-qt-h { padding: 0 18px 6px; font-size: 10.5px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #647188;}#fuer-wen .sf-qt-r { padding: 12px 18px; border-radius: 16px; border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); animation: sfQr 12.1s ease infinite; animation-delay: var(--d); transition: transform .25s ease;}#fuer-wen .sf-qt-r:hover { transform: translateX(4px);}#fuer-wen .sf-qq { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 8px 14px; border-radius: 999px; background: #fff; color: var(--ink);}#fuer-wen .sf-qq em { font-style: normal; color: #1661ab;}#fuer-wen .sf-qq b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: 700;}#fuer-wen .sf-qq b i { font-style: normal; color: var(--pink);}#fuer-wen .sf-qb { font-size: 14px; font-weight: 800; color: #fff;}#fuer-wen .sf-qi { display: flex; flex-wrap: wrap; gap: 6px;}#fuer-wen .sf-qi i { padding: 5px 10px; border-radius: 999px; background: rgba(69,197,255,.12); font-size: 12px; font-style: normal; font-weight: 700; color: #bfe8ff;}#fuer-wen .sf-qt-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 24px; align-items: center; margin-top: 16px; padding: 22px 26px; border-radius: 22px; border: 1.5px dashed rgba(237,22,125,.5); background-image: linear-gradient(160deg,rgba(237,22,125,.12),rgba(123,44,191,.08)); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;}#fuer-wen .sf-qt-cta p { margin: 0; font-size: 15px; line-height: 1.65; color: #c9d1de;}#fuer-wen .sf-qt-cta b { color: #fff;}#fuer-wen .sf-qt-foot { margin: 20px 0 0; padding: 24px 28px; border-radius: 22px; background-image: linear-gradient(120deg,#ed167d,#7b2cbf); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; font-size: 15.5px; line-height: 1.7; color: rgba(255,255,255,.92);}#fuer-wen .sf-qt-foot b { color: #fff;}@keyframes lmShine{0%,60%{transform:translateX(-120%) skewX(-18deg)}100%{transform:translateX(260%) skewX(-18deg)}}@media (max-width:991px){#preis .lm-pk.lm-pk{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#preis .lm-pk-grid.lm-pk-grid{grid-template-columns:minmax(0,1fr)}#preis .lm-pk-price.lm-pk-price,#preis .lm-pk-mods.lm-pk-mods{padding:24px 20px}#preis .lm-pk-price .wd-btn.wd-btn{width:100%}}@media (prefers-reduced-motion:reduce){#preis .lm-pk-price::after{display:none}}#preis .lm-pk { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 22px; align-items: stretch;}#preis .lm-pk-price { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; padding: 32px 30px; border-radius: 28px; background-image: linear-gradient(160deg,#0b1d38,#1a0f3a); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box; color: #fff; box-shadow: 0 50px 100px -50px rgba(13,25,48,.7);}#preis .lm-pk-price::after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent); animation: lmShine 7s ease infinite; pointer-events: none;}#preis .lm-pk-price small { font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #45c5ff;}#preis .lm-pk-p { display: flex; align-items: flex-end; gap: 12px; margin: 10px 0 18px;}#preis .lm-pk-p b { font-size: clamp(3rem,5vw,4.2rem); font-weight: 900; line-height: .9; letter-spacing: -.05em;}#preis .lm-pk-p span { font-size: 13px; font-weight: 800; line-height: 1.3; color: #aeb9c9;}#preis .lm-pk-price ul { margin: 0 0 24px; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}#preis .lm-pk-price li { display: flex; gap: 10px; font-size: 14.5px; font-weight: 700; line-height: 1.45; color: #dbe2ec;}#preis .lm-pk-price li::before { content: "✓"; flex: none; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #34d399; color: #0d1930; font-size: 10px; font-weight: 900;}#preis .lm-pk-more { margin-top: 16px; font-size: 14px; font-weight: 800; color: #ff8fb8; text-decoration: none;}#preis .lm-pk-more:hover { color: #fff;}#preis .lm-pk-mods { padding: 30px; border-radius: 28px; background: #fff; border: 1px solid rgba(13,25,48,.08);}#preis .lm-pk-t { margin: 0 0 18px; font-size: 16px; font-weight: 700; line-height: 1.6; color: var(--ink);}#preis .lm-pk-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;}#preis .lm-pk-grid>* { display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 16px; border: 1px solid rgba(13,25,48,.1); background: #f6f8fb; font-size: 14.5px; font-weight: 800; color: var(--ink); text-decoration: none; transition: background .25s ease,border-color .25s ease,color .25s ease;}#preis .lm-pk-grid i { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px; background: var(--c,linear-gradient(135deg,#34d399,#1661ab)); color: #fff; font-style: normal; font-size: 17px;}#preis .lm-pk-grid span { min-width: 0;}#preis .lm-pk-grid em { margin-left: auto; font-style: normal; font-weight: 900; color: var(--pink); transition: transform .25s ease;}#preis .lm-pk-grid a:hover { background: var(--pink); border-color: var(--pink); color: #fff;}#preis .lm-pk-grid a:hover em { color: #fff; transform: translateX(3px);}#preis .lm-pk-grid a:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 3px;}#preis .lm-pk-cur { border-style: dashed!important; border-color: rgba(237,22,125,.5)!important; background: rgba(237,22,125,.05)!important;}#preis .lm-pk-cur em { font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap;}@media (max-width:1199px){#lokale-seo-software .lx-g.lx-g{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#lokale-seo-software .lx-g.lx-g{grid-template-columns:minmax(0,1fr)}#lokale-seo-software .lx-foot.lx-foot{padding:20px}}@media (prefers-reduced-motion:reduce){#lokale-seo-software .lx-c{transition:none}}#lokale-seo-software .lx-g { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;}#lokale-seo-software .lx-c { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 22px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.04); transition: transform .3s ease,border-color .3s ease;}#lokale-seo-software .lx-c:hover { transform: translateY(-3px); border-color: rgba(237,22,125,.5);}#lokale-seo-software .lx-i { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; background-image: linear-gradient(135deg,#ed167d,#7b2cbf); color: #fff; font-size: 18px; font-weight: 900;}#lokale-seo-software .lx-h { margin: 0; font-size: 16px; font-weight: 900; line-height: 1.35; color: #fff;}#lokale-seo-software .lx-p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}#lokale-seo-software .lx-foot { margin: 20px 0 0; padding: 24px 28px; border-radius: 22px; background-image: linear-gradient(120deg,#ed167d,#7b2cbf); font-size: 15.5px; line-height: 1.7; color: rgba(255,255,255,.92);}#lokale-seo-software .lx-foot b { color: #fff;}@media (max-width:991px){#faq .wd-faq-side.wd-faq-side{position:static}}#faq.wd-sec { overflow: clip;}#faq .wd-faq-side.wd-faq-side { top: 200px;}#faq h2.wd-h2.wd-h2 { font-size: clamp(2.3rem,3.6vw,3.6rem);}#faq .wd-faq-box p a { color: #ff8fb8; font-weight: 800;}@media (max-width:991px){.wd-faq .wd-faq-grid.wd-faq-grid{grid-template-columns:minmax(0,1fr)} .wd-faq .wd-faq-side.wd-faq-side{position:static}} .wd-faq .wd-faq-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 56px; align-items: start;} .wd-faq .wd-faq-list { display: flex; flex-direction: column; gap: 12px;} .wd-faq details { border-radius: 18px; border: 1px solid rgba(13,25,48,.1); background: #fff; box-shadow: 0 20px 50px -40px rgba(13,25,48,.5); transition: border-color .3s ease;} .wd-faq details[open] { border-color: rgba(237,22,125,.35);} .wd-faq summary { position: relative; display: block; padding: 20px 60px 20px 24px; cursor: pointer; list-style: none; font-size: 17px; font-weight: 800; line-height: 1.35; color: var(--ink);} .wd-faq summary::-webkit-details-marker { display: none;} .wd-faq summary::after { content: "+"; position: absolute; right: 20px; top: 50%; width: 30px; height: 30px; margin-top: -15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f2f5fa; color: var(--pink); font-size: 20px; font-weight: 700; transition: transform .3s var(--ease),background .3s ease;} .wd-faq details[open] summary::after { transform: rotate(45deg); background: var(--pink); color: #fff;} .wd-faq summary:focus-visible { outline: 2px solid var(--blue-bright); outline-offset: 2px; border-radius: 18px;} .wd-faq details p { margin: 0; padding: 0 24px 22px; font-size: 15px; line-height: 1.7; color: #4d5a70;} .wd-faq details p a { color: var(--blue); font-weight: 700;} .wd-faq .wd-faq-side { position: sticky; top: 190px;} .wd-faq .wd-faq-box { margin-top: 26px; padding: 24px; border-radius: 20px; background: #0b1d38; color: #fff;} .wd-faq .wd-faq-box p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.6; color: #c9d1de;}@keyframes wdGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-40px,30px)}}@media (max-width:991px){.wd-ct .wd-ct-panel.wd-ct-panel{grid-template-columns:minmax(0,1fr);padding:40px 28px}}@media (max-width:767px){.wd-ct .wd-ct-ways.wd-ct-ways{grid-template-columns:minmax(0,1fr)} .wd-ct .wd-ct-panel.wd-ct-panel{padding:34px 20px}} .wd-ct .wd-ct-panel { position: relative; overflow: hidden; display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 48px; align-items: center; padding: 64px 60px; border-radius: 30px; background: linear-gradient(135deg,#0b1d38,#1a0f3a 60%,#2a0d44); color: #fff;} .wd-ct .wd-ct-panel::before { content: ""; position: absolute; right: -120px; top: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle,rgba(237,22,125,.45),transparent 70%); animation: wdGlow 12s ease-in-out infinite;} .wd-ct .wd-ct-panel>* { position: relative; z-index: 1;} .wd-ct h2.wd-h2 { color: #fff;} .wd-ct h2.wd-h2 span { color: var(--gold);} .wd-ct .wd-ct-lead { margin: 22px 0 0; font-size: 16px; line-height: 1.7; color: #c9d1de;} .wd-ct .wd-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px;} .wd-ct .wd-ct-ways { display: grid; grid-template-columns: minmax(0,1fr); gap: 12px;} .wd-ct .wd-ct-ways a { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 18px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; text-decoration: none; transition: transform .35s var(--ease),border-color .35s var(--ease);} .wd-ct .wd-ct-ways a:hover { transform: translateY(-4px); border-color: rgba(255,255,255,.35);} .wd-ct .wd-ct-ways i { flex: none; width: 46px; height: 46px; border-radius: 14px; display: flex; align-items: center; justify-content: center; font-style: normal; font-size: 18px; background: var(--c);} .wd-ct .wd-ct-ways small { display: block; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .wd-ct .wd-ct-ways b { display: block; margin-top: 2px; font-size: 16px; font-weight: 800;}