@layer bricks {.brxe-template{width:100%}}@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}}@layer bricks {}.wd-hero h1.wd-h1.wd-h1 span { padding-bottom: .16em; margin-bottom: -.16em;} .wd-hero h1.wd-h1.wd-h1 { margin-bottom: 10px;}@keyframes lsFill{0%,12%{width:38%;background:#ffb82e}55%,90%{width:100%;background:#34d399}100%{width:38%;background:#ffb82e}}@keyframes lsBtn{0%,100%{box-shadow:0 0 0 0 rgba(22,97,171,.45)}50%{box-shadow:0 0 0 8px rgba(22,97,171,0)}}@keyframes lsDrop{0%,8%{transform:translateY(-26px) rotate(-45deg);opacity:0}16%,92%{transform:translateY(0) rotate(-45deg);opacity:1}100%{transform:translateY(0) rotate(-45deg);opacity:0}}@keyframes lsRing{0%{transform:translate(-50%,-50%) scale(.3);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}@media (max-width:991px){.wd-hero .ls-hv.ls-hv{min-height:500px}}@media (max-width:767px){.wd-hero .ls-hv.ls-hv{min-height:430px} .wd-hero .ls-gbp.ls-gbp{left:0;width:92%;top:20px} .wd-hero .ls-map.ls-map{width:62%;height:170px;top:270px} .wd-hero .ls-gbp-act.ls-gbp-act span{padding:7px 9px;font-size:10px}} .wd-hero .ls-hv { position: relative; min-height: 560px;} .wd-hero .ls-map { position: absolute; right: 0; top: 190px; z-index: 1; width: 48%; height: 260px; border-radius: 20px; overflow: hidden; background: repeating-linear-gradient(90deg,transparent 0 58px,#fff 58px 64px),repeating-linear-gradient(0deg,transparent 0 46px,#fff 46px 51px),#e6edf6; box-shadow: 0 30px 60px rgba(0,0,0,.45); border: 6px solid #fff;} .wd-hero .ls-map::before { content: ""; position: absolute; left: 8%; top: 52%; width: 120px; height: 80px; border-radius: 40%; background: #cfe9d8;} .wd-hero .ls-map::after { content: ""; position: absolute; right: -10%; top: 18%; width: 70%; height: 12px; background: #ffd98a; transform: rotate(-18deg);} .wd-hero .ls-pin { position: absolute; z-index: 2; width: 22px; height: 22px; border-radius: 50% 50% 50% 0; background: #8f9bb0; transform: rotate(-45deg); animation: lsDrop 8s var(--ease) infinite; animation-delay: var(--d);} .wd-hero .ls-pin::after { content: ""; position: absolute; left: 7px; top: 7px; width: 8px; height: 8px; border-radius: 50%; background: #fff;} .wd-hero .ls-pin--me { width: 30px; height: 30px; background: #ed167d; z-index: 3;} .wd-hero .ls-pin--me::after { left: 10px; top: 10px; width: 10px; height: 10px;} .wd-hero .ls-halo { position: absolute; z-index: 1; width: 60px; height: 60px; border-radius: 50%; border: 2px solid rgba(237,22,125,.6); transform: translate(-50%,-50%); animation: lsRing 2.4s ease-out infinite;} .wd-hero .ls-gbp { position: absolute; left: 0; top: 30px; z-index: 2; width: 66%; overflow: hidden; border-radius: 20px; background: #fff; color: var(--ink); box-shadow: 0 40px 80px rgba(0,0,0,.5); animation: wdFloat 7s ease-in-out infinite;} .wd-hero .ls-gbp-cover { position: relative; height: 110px; background: radial-gradient(60% 90% at 85% 10%,rgba(255,184,46,.6),transparent),linear-gradient(135deg,#ed167d,#7b2cbf 55%,#1661ab);} .wd-hero .ls-gbp-logo { position: absolute; left: 22px; bottom: -26px; width: 58px; height: 58px; border-radius: 16px; display: flex; align-items: center; justify-content: center; background: #0d1930; border: 4px solid #fff; color: #fff; font-size: 18px; font-weight: 900;} .wd-hero .ls-gbp-body { padding: 36px 22px 22px;} .wd-hero .ls-gbp-name { display: block; font-size: 22px; font-weight: 900; letter-spacing: -.02em;} .wd-hero .ls-gbp-stars { display: inline-block; margin-top: 4px; color: #ffb82e; font-size: 15px; letter-spacing: 2px;} .wd-hero .ls-gbp-cat { display: block; margin-top: 2px; font-size: 12px; color: #647188;} .wd-hero .ls-gbp-open { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 12px; font-weight: 800; color: #1b7a3c;} .wd-hero .ls-gbp-open i { width: 8px; height: 8px; border-radius: 50%; background: #34d399;} .wd-hero .ls-gbp-act { display: flex; gap: 8px; margin-top: 16px;} .wd-hero .ls-gbp-act span { padding: 8px 12px; border-radius: 999px; border: 1.5px solid #1661ab; color: #1661ab; font-size: 11px; font-weight: 800;} .wd-hero .ls-gbp-act span:first-child { background: #1661ab; color: #fff; animation: lsBtn 2.2s ease-out infinite;} .wd-hero .ls-gbp-meter { margin-top: 18px;} .wd-hero .ls-gbp-meter small { display: block; margin-bottom: 6px; font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .ls-gbp-meter span { display: block; height: 8px; border-radius: 4px; background: #eef2f8; overflow: hidden;} .wd-hero .ls-gbp-meter i { display: block; height: 100%; border-radius: 4px; animation: lsFill 10s var(--ease) infinite;}@media (max-width:767px){.wd-hero .ls-hv.ls-hv.ls-hv{min-height:590px} .wd-hero .ls-map.ls-map.ls-map{top:390px} .wd-hero .wd-chip--2.wd-chip.wd-chip{right:auto}}@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-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-check { position: absolute; left: 4%; bottom: 0; z-index: 4; width: 210px; padding: 14px 16px; border-radius: 16px; background: rgba(7,20,38,.88); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(6px); box-shadow: 0 18px 40px rgba(0,0,0,.45); animation: wdBob 6s ease-in-out infinite;} .wd-hero .wd-check small { display: block; margin-bottom: 8px; font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;} .wd-hero .wd-check ul { margin: 0; padding: 0; list-style: none;} .wd-hero .wd-check li { display: flex; align-items: center; gap: 8px; padding: 5px 0; font-size: 12px; font-weight: 800; animation: wdRow 10s linear infinite; animation-delay: var(--d);} .wd-hero .wd-check li::before { content: "✓"; flex: none; width: 18px; height: 18px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 900; animation: wdTick 10s linear infinite; animation-delay: var(--d);} .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-ls0013 {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-ls0013.brxe-div{transform:rotate(-1.5deg) scaleX(1.035)}#brxe-ls0013 .rs-track.rs-track{font-size:2.15rem;animation-duration:12s}}@media (prefers-reduced-motion:reduce){#brxe-ls0013 .rs-track.rs-track{animation:none}}#brxe-ls0013 { transform: rotate(-1deg) scaleX(1.035);}#brxe-ls0013 .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-ls0013 .rs-track span { flex: none; margin-right: .45em;}#brxe-ls0013 .rs-track .rs-star { color: var(--gold); font-size: .55em;}@media (max-width: 767px) {#brxe-ls0013 {top: -86px; height: 116px}}#brxe-ls0012 {position: relative; z-index: 6; height: 0px; width: 100%}#brxe-ls0012 { overflow-x: clip; overflow-y: visible;}.wd-anchor nav.brxe-text-basic { width: 100%; align-self: stretch;}@media (max-width:991px){.wd-anchor.wd-anchor{top:84px;margin-top:44px}}#brx-header { transition: translate .45s var(--ease);}html.wd-nav-top #brx-header { translate: 0 -110%;}html.wd-nav-top .wd-anchor.wd-anchor { top: 0;} .wd-anchor { position: sticky; top: 106px; z-index: 40; margin-top: 56px; padding: 0 var(--gutter); background: rgba(255,255,255,.94); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(13,25,48,.08); box-shadow: 0 10px 30px -20px rgba(13,25,48,.3); transition: top .45s var(--ease);} .wd-anchor .brxe-container.wd-anchor-in { width: 100%; max-width: var(--shell); margin: 0 auto;} .wd-anchor nav { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; padding: 12px 0;} .wd-anchor nav::-webkit-scrollbar { display: none;} .wd-anchor a { flex: none; padding: 9px 16px; border-radius: 999px; font-size: 13px; font-weight: 800; color: var(--ink); text-decoration: none; transition: background .25s ease,color .25s ease;} .wd-anchor nav a:first-child { margin-left: auto;} .wd-anchor nav a:last-child { margin-right: auto;} .wd-anchor a:hover { background: rgba(237,22,125,.08); color: var(--pink);} .wd-anchor a:focus-visible { background: rgba(237,22,125,.08); color: var(--pink);} .wd-anchor a.wd-anchor-cta { background: var(--ink); color: #fff;} .wd-anchor a.wd-anchor-cta:hover { background: var(--pink); color: #fff;}@media (max-width:991px) and (min-width:768px){#warum .ls-bento .ls-tile.ls-tD.ls-tD{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-content:center}#warum .ls-bento .ls-tD .ls-vis.ls-vis{grid-column:1;grid-row:1/4;margin:0}#warum .ls-bento .ls-tD>:not(.ls-vis){grid-column:2}#warum .ls-bento .ls-tile.ls-tE.ls-tE{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:767px){#warum .ls-bento .ls-tile.ls-tE.ls-tE{grid-template-columns:minmax(0,1fr)}}@keyframes lsSlot{0%,20%{transform:translateY(0)}25%,45%{transform:translateY(-1.6em)}50%,70%{transform:translateY(-3.2em)}75%,95%{transform:translateY(-4.8em)}100%{transform:translateY(-6.4em)}}@keyframes lsCaret{50%{opacity:0}}@keyframes lsSweep{to{transform:rotate(360deg)}}@keyframes lsBlip{0%,8%{opacity:0;transform:translate(-50%,-50%) scale(.3)}14%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:.25;transform:translate(-50%,-50%) scale(1)}}@keyframes lsPing{0%{transform:translate(-50%,-50%) scale(.4);opacity:.9}100%{transform:translate(-50%,-50%) scale(2.6);opacity:0}}@keyframes lsUp{0%,30%{transform:translateY(136px)}50%,88%{transform:translateY(0)}100%{transform:translateY(136px)}}@keyframes lsDn1{0%,30%{transform:translateY(0)}50%,88%{transform:translateY(68px)}100%{transform:translateY(0)}}@keyframes lsDn2{0%,30%{transform:translateY(68px)}50%,88%{transform:translateY(136px)}100%{transform:translateY(68px)}}@keyframes lsGlow{0%,40%{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}55%,88%{border-color:rgba(255,61,154,.7);background:rgba(237,22,125,.16)}100%{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.06)}}@keyframes lsBadge{0%,50%{opacity:0;transform:scale(.4)}58%,88%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.4)}}@keyframes lsRing3{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.2);opacity:0}}@keyframes lsBar{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes lsDraw{0%{stroke-dashoffset:100}70%,100%{stroke-dashoffset:0}}@keyframes lsStar1{0%,6%{color:#e3e8f0;transform:scale(.8)}10%,90%{color:#ffb82e;transform:scale(1)}100%{color:#e3e8f0}}@keyframes lsStar2{0%,14%{color:#e3e8f0;transform:scale(.8)}18%,90%{color:#ffb82e;transform:scale(1)}100%{color:#e3e8f0}}@keyframes lsStar3{0%,22%{color:#e3e8f0;transform:scale(.8)}26%,90%{color:#ffb82e;transform:scale(1)}100%{color:#e3e8f0}}@keyframes lsStar4{0%,30%{color:#e3e8f0;transform:scale(.8)}34%,90%{color:#ffb82e;transform:scale(1)}100%{color:#e3e8f0}}@keyframes lsStar5{0%,38%{color:#e3e8f0;transform:scale(.8)}42%,90%{color:#ffb82e;transform:scale(1)}100%{color:#e3e8f0}}@keyframes lsBubIn{0%,44%{opacity:0;transform:translateY(14px)}52%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes lsBubIn2{0%,58%{opacity:0;transform:translateY(14px)}66%,90%{opacity:1;transform:none}100%{opacity:0;transform:none}}@keyframes lsArea{0%{transform:translate(-50%,-50%) scale(.2);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes lsReveal{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:991px){#warum .ls-bento .ls-tA.ls-tA{grid-column:1/-1;grid-row:auto}#warum .ls-bento .ls-tB.ls-tB{grid-column:1/7;grid-row:auto}#warum .ls-bento .ls-tC.ls-tC{grid-column:7/13;grid-row:auto}#warum .ls-bento .ls-tD.ls-tD{grid-column:1/6;grid-row:auto}#warum .ls-bento .ls-tE.ls-tE{grid-column:6/13;grid-row:auto;grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#warum .ls-bento .ls-tile.ls-tile{grid-column:1/-1;padding:26px 22px}#warum .ls-tA .ls-rw.ls-rw{grid-template-columns:minmax(0,1fr)}#warum .ls-tA .ls-radar.ls-radar{width:min(100%,240px);margin:0 auto}}@supports (animation-timeline:view()){#warum .ls-tile{animation:lsReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}#warum .ls-bento { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 18px; margin-bottom: 22px;}#warum .ls-tile { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 32px; border-radius: 28px; background: #fff; border: 1px solid rgba(13,25,48,.07); box-shadow: 0 30px 70px -50px rgba(13,25,48,.55); transition: transform .5s var(--ease),box-shadow .5s var(--ease);}#warum .ls-tile:hover { transform: translateY(-6px); box-shadow: 0 40px 80px -44px rgba(13,25,48,.6);}#warum .ls-tile::before { content: ""; position: absolute; right: -90px; top: -90px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle,var(--glow,rgba(69,197,255,.16)),transparent 70%); pointer-events: none;}#warum .ls-tg { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(13,25,48,.05); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--blue);}#warum .ls-tg::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pink);}#warum .ls-tile h4 { margin: 14px 0 8px; font-size: 21px; font-weight: 900; line-height: 1.15; letter-spacing: -.025em; color: var(--ink);}#warum .ls-tile p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;}#warum .ls-vis { position: relative; flex: 1 1 auto; min-height: 150px; margin: -4px -4px 20px; display: flex; align-items: center; justify-content: center;}#warum .ls-tA { grid-column: 1/8; grid-row: 1/3; color: #fff; background: radial-gradient(520px circle at 0% 0%,rgba(69,197,255,.22),transparent 60%),radial-gradient(520px circle at 100% 100%,rgba(237,22,125,.26),transparent 60%),linear-gradient(160deg,#0b1d38,#081329); border-color: rgba(255,255,255,.08);}#warum .ls-tA .ls-tg { background: rgba(255,255,255,.08); color: #45c5ff;}#warum .ls-tA h3 { margin: 16px 0 0; font-size: clamp(1.7rem,2.6vw,2.5rem); font-weight: 900; line-height: 1.05; letter-spacing: -.045em; color: #fff;}#warum .ls-tA h3 span { display: block; font-family: var(--font-serif); font-style: italic; font-weight: 400; letter-spacing: -.02em; background: linear-gradient(90deg,#ff3d9a,#ffb82e); -webkit-background-clip: text; background-clip: text; color: transparent; padding-bottom: .1em;}#warum .ls-search { display: flex; align-items: center; gap: 12px; margin: 26px 0 22px; padding: 14px 20px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); backdrop-filter: blur(8px); font-size: 17px; font-weight: 700; box-shadow: 0 20px 40px -20px rgba(0,0,0,.6);}#warum .ls-search em { font-style: normal; font-size: 20px; line-height: 1; color: #45c5ff;}#warum .ls-slot { position: relative; display: block; height: 1.6em; overflow: hidden; line-height: 1.6em;}#warum .ls-slot-in { display: block; animation: lsSlot 12s var(--ease) infinite;}#warum .ls-slot b { display: block; height: 1.6em; font-weight: 700; white-space: nowrap;}#warum .ls-caret { flex: none; width: 2px; height: 20px; background: #ff3d9a; animation: lsCaret 1s step-end infinite;}#warum .ls-rw { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 22px; align-items: center; margin-top: auto;}#warum .ls-radar { position: relative; aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: radial-gradient(circle,rgba(69,197,255,.1),transparent 70%); border: 1px solid rgba(69,197,255,.25);}#warum .ls-ring { position: absolute; inset: 16%; border-radius: 50%; border: 1px dashed rgba(69,197,255,.3);}#warum .ls-ring--2 { inset: 32%;}#warum .ls-ring--3 { inset: 0; border-style: solid; border-color: rgba(69,197,255,.12);}#warum .ls-sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg,rgba(69,197,255,.45),rgba(69,197,255,0) 22%,transparent); animation: lsSweep 4s linear infinite;}#warum .ls-dot { position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #dbe2ec; box-shadow: 0 0 12px rgba(219,226,236,.8); animation: lsBlip 4s ease infinite; animation-delay: var(--d);}#warum .ls-you { position: absolute; left: 50%; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: -22px 0 0 -22px; 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; font-size: 12px; font-weight: 900; color: #fff; box-shadow: 0 10px 30px rgba(237,22,125,.55);}#warum .ls-you i { position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; border-radius: 50%; border: 2px solid rgba(255,61,154,.7); animation: lsPing 2s ease-out infinite;}#warum .ls-rank small { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #8f9bb0;}#warum .ls-rk { position: relative; height: 194px;}#warum .ls-row { position: absolute; left: 0; right: 0; top: 0; display: flex; align-items: center; gap: 12px; height: 58px; padding: 0 14px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12);}#warum .ls-row em { flex: none; width: 32px; height: 32px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); font-style: normal; font-size: 14px; color: #ffb82e;}#warum .ls-row p { flex: 1; min-width: 0; margin: 0;}#warum .ls-row p span { display: block; height: 6px; width: 75%; border-radius: 3px; background: rgba(255,255,255,.18);}#warum .ls-row p span+span { margin-top: 6px;}#warum .ls-row--a { animation: lsDn1 8s var(--ease) infinite;}#warum .ls-row--b { animation: lsDn2 8s var(--ease) infinite;}#warum .ls-row--me { z-index: 2; animation: lsUp 8s var(--ease) infinite,lsGlow 8s ease infinite;}#warum .ls-row--me em { 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;}#warum .ls-row--me b { display: block; overflow: hidden; font-size: 13.5px; font-weight: 900; color: #fff; white-space: nowrap; text-overflow: ellipsis;}#warum .ls-row--me small { display: block; margin: 2px 0 0; font-size: 11px; font-weight: 700; letter-spacing: 0; text-transform: none; color: #ffb82e;}#warum .ls-row--me strong { flex: none; padding: 5px 9px; border-radius: 8px; background: #34d399; color: #0d1930; font-size: 12px; font-weight: 900; animation: lsBadge 8s ease infinite;}#warum .ls-tB { grid-column: 8/13; grid-row: 1; --glow: rgba(237,22,125,.14);}#warum .ls-tC { grid-column: 8/13; grid-row: 2; --glow: rgba(69,197,255,.18);}#warum .ls-tD { grid-column: 1/6; grid-row: 3; --glow: rgba(255,184,46,.2);}#warum .ls-cb { position: relative; display: flex; align-items: center; justify-content: center; width: 78px; height: 78px; border-radius: 50%; background-image: linear-gradient(135deg,#ed167d,#c5178f); 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: 30px; box-shadow: 0 18px 40px rgba(237,22,125,.45);}#warum .ls-cb i { position: absolute; inset: 0; border-radius: 50%; border: 2px solid rgba(237,22,125,.5); animation: lsRing3 2.4s ease-out infinite;}#warum .ls-cb i:nth-child(2) { animation-delay: .8s;}#warum .ls-cb i:nth-child(3) { animation-delay: 1.6s;}#warum .ls-wave { display: flex; align-items: center; gap: 5px; height: 44px; margin-left: 34px;}#warum .ls-wave i { width: 5px; height: 100%; border-radius: 3px; background-image: linear-gradient(#ff3d9a,#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: center; animation: lsBar 1.1s ease-in-out infinite;}#warum .ls-wave i:nth-child(2) { animation-delay: -.2s;}#warum .ls-wave i:nth-child(3) { animation-delay: -.4s;}#warum .ls-wave i:nth-child(4) { animation-delay: -.6s;}#warum .ls-wave i:nth-child(5) { animation-delay: -.8s;}#warum .ls-wave i:nth-child(6) { animation-delay: -.3s;}#warum .ls-wave i:nth-child(7) { animation-delay: -.7s;}#warum .ls-route svg { display: block; width: 100%; max-width: 320px; height: auto; overflow: visible;}#warum .ls-route .ls-rb { fill: none; stroke: #e3e8f0; stroke-width: 6; stroke-linecap: round; stroke-dasharray: 1 3;}#warum .ls-route .ls-rl { fill: none; stroke: url(#lsRg); stroke-width: 6; stroke-linecap: round; stroke-dasharray: 100; animation: lsDraw 4s var(--ease) infinite;}#warum .ls-rev { flex-direction: column; gap: 10px; align-items: stretch;}#warum .ls-stars { display: flex; justify-content: center; gap: 6px; margin-bottom: 6px; font-size: 34px; line-height: 1;}#warum .ls-stars i { font-style: normal; color: #e3e8f0;}#warum .ls-stars i:nth-child(1) { animation: lsStar1 7s ease infinite;}#warum .ls-stars i:nth-child(2) { animation: lsStar2 7s ease infinite;}#warum .ls-stars i:nth-child(3) { animation: lsStar3 7s ease infinite;}#warum .ls-stars i:nth-child(4) { animation: lsStar4 7s ease infinite;}#warum .ls-stars i:nth-child(5) { animation: lsStar5 7s ease infinite;}#warum .ls-bub { display: flex; align-items: center; gap: 10px; max-width: 88%; padding: 12px 14px; border-radius: 16px 16px 16px 4px; background: #f2f5fa; animation: lsBubIn 7s var(--ease) infinite;}#warum .ls-bub em { flex: none; width: 28px; height: 28px; border-radius: 50%; background-image: linear-gradient(135deg,#45c5ff,#1661ab); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;}#warum .ls-bub p { flex: 1; margin: 0;}#warum .ls-bub p span { display: block; height: 6px; width: 85%; border-radius: 3px; background: #d7deea;}#warum .ls-bub p span+span { margin-top: 6px;}#warum .ls-bub--r { align-self: flex-end; border-radius: 16px 16px 4px 16px; background: rgba(237,22,125,.08); animation: lsBubIn2 7s var(--ease) infinite;}#warum .ls-bub--r small { display: block; margin-bottom: 6px; font-size: 10px; font-weight: 800; color: var(--pink);}#warum .ls-bub--r p span { background: rgba(237,22,125,.25);}#warum .ls-tE { grid-column: 6/13; grid-row: 3; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: stretch; color: #fff; background: radial-gradient(420px circle at 100% 100%,rgba(123,44,191,.35),transparent 60%),linear-gradient(160deg,#0b1d38,#081329); border-color: rgba(255,255,255,.08); --glow: rgba(69,197,255,.18);}#warum .ls-tE .ls-tg { background: rgba(255,255,255,.08); color: #45c5ff;}#warum .ls-tE h4 { color: #fff;}#warum .ls-tE p { color: #aeb9c9;}#warum .ls-tE ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none;}#warum .ls-tE li { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); font-size: 12px; font-weight: 800; color: #dbe2ec;}#warum .ls-tE li::before { content: "✓"; color: #34d399;}#warum .ls-area { position: relative; min-height: 220px; overflow: hidden; border-radius: 20px; border: 1px solid rgba(255,255,255,.1); background: radial-gradient(rgba(255,255,255,.14) 1.2px,transparent 1.4px) 0 0/16px 16px,rgba(255,255,255,.02);}#warum .ls-ap { position: absolute; width: 0; height: 0;}#warum .ls-ap::before { content: ""; position: absolute; left: 0; top: 0; width: var(--s); height: var(--s); border-radius: 50%; border: 1.5px solid rgba(69,197,255,.6); background: radial-gradient(circle,rgba(69,197,255,.18),transparent 65%); animation: lsArea 3.6s ease-out infinite; animation-delay: var(--d);}#warum .ls-ap i { position: absolute; left: -9px; top: -22px; width: 18px; height: 18px; border-radius: 50% 50% 50% 0; background: #ed167d; transform: rotate(-45deg); box-shadow: 0 6px 16px rgba(237,22,125,.5);}#warum .ls-ap i::after { content: ""; position: absolute; left: 6px; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: #fff;}@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}} .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-why-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px;} .wd-why .wd-card { position: relative; overflow: hidden; padding: 30px 26px 28px; border-radius: 22px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -40px rgba(13,25,48,.45); transition: transform .45s var(--ease),box-shadow .45s var(--ease);} .wd-why .wd-card:hover { transform: translateY(-7px); box-shadow: 0 34px 70px -34px rgba(13,25,48,.5);} .wd-why .wd-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,var(--c1),var(--c2)); transform: scaleX(.25); transform-origin: left; transition: transform .6s var(--ease);} .wd-why .wd-card:hover::after { transform: scaleX(1);} .wd-why .wd-num { display: block; font-size: 54px; font-weight: 900; line-height: 1; letter-spacing: -.05em; background: linear-gradient(135deg,var(--c1),var(--c2)); -webkit-background-clip: text; background-clip: text; color: transparent; opacity: .55;} .wd-why .wd-card h3 { margin: 18px 0 10px; font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);} .wd-why .wd-card p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;} .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;}@keyframes lfOn{0%,30%{border-color:var(--c);background:rgba(255,255,255,.075);transform:translateY(-6px);box-shadow:0 30px 60px -30px var(--c)}36%,100%{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.035);transform:none;box-shadow:0 0 0 0 transparent}}@keyframes lfNum{0%,30%{background:var(--c);color:#050b18}36%,100%{background:rgba(255,255,255,.08);color:#dbe2ec}}@keyframes lfChip{0%,20%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#8f9bb0}30%,90%{background:rgba(69,197,255,.16);border-color:#45c5ff;color:#fff}100%{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12);color:#8f9bb0}}@keyframes lfBeam{0%,10%{transform:scaleY(0)}30%,90%{transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes lfWave{0%{transform:translate(-50%,-50%) scale(.1);opacity:.9}100%{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes lfDash{to{stroke-dashoffset:-20}}@keyframes lfFar{0%,100%{opacity:.25}50%{opacity:.6}}@keyframes lfDraw{0%{stroke-dashoffset:100}60%,100%{stroke-dashoffset:0}}@keyframes lfFade{0%,20%{opacity:0}60%,100%{opacity:1}}@keyframes lfPop{0%,20%{opacity:0;transform:translate(-50%,-50%) scale(.6)}35%,92%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(.6)}}@keyframes lfSeg1{0%{stroke-dasharray:0 300}25%,95%{stroke-dasharray:96 204}100%{stroke-dasharray:0 300}}@keyframes lfSeg2{0%,33%{stroke-dasharray:0 300}58%,95%{stroke-dasharray:96 204}100%{stroke-dasharray:0 300}}@keyframes lfSeg3{0%,66%{stroke-dasharray:0 300}91%,95%{stroke-dasharray:96 204}100%{stroke-dasharray:0 300}}@keyframes lfTop{0%,86%{opacity:.35;transform:scale(.9)}92%,97%{opacity:1;transform:scale(1.06)}100%{opacity:.35;transform:scale(.9)}}@keyframes lfReveal{from{opacity:0;transform:translateY(46px) scale(.97)}to{opacity:1;transform:none}}@media (max-width:991px){#faktoren .lf-grid.lf-grid{grid-template-columns:minmax(0,1fr)}#faktoren .lf-res.lf-res{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}#faktoren .lf-rtx.lf-rtx ul{justify-content:center}}@media (min-width:768px) and (max-width:991px){#faktoren .lf-grid .lf-t.lf-t{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:28px;align-items:center}#faktoren .lf-t .lf-top.lf-top{grid-column:2;grid-row:1;align-self:end}#faktoren .lf-t .lf-v.lf-v{grid-column:1;grid-row:1/3;margin:0}#faktoren .lf-t .lf-tx.lf-tx{grid-column:2;grid-row:2;align-self:start;margin-top:14px}}@media (max-width:767px){#faktoren .lf-t.lf-t{padding:24px 20px}#faktoren .lf-res.lf-res{padding:30px 20px}}@supports (animation-timeline:view()){#faktoren :is(.lf-grid,.lf-res){animation:lfReveal linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}#faktoren .lf-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px;}#faktoren .lf-t { position: relative; display: flex; flex-direction: column; padding: 28px; border-radius: 28px; border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); backdrop-filter: blur(8px); animation: lfOn 12s var(--ease) infinite; animation-delay: var(--d);}#faktoren .lf-top { display: flex; align-items: center; gap: 12px;}#faktoren .lf-top b { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 12px; font-size: 13px; font-weight: 900; animation: lfNum 12s var(--ease) infinite; animation-delay: var(--d);}#faktoren .lf-top span { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--c);}#faktoren .lf-v { position: relative; height: 190px; margin: 20px 0 22px; border-radius: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.08); background: radial-gradient(circle at 50% 50%,rgba(255,255,255,.06),transparent 70%),rgba(5,11,24,.5);}#faktoren .lf-tx h3 { margin: 0 0 8px; font-size: 20px; font-weight: 900; line-height: 1.2; letter-spacing: -.02em; color: #fff;}#faktoren .lf-tx p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}#faktoren .lf-tx em { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; font-style: normal;}#faktoren .lf-tx em span { padding: 5px 10px; border-radius: 999px; background: rgba(255,255,255,.07); font-size: 11px; font-weight: 800; color: #dbe2ec;}#faktoren .lf-match { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0; padding: 18px;}#faktoren .lf-q { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: #fff; color: #0d1930; font-size: 13px; font-weight: 800; box-shadow: 0 12px 30px rgba(0,0,0,.4);}#faktoren .lf-q em { font-style: normal; color: #1661ab; font-size: 15px;}#faktoren .lf-beam { display: block; width: 2px; height: 26px; background-image: linear-gradient(#fff,#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; transform-origin: top; animation: lfBeam 4s ease infinite;}#faktoren .lf-chips { display: grid; grid-template-columns: repeat(2,auto); gap: 8px;}#faktoren .lf-chips span { padding: 7px 12px; border-radius: 10px; border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); font-size: 11.5px; font-weight: 800; color: #8f9bb0; text-align: center; white-space: nowrap;}#faktoren .lf-chips span.on { animation: lfChip 4s ease infinite; animation-delay: var(--k);}#faktoren .lf-dist .lf-wv { position: absolute; left: 50%; top: 53%; width: 260px; height: 260px; border-radius: 50%; border: 1.5px solid rgba(52,211,153,.45); background: radial-gradient(circle,rgba(52,211,153,.14),transparent 65%); animation: lfWave 3.9s ease-out infinite;}#faktoren .lf-far { position: absolute; width: 12px; height: 12px; border-radius: 50% 50% 50% 0; background: #5b6b86; transform: rotate(-45deg); animation: lfFar 3s ease infinite;}#faktoren .lf-dist svg { position: absolute; inset: 0; width: 100%; height: 100%;}#faktoren .lf-dist line { stroke: #34d399; stroke-width: 2.5; stroke-dasharray: 4 4; stroke-linecap: round; vector-effect: non-scaling-stroke; animation: lfDash 1s linear infinite;}#faktoren .lf-me { position: absolute; left: 50%; top: 53%; width: 16px; height: 16px; margin: -8px 0 0 -8px; border-radius: 50%; background: #45c5ff; border: 3px solid #fff; box-shadow: 0 0 0 6px rgba(69,197,255,.25);}#faktoren .lf-biz { position: absolute; left: 73%; top: 33%; width: 24px; height: 24px; margin: -24px 0 0 -12px; border-radius: 50% 50% 50% 0; background: #ed167d; transform: rotate(-45deg); box-shadow: 0 8px 20px rgba(237,22,125,.5);}#faktoren .lf-biz::after { content: ""; position: absolute; left: 8px; top: 8px; width: 8px; height: 8px; border-radius: 50%; background: #fff;}#faktoren .lf-grow svg { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 78%;}#faktoren .lf-area { fill: url(#lfGa); animation: lfFade 5s ease infinite;}#faktoren .lf-line { fill: none; stroke: #ffb82e; stroke-width: 3; stroke-linecap: round; stroke-dasharray: 100; vector-effect: non-scaling-stroke; animation: lfDraw 5s var(--ease) infinite;}#faktoren .lf-bd { position: absolute; padding: 6px 10px; border-radius: 999px; background: rgba(5,11,24,.9); border: 1px solid rgba(255,184,46,.5); color: #fff; font-size: 10.5px; font-weight: 800; white-space: nowrap; opacity: 0; animation: lfPop 5s var(--ease) infinite; animation-delay: var(--k);}#faktoren .lf-res { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 48px; align-items: center; margin-top: 18px; padding: 36px 44px; border-radius: 28px; border: 1px solid rgba(255,255,255,.1); background: radial-gradient(500px circle at 0% 50%,rgba(237,22,125,.18),transparent 60%),rgba(255,255,255,.035);}#faktoren .lf-gauge { position: relative; width: 220px; height: 220px;}#faktoren .lf-gauge svg { width: 100%; height: 100%; transform: rotate(-90deg);}#faktoren .lf-track { fill: none; stroke: rgba(255,255,255,.08); stroke-width: 16;}#faktoren .lf-seg { fill: none; stroke-width: 16; stroke-linecap: round; stroke-dasharray: 0 300;}#faktoren .lf-seg1 { stroke: #45c5ff; animation: lfSeg1 12s var(--ease) infinite;}#faktoren .lf-seg2 { stroke: #34d399; animation: lfSeg2 12s var(--ease) infinite;}#faktoren .lf-seg3 { stroke: #ffb82e; animation: lfSeg3 12s var(--ease) infinite;}#faktoren .lf-gc { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; animation: lfTop 12s ease infinite;}#faktoren .lf-gc b { font-size: 40px; font-weight: 900; line-height: 1; letter-spacing: -.04em; background: linear-gradient(135deg,#ff3d9a,#ffb82e); -webkit-background-clip: text; background-clip: text; color: transparent;}#faktoren .lf-gc small { margin-top: 6px; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #aeb9c9;}#faktoren .lf-kick { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #45c5ff;}#faktoren .lf-rtx h3 { margin: 10px 0 10px; font-size: clamp(1.5rem,2.4vw,2.2rem); font-weight: 900; line-height: 1.1; letter-spacing: -.035em; color: #fff;}#faktoren .lf-rtx p { margin: 0; max-width: 640px; font-size: 15px; line-height: 1.7; color: #c9d1de;}#faktoren .lf-rtx a { color: #fff; font-weight: 800; text-underline-offset: 3px;}#faktoren .lf-rtx ul { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none;}#faktoren .lf-rtx li { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; border-radius: 999px; background: rgba(255,255,255,.06); font-size: 12px; font-weight: 800; color: #dbe2ec;}#faktoren .lf-rtx li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--c);}#faktoren .lf-grow .lf-bd.lf-bd:last-child { top: 18%!important;}.wd-fak { background: radial-gradient(700px circle at 0% 0%,rgba(69,197,255,.16),transparent 60%),radial-gradient(600px circle at 100% 100%,rgba(237,22,125,.16),transparent 60%),#050b18;}@keyframes lsIc{0%,100%{transform:translateY(0);box-shadow:0 12px 24px -10px var(--c1)}50%{transform:translateY(-5px);box-shadow:0 18px 30px -10px var(--c1)}}@keyframes lsBar{0%,10%{transform:scaleX(.15)}40%,90%{transform:scaleX(1)}100%{transform:scaleX(.15)}}@media (max-width:991px){#leistungen .ls-svc.ls-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#leistungen .ls-svc.ls-svc{grid-template-columns:minmax(0,1fr)}}#leistungen .ls-svc { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px;}#leistungen .ls-s { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 30px 28px 26px; border-radius: 24px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 24px 60px -40px rgba(13,25,48,.45); transition: transform .45s var(--ease),box-shadow .45s var(--ease);}#leistungen .ls-s:hover { transform: translateY(-7px); box-shadow: 0 34px 70px -34px rgba(13,25,48,.5);}#leistungen .ls-s::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,var(--c1),var(--c2)); transform-origin: left; animation: lsBar 8s var(--ease) infinite; animation-delay: var(--d);}#leistungen .ls-ic { width: 58px; height: 58px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,var(--c1),var(--c2)); color: #fff; font-size: 24px; font-weight: 900; animation: lsIc 4s ease-in-out infinite; animation-delay: var(--d);}#leistungen .ls-n { position: absolute; right: 24px; top: 22px; font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.05em; color: rgba(13,25,48,.06);}#leistungen .ls-s h3 { margin: 22px 0 8px; font-size: 20px; font-weight: 900; letter-spacing: -.02em; color: var(--ink);}#leistungen .ls-s p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #4d5a70;}#leistungen .ls-s ul { display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 18px 0 0; list-style: none;}#leistungen .ls-s li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: #f2f5fa; font-size: 12px; font-weight: 800; color: var(--ink);}#leistungen .ls-s li::before { content: "✓"; color: #1b9e6a; font-weight: 900;}#pakete .ls-boost-price .wd-btn.wd-btn b { font-size: 15px; line-height: 1; color: #ed167d;}@keyframes wdBorder{0%{background-position:0% 50%}100%{background-position:300% 50%}}@media (max-width:991px){.wd-pkg .wd-pk-grid.wd-pk-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.wd-pkg .wd-pk.wd-pk{padding:30px 22px} .wd-pkg .wd-pk .wd-btn.wd-btn{width:100%}}@media (max-width:1100px){#pakete .wd-pk-grid.wd-pk-grid.wd-pk-grid{grid-template-columns:minmax(0,1fr)}#pakete .ls-boost.ls-boost{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#pakete .ls-boost.ls-boost{padding:28px 22px}#pakete .ls-boost .ls-boost-txt ul{grid-template-columns:minmax(0,1fr)}} .wd-pkg { background: radial-gradient(800px circle at 50% 0%,rgba(22,97,171,.35),transparent 60%),#050b18;} .wd-pkg .wd-pk-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; align-items: stretch;} .wd-pkg .wd-pk { position: relative; display: flex; flex-direction: column; padding: 40px 38px; border-radius: 26px; background: #fff; color: var(--ink); box-shadow: 0 40px 90px -40px rgba(0,0,0,.7);} .wd-pkg .wd-pk--hi { background: linear-gradient(90deg,#ed167d,#ffb82e,#45c5ff,#7b2cbf,#ed167d) border-box; background-size: 300% 100%; border: 2px solid transparent; animation: wdBorder 8s linear infinite;} .wd-pkg .wd-pk--hi .wd-pk-in { position: absolute; inset: 0; z-index: 0; border-radius: 24px; background-image: linear-gradient(160deg,#0b1d38,#1a0f3a 60%,#2a0d44); 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-pkg .wd-pk--hi>*:not(.wd-pk-in) { position: relative; z-index: 1;} .wd-pkg .wd-pk--hi { color: #fff;} .wd-pkg .wd-rib { position: absolute!important; right: 26px; top: -16px; z-index: 2!important; padding: 8px 14px; border-radius: 10px; background-image: linear-gradient(90deg,#ffb82e,#ff8a3d); 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: #0d1930; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; transform: rotate(3deg); box-shadow: 0 12px 26px rgba(255,138,61,.4);} .wd-pkg .wd-pk small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--pink);} .wd-pkg .wd-pk--hi small { color: #ffb82e;} .wd-pkg .wd-pk h3 { margin: 12px 0 0; font-size: 28px; font-weight: 900; line-height: 1.05; letter-spacing: -.03em;} .wd-pkg .wd-price { display: flex; align-items: flex-end; gap: 10px; margin: 22px 0 4px;} .wd-pkg .wd-price b { font-size: clamp(4rem,6vw,5.6rem); font-weight: 900; line-height: .85; letter-spacing: -.06em; background: linear-gradient(135deg,#ed167d,#7b2cbf); -webkit-background-clip: text; background-clip: text; color: transparent;} .wd-pkg .wd-pk--hi .wd-price b { background-image: linear-gradient(135deg,#ff3d9a,#ffb82e); 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-pkg .wd-price span { padding-bottom: 8px; font-size: 13px; font-weight: 700; line-height: 1.3; color: #647188;} .wd-pkg .wd-pk--hi .wd-price span { color: #aeb9c9;} .wd-pkg .wd-pk ul { flex: 1; margin: 22px 0 26px; padding: 0; list-style: none;} .wd-pkg .wd-pk li { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid rgba(13,25,48,.08); font-size: 14.5px; font-weight: 700; line-height: 1.45;} .wd-pkg .wd-pk--hi li { border-color: rgba(255,255,255,.1);} .wd-pkg .wd-pk li::before { content: "✓"; flex: none; width: 20px; height: 20px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; background: var(--blue); color: #fff; font-size: 10px;} .wd-pkg .wd-pk--hi li::before { background: linear-gradient(135deg,#ed167d,#45c5ff);} .wd-pkg .wd-pk li a { color: inherit; text-underline-offset: 3px;} .wd-pkg .wd-pk .wd-btn { align-self: flex-start;} .wd-pkg .wd-pk-note { max-width: 900px; margin: 30px auto 0; text-align: center; font-size: 13.5px; line-height: 1.7; color: #aeb9c9;}#pakete .wd-pk--hi .wd-price b { background: none; background-image: linear-gradient(135deg,#ff3d9a,#ffb82e); -webkit-background-clip: text; background-clip: text; color: transparent;}#pakete .wd-pk h3 { color: var(--ink);}#pakete .wd-pk--hi h3 { color: #fff;}#pakete .wd-pk--hi li { color: #fff;}#pakete .wd-pk-grid.wd-pk-grid { grid-template-columns: repeat(3,minmax(0,1fr));}#pakete .wd-pk .wd-price b { font-size: clamp(3.4rem,4.6vw,4.6rem);}#pakete .wd-pk h3 { font-size: 22px;}#pakete .wd-pk li { font-size: 14px;}#pakete .ls-boost { position: relative; display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 36px; align-items: center; margin-top: 34px; padding: 36px 38px; border-radius: 26px; border: 1px solid rgba(69,197,255,.35); background: radial-gradient(500px circle at 100% 0%,rgba(69,197,255,.18),transparent 60%),rgba(255,255,255,.04);}#pakete .ls-boost small { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #45c5ff;}#pakete .ls-boost h3 { margin: 10px 0 8px; font-size: 28px; font-weight: 900; letter-spacing: -.03em; color: #fff;}#pakete .ls-boost p { margin: 0; font-size: 15px; line-height: 1.7; color: #aeb9c9;}#pakete .ls-boost ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 18px; margin: 18px 0 0; padding: 0; list-style: none;}#pakete .ls-boost li { display: flex; gap: 9px; font-size: 13.5px; font-weight: 700; line-height: 1.4; color: #dbe2ec;}#pakete .ls-boost 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,#1661ab,#45c5ff); color: #fff; font-size: 10px;}#pakete .ls-boost-price { display: flex; flex-direction: column; align-items: flex-start; gap: 8px;}#pakete .ls-boost-price b { font-size: 3.4rem; font-weight: 900; line-height: .9; letter-spacing: -.05em; color: #fff;}#pakete .ls-boost-price>span { font-size: 13px; font-weight: 700; line-height: 1.4; color: #aeb9c9;}#pakete .ls-boost-price .wd-btn { margin-top: 8px;}#pakete .ls-boost-price p { margin-top: 6px; font-size: 12.5px; line-height: 1.5;}#pakete .ls-boost-price p a { color: #fff; font-weight: 800; text-underline-offset: 3px;}@keyframes wdStep{0%,2%{background:#fff;border-color:rgba(13,25,48,.1);transform:none}4%,18%{background:#0d1930;border-color:#0d1930;transform:translateY(-8px)}20%,100%{background:#fff;border-color:rgba(13,25,48,.1);transform:none}}@keyframes wdStepN{0%,2%{color:rgba(237,22,125,.35)}4%,18%{color:#ff3d9a}20%,100%{color:rgba(237,22,125,.35)}}@keyframes wdStepT{0%,2%{color:#0d1930}4%,18%{color:#fff}20%,100%{color:#0d1930}}@keyframes wdStepP{0%,2%{color:#4d5a70}4%,18%{color:#c9d1de}20%,100%{color:#4d5a70}}@keyframes wdLine{0%{width:0}100%{width:100%}}@keyframes wdRocket{0%{left:0}100%{left:100%}}@media (max-width:991px){.wd-flow .wd-steps.wd-steps{grid-template-columns:minmax(0,1fr)} .wd-flow .wd-track.wd-track{display:none}} .wd-flow .wd-track { position: relative; height: 4px; margin: 0 0 30px; border-radius: 4px; background: rgba(13,25,48,.08);} .wd-flow .wd-track i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 4px; background-image: linear-gradient(90deg,#ed167d,#ffb82e,#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; animation: wdLine 17s linear infinite;} .wd-flow .wd-track b { position: absolute; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; border-radius: 50%; background: #fff; border: 4px solid #ed167d; box-shadow: 0 0 0 6px rgba(237,22,125,.18); animation: wdRocket 17s linear infinite;} .wd-flow .wd-steps { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 14px; margin: 0; padding: 0; list-style: none;} .wd-flow .wd-steps li { padding: 26px 22px; border-radius: 20px; border: 1px solid rgba(13,25,48,.1); background: #fff; box-shadow: 0 24px 60px -44px rgba(13,25,48,.5); animation: wdStep 17s var(--ease) infinite; animation-delay: var(--d);} .wd-flow .wd-steps span { display: block; font-size: 44px; font-weight: 900; line-height: 1; letter-spacing: -.05em; color: rgba(237,22,125,.35); animation: wdStepN 17s linear infinite; animation-delay: var(--d);} .wd-flow .wd-steps h3 { margin: 16px 0 8px; font-size: 18px; font-weight: 900; color: #0d1930; animation: wdStepT 17s linear infinite; animation-delay: var(--d);} .wd-flow .wd-steps p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70; animation: wdStepP 17s linear infinite; animation-delay: var(--d);}@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;}@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;}