@layer bricks {.brxe-template{width:100%}}@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;} .wd-hero h1.wd-h1.wd-h1 { font-size: clamp(2.1rem,3.5vw,3.5rem);}@media (max-width:767px){.wd-hero .bb-hv .bb-chip.bb-chip{display:none}}@keyframes bbTy{0%,4%{width:0}20%,88%{width:28ch}96%,100%{width:0}}@keyframes bbCa{50%{opacity:0}}@keyframes bbSx{0%,100%{opacity:.25}50%{opacity:1}}@keyframes bbWn{0%,40%{fill:#24356e}50%,100%{fill:#ffd27a}}@keyframes bbRl{to{stroke-dashoffset:-60}}@keyframes bbPp{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes bbCd{0%,8%{transform:translate(-50%,18px);opacity:0}20%,92%{transform:translate(-50%,0);opacity:1}100%{transform:translate(-50%,0);opacity:0}}@keyframes bbCb{0%,50%{box-shadow:0 0 0 1px rgba(255,255,255,.14),0 30px 60px -30px rgba(0,0,0,.9)}58%,92%{box-shadow:0 0 0 2px #ed167d,0 30px 70px -20px rgba(237,22,125,.55)}100%{box-shadow:0 0 0 1px rgba(255,255,255,.14)}}@keyframes bbR1{0%,58%{opacity:1;transform:none}62%,100%{opacity:0;transform:translateY(-8px)}}@keyframes bbR2{0%,58%{opacity:0;transform:translateY(8px) scale(.8)}62%,92%{opacity:1;transform:none}100%{opacity:0}}@keyframes bbRb{0%,58%{background:rgba(255,255,255,.14);color:#fff}62%,92%{background:#ffb82e;color:#0d1930}100%{background:rgba(255,255,255,.14);color:#fff}}@keyframes bbCp{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:991px){.wd-hero .bb-chip--1.bb-chip--1{left:8px}}@media (max-width:767px){.wd-hero .bb-st.bb-st{height:430px;border-radius:24px} .wd-hero .bb-cd.bb-cd{top:80px;width:88%;padding:14px} .wd-hero .bb-q.bb-q{left:14px;right:14px;top:14px} .wd-hero .bb-qt.bb-qt{font-size:13px}}@media (prefers-reduced-motion:reduce){.wd-hero .bb-hv *{animation:none!important} .wd-hero .bb-cd{opacity:1;transform:translateX(-50%)} .wd-hero .bb-rk i:last-child{opacity:1} .wd-hero .bb-rk i:first-child{opacity:0} .wd-hero .bb-qt{width:28ch}} .wd-hero .bb-hv { position: relative; padding-top: 14px; line-height: 1.4;} .wd-hero .bb-st { position: relative; height: 500px; border-radius: 32px; overflow: hidden; background: radial-gradient(120% 90% at 50% 0%,#2a2a78 0%,#141c4a 50%,#070b22 100%); border: 1px solid rgba(255,255,255,.12); box-shadow: 0 60px 120px -50px rgba(0,0,0,.95);} .wd-hero .bb-sc { position: absolute; inset: 0; width: 100%; height: 100%;} .wd-hero .bb-sx { fill: #fff; animation: bbSx 3s ease-in-out infinite; animation-delay: var(--d);} .wd-hero .bb-hl { fill: #1a2660;} .wd-hero .bb-dom { fill: #26387a;} .wd-hero .bb-rv { fill: url(#bbRv); opacity: .85;} .wd-hero .bb-rvl { fill: none; stroke: rgba(255,255,255,.45); stroke-width: 2; stroke-dasharray: 18 12; animation: bbRl 3s linear infinite;} .wd-hero .bb-rvl2 { stroke-dasharray: 10 16; animation-duration: 4.4s;} .wd-hero .bb-br { fill: none; stroke: #3a4f9a; stroke-width: 8;} .wd-hero .bb-bd { stroke: #3a4f9a; stroke-width: 10; stroke-linecap: round;} .wd-hero .bb-rh rect:first-child { fill: #2f4592;} .wd-hero .bb-rh path { fill: #2f4592;} .wd-hero .bb-wn { fill: #24356e; animation: bbWn 6s ease infinite alternate; animation-delay: var(--d);} .wd-hero .bb-fl { fill: none; stroke: #ed167d; stroke-width: 3; stroke-dasharray: 4 7; stroke-linecap: round;} .wd-hero .bb-dt { fill: #ffb82e; filter: drop-shadow(0 0 6px #ffb82e);} .wd-hero .bb-pa circle { fill: #ed167d; stroke: #fff; stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: bbPp 2.4s ease-in-out infinite;} .wd-hero .bb-pb circle { fill: #ed167d; stroke: #fff; stroke-width: 3; transform-box: fill-box; transform-origin: center; animation: bbPp 2.4s ease-in-out infinite;} .wd-hero .bb-pb circle { fill: #34d399; animation-delay: -1.2s;} .wd-hero .bb-pa text { font-size: 13px; font-weight: 900; fill: #dfe8f5; text-anchor: middle;} .wd-hero .bb-pb text { font-size: 13px; font-weight: 900; fill: #dfe8f5; text-anchor: middle;} .wd-hero .bb-q { position: absolute; left: 22px; right: 22px; top: 22px; z-index: 4; display: flex; align-items: center; gap: 10px; height: 46px; padding: 0 16px; border-radius: 999px; background: #fff; box-shadow: 0 18px 40px -18px rgba(0,0,0,.8); color: #0d1930;} .wd-hero .bb-q b { font-size: 18px; color: #1661ab;} .wd-hero .bb-qt { display: block; overflow: hidden; width: 0; white-space: nowrap; font-size: 14.5px; font-weight: 700; animation: bbTy 12s steps(28) infinite;} .wd-hero .bb-qc { width: 2px; height: 18px; background: #ed167d; animation: bbCa .8s steps(1) infinite;} .wd-hero .bb-cd { position: absolute; left: 50%; top: 92px; z-index: 3; display: flex; flex-direction: column; gap: 10px; width: min(80%,380px); padding: 16px; border-radius: 22px; background: rgba(13,25,48,.84); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; animation: bbCd 12s ease infinite,bbCb 12s ease infinite;} .wd-hero .bb-rk { position: absolute; right: 12px; top: 12px; display: grid; width: 38px; height: 38px; border-radius: 12px; font-weight: 900; font-size: 14px; animation: bbRb 12s ease infinite;} .wd-hero .bb-rk i { grid-area: 1/1; display: flex; align-items: center; justify-content: center; font-style: normal;} .wd-hero .bb-rk i:first-child { animation: bbR1 12s ease infinite;} .wd-hero .bb-rk i:last-child { opacity: 0; animation: bbR2 12s cubic-bezier(.3,1.5,.5,1) infinite;} .wd-hero .bb-c1 { display: flex; align-items: center; gap: 12px; padding-right: 44px;} .wd-hero .bb-av { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 14px; 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: 18px;} .wd-hero .bb-c1 div { display: flex; flex-direction: column; min-width: 0;} .wd-hero .bb-c1 strong { font-size: 16px; font-weight: 900; color: #fff;} .wd-hero .bb-c1 small { font-size: 11.5px; font-weight: 700; color: #c9d1de; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .wd-hero .bb-c1 em { font-style: normal; color: #ffb82e; letter-spacing: 1px;} .wd-hero .bb-c2 { display: flex; flex-wrap: wrap; gap: 6px;} .wd-hero .bb-op { padding: 5px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap;} .wd-hero .bb-tg { padding: 5px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; white-space: nowrap;} .wd-hero .bb-op { background: rgba(52,211,153,.18); color: #6ee7b7;} .wd-hero .bb-tg { background: rgba(255,255,255,.12); color: #e3e8f0;} .wd-hero .bb-c3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px;} .wd-hero .bb-ac { display: flex; align-items: center; justify-content: center; padding: 8px 4px; border-radius: 12px; background: #fff; color: #1661ab; font-size: 11.5px; font-weight: 900; white-space: nowrap;} .wd-hero .bb-ac:first-child { background: #ed167d; color: #fff;} .wd-hero .bb-chip { position: absolute; z-index: 5; display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 999px; background: #fff; color: #0d1930; font-size: 12.5px; font-weight: 800; white-space: nowrap; box-shadow: 0 20px 40px -18px rgba(0,0,0,.7); animation: bbCp 5s ease-in-out infinite;} .wd-hero .bb-chip i { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #ed167d; font-style: normal; font-size: 12px; color: #fff;} .wd-hero .bb-chip--1 { left: -18px; top: 300px;} .wd-hero .bb-chip--2 { right: 28px; top: -24px; animation-delay: -2.5s;} .wd-hero .bb-chip--2 i { background: #45c5ff; color: #0d1930;} .wd-hero .bb-cap { margin: 10px 0 0; font-size: 11px; font-weight: 700; color: #8f9bb0; text-align: right;}@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}}@keyframes bbZ{0%,4%{opacity:.35}8%,30%{opacity:1}34%,100%{opacity:.35}}@keyframes bbRw{0%,10%{stroke-dashoffset:110}40%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:110}}@keyframes bbHu{0%,4%{transform:scaleY(0)}12%,90%{transform:scaleY(1)}100%{transform:scaleY(0)}}@keyframes bbKp{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes bbSk{0%{transform:translateY(10px);opacity:0}30%{opacity:.8}100%{transform:translateY(-30px);opacity:0}}@keyframes bbBe{0%,8%{transform:scaleY(.05)}40%,90%{transform:scaleY(1)}100%{transform:scaleY(.05)}}@keyframes bbFw{0%,10%{transform:scale(0);opacity:0}20%{opacity:1}40%,100%{transform:scale(1.2);opacity:0}}@keyframes bbB1{0%,100%{transform:translateX(0)}50%{transform:translateX(18px)}}@keyframes bbB2{0%,100%{transform:translateX(0)}50%{transform:translateX(-18px)}}@keyframes bbG1{to{transform:rotate(360deg)}}@keyframes bbG2{to{transform:rotate(-360deg)}}@media (max-width:991px){#stadt .bb-gal.bb-gal{grid-template-columns:repeat(2,minmax(0,1fr))}#stadt .bb-gal.bb-gal>.bb-c{grid-column:auto}#stadt .bb-gal.bb-gal>.bb-c1,#stadt .bb-gal.bb-gal>.bb-c5{grid-column:1/-1}}@media (max-width:767px){#stadt .bb-gal.bb-gal{grid-template-columns:minmax(0,1fr)}#stadt .bb-tx.bb-tx{padding:20px}#stadt .bb-c1.bb-c1{flex-direction:column}#stadt .bb-c1.bb-c1 .bb-v{flex:1 0 auto;margin:10px 10px 0;min-height:240px}#stadt .bb-ui.bb-ui{gap:8px}#stadt .bb-uc.bb-uc{padding:10px 6px}#stadt .bb-uc.bb-uc b{font-size:15px}}@media (prefers-reduced-motion:reduce){#stadt .bb-gal *{animation:none!important}#stadt .bb-z{opacity:1}#stadt .bb-row{stroke-dashoffset:0}#stadt .bb-h{transform:none}#stadt .bb-beer{transform:none}}#stadt .bb-gal { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 16px; line-height: 1.5;}#stadt .bb-c { display: flex; flex-direction: column; overflow: hidden; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); box-shadow: 0 30px 70px -55px rgba(13,25,48,.55);}#stadt .bb-c1 { grid-column: span 12; flex-direction: row;}#stadt .bb-c2 { grid-column: span 4;}#stadt .bb-c3 { grid-column: span 4;}#stadt .bb-c4 { grid-column: span 4;}#stadt .bb-c5 { grid-column: span 7;}#stadt .bb-c6 { grid-column: span 5;}#stadt .bb-v { position: relative; flex: 1 0 auto; display: flex; align-items: center; justify-content: center; min-height: 210px; margin: 10px 10px 0; padding: 16px; border-radius: 18px; overflow: hidden; background: radial-gradient(120% 90% at 80% 0%,#2a2a78 0%,#141c4a 55%,#070b22 100%); border: 1px solid rgba(123,44,191,.25);}#stadt .bb-c1 .bb-v { flex: 0 0 46%; min-height: 290px; margin: 10px 0 10px 10px;}#stadt .bb-c1 .bb-tx { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 28px 32px;}#stadt .bb-tx { padding: 18px 22px 22px;}#stadt .bb-no { align-self: flex-start; display: inline-block; margin-bottom: 8px; padding: 4px 10px; border-radius: 999px; background: rgba(123,44,191,.1); color: #7b2cbf; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;}#stadt .bb-tx h3 { margin: 0 0 6px; font-size: 19px; font-weight: 900; letter-spacing: -.01em; color: var(--ink);}#stadt .bb-c1 .bb-tx h3 { font-size: clamp(1.4rem,2.2vw,1.8rem);}#stadt .bb-tx>p { margin: 0; font-size: 14px; line-height: 1.65; color: #4d5a70;}#stadt .bb-c1 .bb-tx>p { font-size: 15px;}#stadt .bb-tip { display: flex; flex-direction: column; gap: 2px; margin: 12px 0 0!important; padding: 10px 12px; border-radius: 12px; background: #f5efff; border-left: 3px solid #7b2cbf; font-size: 13px!important; line-height: 1.5!important; color: #4d5a70;}#stadt .bb-tip b { font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #7b2cbf;}#stadt .bb-bdg { position: absolute; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); font-size: 11.5px; font-weight: 800; line-height: 1.3; color: #fff; white-space: nowrap; animation: bbKp 5s ease-in-out infinite;}#stadt .bb-bdg1 { left: 14px; top: 14px;}#stadt .bb-bdg2 { right: 14px; bottom: 14px; animation-delay: -2.5s; color: #ffb82e;}#stadt .bb-tri { width: 100%; max-width: 440px;}#stadt .bb-tri svg { display: block; width: 100%; height: auto;}#stadt .bb-z { opacity: .35; animation: bbZ 9s ease infinite;}#stadt .bb-z1 { animation-delay: 3s;}#stadt .bb-z2 { animation-delay: 6s;}#stadt .bb-zf { fill: rgba(69,197,255,.16); stroke: rgba(69,197,255,.6); stroke-width: 2;}#stadt .bb-z1 .bb-zf { fill: rgba(237,22,125,.16); stroke: rgba(237,22,125,.7);}#stadt .bb-z2 .bb-zf { fill: rgba(52,211,153,.14); stroke: rgba(52,211,153,.7);}#stadt .bb-zi { fill: #dfe8f5;}#stadt .bb-z text { font-size: 14px; font-weight: 900; fill: #fff; text-anchor: middle;}#stadt .bb-rva { fill: none; stroke: #45c5ff; stroke-width: 8; stroke-linecap: round; opacity: .7;}#stadt .bb-row { fill: none; stroke: #34d399; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 110; animation: bbRw 9s ease infinite; animation-delay: var(--d);}#stadt .bb-7 { width: 100%; max-width: 300px;}#stadt .bb-7 svg { display: block; width: 100%; height: auto; overflow: visible;}#stadt .bb-h { transform-box: fill-box; transform-origin: bottom; animation: bbHu 8s cubic-bezier(.3,1.4,.5,1) infinite; animation-delay: var(--d);}#stadt .bb-h path { fill: #2f4592; stroke: #45c5ff; stroke-width: 1.5;}#stadt .bb-h3 path { fill: #7b2cbf;}#stadt .bb-h6 path { fill: #ed167d;}#stadt .bb-h text { font-size: 12px; font-weight: 900; fill: #fff; text-anchor: middle;}#stadt .bb-7g { stroke: rgba(255,255,255,.3); stroke-width: 2;}#stadt .bb-7c { display: flex; align-items: baseline; justify-content: center; gap: 8px; margin-top: 6px;}#stadt .bb-7c b { font-size: 30px; font-weight: 900; line-height: 1; color: #ffb82e;}#stadt .bb-7c span { font-size: 12px; font-weight: 800; color: #dfe8f5;}#stadt .bb-sm2 { display: flex; align-items: center; gap: 18px;}#stadt .bb-sm2 svg { width: 110px; height: auto; overflow: visible;}#stadt .bb-smk { fill: none; stroke: rgba(223,232,245,.6); stroke-width: 5; stroke-linecap: round; opacity: 0; animation: bbSk 3s ease-out infinite; animation-delay: var(--d);}#stadt .bb-mug { fill: rgba(255,255,255,.1); stroke: rgba(255,255,255,.7); stroke-width: 3;}#stadt .bb-hdl { fill: none; stroke: rgba(255,255,255,.7); stroke-width: 6;}#stadt .bb-beer { fill: #ffb82e; transform-box: fill-box; transform-origin: bottom; animation: bbBe 7s ease infinite;}#stadt .bb-fm { fill: #fff;}#stadt .bb-bc { display: flex; flex-direction: column; gap: 10px;}#stadt .bb-bc div { display: flex; flex-direction: column;}#stadt .bb-bc b { font-size: 34px; font-weight: 900; line-height: 1; color: #ffb82e;}#stadt .bb-bc div+div b { font-size: 24px; color: #45c5ff;}#stadt .bb-bc span { font-size: 11px; font-weight: 800; line-height: 1.3; color: #dfe8f5;}#stadt .bb-kw { width: 100%; max-width: 300px;}#stadt .bb-kw svg { display: block; width: 100%; height: auto; overflow: visible;}#stadt .bb-kwr { fill: #1661ab;}#stadt .bb-fw { transform-box: fill-box; transform-origin: center; opacity: 0; animation: bbFw 3.6s ease-out infinite; animation-delay: var(--d);}#stadt .bb-fw circle { fill: none; stroke: #ffb82e; stroke-width: 2; stroke-dasharray: 3 5;}#stadt .bb-fw path { stroke: #ed167d; stroke-width: 2.5; stroke-linecap: round;}#stadt .bb-bt path:first-child { fill: #dfe8f5;}#stadt .bb-ln { fill: none; stroke: #ffb82e; stroke-width: 3; stroke-linecap: round;}#stadt .bb-bt circle { fill: #ed167d;}#stadt .bb-bt1 { animation: bbB1 4s ease-in-out infinite;}#stadt .bb-bt2 { animation: bbB2 4s ease-in-out infinite;}#stadt .bb-ui { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; width: 100%;}#stadt .bb-uc { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 8px; border-radius: 16px; background: rgba(255,255,255,.07); text-align: center;}#stadt .bb-uc svg { width: 64px; height: 48px; overflow: visible;}#stadt .bb-cap2 { fill: #45c5ff;}#stadt .bb-cap3 { fill: #1661ab;}#stadt .bb-tas { stroke: #ffb82e; stroke-width: 3; stroke-linecap: round;}#stadt .bb-g1 { transform-box: fill-box; transform-origin: center;}#stadt .bb-g2 { transform-box: fill-box; transform-origin: center;}#stadt .bb-g1 { fill: #ed167d; animation: bbG1 6s linear infinite;}#stadt .bb-g2 { fill: #ffb82e; animation: bbG2 4s linear infinite;}#stadt .bb-gh { fill: #141c4a;}#stadt .bb-pin2 { fill: #34d399;}#stadt .bb-uc b { font-size: clamp(1rem,1.6vw,1.3rem); font-weight: 900; line-height: 1.1; color: #fff; white-space: nowrap;}#stadt .bb-uc span { font-size: 11.5px; font-weight: 800; color: #c9d1de;}#stadt .bb-kpi { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; width: 100%;}#stadt .bb-kpi div { display: flex; flex-direction: column; gap: 4px; padding: 14px; border-radius: 14px; background: rgba(255,255,255,.07); animation: bbKp 4s ease-in-out infinite;}#stadt .bb-kpi div:nth-child(2) { animation-delay: -1s;}#stadt .bb-kpi div:nth-child(3) { animation-delay: -2s;}#stadt .bb-kpi div:nth-child(4) { animation-delay: -3s;}#stadt .bb-kpi b { font-size: clamp(1.2rem,2vw,1.7rem); font-weight: 900; line-height: 1.1; letter-spacing: -.03em; color: #ff8fb8; white-space: nowrap;}#stadt .bb-kpi span { font-size: 12px; font-weight: 700; color: #c9d1de;}@media (max-width:991px){#stadt .bb-tk.bb-tk{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#stadt .bb-take.bb-take{padding:22px 18px}} .wd-page .lm-cap { margin: 12px 0 0; font-size: 11px; font-weight: 700; line-height: 1.4; color: #8f9bb0; text-align: right;}#stadt .bb-take { position: relative; overflow: hidden; margin-top: 22px; padding: 30px; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.08); line-height: 1.5;}#stadt .bb-take::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px; background: linear-gradient(90deg,#7b2cbf,#ed167d,#ffb82e,#45c5ff);}#stadt .bb-take h3 { margin: 4px 0 20px; font-size: clamp(1.25rem,2vw,1.6rem); font-weight: 900; color: var(--ink);}#stadt .bb-tk { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px;}#stadt .bb-tk div { padding: 20px; border-radius: 18px; background: #f7f4fd;}#stadt .bb-tk b { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-bottom: 12px; border-radius: 12px 12px 12px 2px; background-image: linear-gradient(135deg,#7b2cbf,#ed167d); 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: 17px; color: #fff;}#stadt .bb-tk div:nth-child(2) b { background-image: linear-gradient(135deg,#1661ab,#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;}#stadt .bb-tk div:nth-child(3) b { background-image: linear-gradient(135deg,#ffb82e,#ed167d); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;}#stadt .bb-tk h4 { margin: 0 0 6px; font-size: 16px; font-weight: 900; color: var(--ink);}#stadt .bb-tk p { margin: 0; font-size: 14px; line-height: 1.65; color: #4d5a70;}#stadt .bb-src { margin: 16px 0 0; font-size: 11.5px; color: #8f9bb0;}.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;}@keyframes bbLv{0%,3%{border-color:rgba(255,255,255,.1)}6%,30%{border-color:rgba(255,143,184,.75)}34%,100%{border-color:rgba(255,255,255,.1)}}@keyframes bbP1{0%,14%{transform:scaleY(.15)}30%,92%{transform:scaleY(1)}100%{transform:scaleY(.15)}}@keyframes bbP2{0%,34%{transform:scaleY(.15)}50%,92%{transform:scaleY(1)}100%{transform:scaleY(.15)}}@keyframes bbDk{0%,52%{stroke-dashoffset:100}64%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes bbDa{0%,50%{opacity:0}60%,92%{opacity:1}100%{opacity:0}}@keyframes bbWk{0%,64%{transform:translateX(0);opacity:1}82%,92%{transform:translateX(300px);opacity:1}96%,100%{transform:translateX(300px);opacity:0}}@keyframes bbSh{0%,80%{transform:none}84%,92%{transform:scale(1.15)}100%{transform:none}}@keyframes bbN3{0%,30%{opacity:1}34%,100%{opacity:0}}@keyframes bbN2{0%,30%{opacity:0}34%,60%{opacity:1}64%,100%{opacity:0}}@keyframes bbN1{0%,62%{opacity:0}66%,94%{opacity:1}100%{opacity:0}}@keyframes bbWw{to{transform:translateX(-120px)}}@media (max-width:991px){#warum .bb-wy.bb-wy{grid-template-columns:minmax(0,1fr);gap:30px}}@media (max-width:767px){#warum .bb-lv.bb-lv article{padding:18px}#warum .bb-ex.bb-ex{padding:20px}#warum .bb-bg.bb-bg{padding:16px}#warum .bb-lgd.bb-lgd span{font-size:10.5px}}@media (prefers-reduced-motion:reduce){#warum .bb-wy *{animation:none!important}#warum .bb-pl{transform:none}#warum .bb-dk{stroke-dashoffset:0}#warum .bb-rkb i:last-child{opacity:1}#warum .bb-rkb i:first-child{opacity:0}}#warum .bb-wy { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); gap: 48px; align-items: center; line-height: 1.5;}#warum .bb-lv { display: flex; flex-direction: column; gap: 12px;}#warum .bb-lv article { padding: 20px 22px; border-radius: 20px; border: 1.5px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); animation: bbLv 9s ease infinite; animation-delay: var(--d);}#warum .bb-lh { display: flex; align-items: center; gap: 12px; margin-bottom: 8px;}#warum .bb-lh b { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 12px 12px 12px 2px; background-image: linear-gradient(135deg,#1661ab,#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: 16px;}#warum .bb-lv article:nth-child(2) .bb-lh b { background-image: linear-gradient(135deg,#7b2cbf,#ed167d); 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 .bb-lv article:nth-child(3) .bb-lh b { background-image: linear-gradient(135deg,#ffb82e,#ed167d); 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 .bb-lh h3 { flex: 1; margin: 0; font-size: 19px; font-weight: 900; color: #fff;}#warum .bb-lh em { padding: 4px 10px; border-radius: 999px; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;}#warum .bb-fix { background: rgba(255,255,255,.1); color: #aeb9c9;}#warum .bb-can { background: rgba(52,211,153,.16); color: #34d399;}#warum .bb-lv p { margin: 0; font-size: 14.5px; line-height: 1.65; color: #aeb9c9;}#warum .bb-bg { padding: 22px; border-radius: 28px; background-image: linear-gradient(170deg,#24246a,#080b24); 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,.12); box-shadow: 0 50px 100px -40px rgba(0,0,0,.95);}#warum .bb-bgh { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px;}#warum .bb-bgh>span { font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #aeb9c9;}#warum .bb-rkb { display: flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.08); font-style: normal;}#warum .bb-rkb small { font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #c9d1de;}#warum .bb-rkb span { display: grid;}#warum .bb-rkb i { grid-area: 1/1; font-style: normal; font-size: 20px; font-weight: 900; line-height: 1; color: #ffb82e; opacity: 0;}#warum .bb-rkb i:nth-child(1) { animation: bbN3 12s ease infinite;}#warum .bb-rkb i:nth-child(2) { animation: bbN2 12s ease infinite;}#warum .bb-rkb i:nth-child(3) { animation: bbN1 12s ease infinite;}#warum .bb-bgs { display: block; width: 100%; height: auto; overflow: hidden; border-radius: 16px;}#warum .bb-wv { fill: #1661ab;}#warum .bb-wl { fill: none; stroke: rgba(255,255,255,.4); stroke-width: 2; stroke-dasharray: 12 10; animation: bbWw 4s linear infinite;}#warum .bb-bank { fill: #2f4592;}#warum .bb-pl { transform-box: fill-box; transform-origin: bottom;}#warum .bb-pl0 rect { fill: #45c5ff;}#warum .bb-pl1 rect { fill: #ed167d;}#warum .bb-pl2 rect { fill: #ffb82e;}#warum .bb-pl1 { animation: bbP1 12s cubic-bezier(.4,1.3,.5,1) infinite;}#warum .bb-pl2 { animation: bbP2 12s cubic-bezier(.4,1.3,.5,1) infinite;}#warum .bb-dk0 { fill: none; stroke: rgba(223,232,245,.55); stroke-width: 5; opacity: 0; animation: bbDa 12s ease infinite;}#warum .bb-dk { fill: none; stroke: #dfe8f5; stroke-width: 10; stroke-linecap: round; stroke-dasharray: 100; animation: bbDk 12s ease infinite;}#warum .bb-wk { fill: #ffb82e; animation: bbWk 12s ease-in-out infinite;}#warum .bb-wk path { stroke: #ffb82e; stroke-width: 3;}#warum .bb-sh { transform-box: fill-box; transform-origin: center; animation: bbSh 12s ease infinite;}#warum .bb-sh rect { fill: #34d399;}#warum .bb-sh path { fill: #34d399;}#warum .bb-sh text { font-size: 14px; fill: #0d1930; text-anchor: middle;}#warum .bb-plt { font-size: 14px; font-weight: 900; fill: #0d1930; text-anchor: middle;}#warum .bb-lgd { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; margin-top: 12px;}#warum .bb-lgd span { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 800; color: #c9d1de; white-space: nowrap;}#warum .bb-lgd i { width: 10px; height: 10px; border-radius: 3px;}#warum .bb-l0 { background: #45c5ff;}#warum .bb-l1 { background: #ed167d;}#warum .bb-l2 { background: #ffb82e;}#warum .bb-bg .lm-cap { color: #647188;}#warum .bb-ex { display: flex; gap: 16px; align-items: flex-start; margin-top: 30px; padding: 22px 26px; border-radius: 22px; background: rgba(255,255,255,.05); border: 1px solid rgba(237,22,125,.35); line-height: 1.5;}#warum .bb-ex>b { flex: none; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background-image: linear-gradient(135deg,#7b2cbf,#ed167d); 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: 16px; color: #fff;}#warum .bb-ex p { margin: 0; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#warum .bb-ex p b { color: #fff;}.wd-page#warum .bb-lv p a { color: #ff8fb8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#suchen .bb-snx a { color: #ff8fb8; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#erstellen .bb-st p a { color: #7b2cbf; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#service .bb-svl p a { color: #7b2cbf; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s;} .wd-page#warum .bb-lv p a:hover { color: #fff;} .wd-page#suchen .bb-snx a:hover { color: #fff;} .wd-page#erstellen .bb-st p a:hover { color: #ed167d;} .wd-page#service .bb-svl p a:hover { color: #ed167d;}@keyframes bbSt{0%,1%{border-color:rgba(13,25,48,.08);transform:none}3%,15%{border-color:#7b2cbf;transform:translateX(6px)}17%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes bbSn{0%,1%{background:#fff;color:#8f9bb0}3%,15%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}17%,100%{background:#fff;color:#8f9bb0}}@keyframes bbNs{0%{opacity:0;transform:translateY(8px)}1.5%,15.5%{opacity:1;transform:none}16.6%,100%{opacity:0;transform:translateY(-8px)}}@keyframes bbHs0{0%,0.00%{opacity:.4;transform:translateY(8px);filter:saturate(0)}3.00%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbHs1{0%,16.67%{opacity:.4;transform:translateY(8px);filter:saturate(0)}19.67%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbHs2{0%,33.34%{opacity:.4;transform:translateY(8px);filter:saturate(0)}36.34%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbHs3{0%,50.01%{opacity:.4;transform:translateY(8px);filter:saturate(0)}53.01%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbHs4{0%,66.68%{opacity:.4;transform:translateY(8px);filter:saturate(0)}69.68%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbHs5{0%,83.35%{opacity:.4;transform:translateY(8px);filter:saturate(0)}86.35%,96%{opacity:1;transform:none;filter:none}100%{opacity:.4;transform:translateY(8px);filter:saturate(0)}}@keyframes bbWi0{0%,2.00%{fill:#1e2a5c}5.00%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbWi1{0%,18.67%{fill:#1e2a5c}21.67%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbWi2{0%,35.34%{fill:#1e2a5c}38.34%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbWi3{0%,52.01%{fill:#1e2a5c}55.01%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbWi4{0%,68.68%{fill:#1e2a5c}71.68%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbWi5{0%,85.35%{fill:#1e2a5c}88.35%,96%{fill:#ffd27a}100%{fill:#1e2a5c}}@keyframes bbBan{0%,88.00%{opacity:0;transform:translateY(-14px)}91.00%,96%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-14px)}}@keyframes bbGar{0%,86.00%{stroke-dashoffset:100}89.00%,96%{stroke-dashoffset:0}100%{stroke-dashoffset:100}}@keyframes bbFg{0%,88.00%{box-shadow:0 0 0 0 rgba(52,211,153,0)}91.00%,96%{box-shadow:0 0 0 3px #34d399,0 20px 50px -10px rgba(52,211,153,.6)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}@media (max-width:991px){#erstellen .bb-mk.bb-mk{grid-template-columns:minmax(0,1fr);gap:30px}#erstellen .bb-lnw.bb-lnw{position:static;order:-1}}@media (max-width:767px){#erstellen .bb-st.bb-st li{padding:10px 0}#erstellen .bb-tip2.bb-tip2{padding:18px}#erstellen .bb-lnb.bb-lnb{padding:16px}}@media (prefers-reduced-motion:reduce){#erstellen .bb-mk *{animation:none!important}#erstellen .bb-hs{opacity:1;transform:none}#erstellen .bb-ban{opacity:1;transform:none}#erstellen .bb-nw span:last-child,#erstellen .bb-sn i:last-child{opacity:1}}#erstellen .bb-mk { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 48px; align-items: start; line-height: 1.5;}#erstellen .bb-st { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 10px;}#erstellen .bb-st li { display: flex; gap: 16px; align-items: flex-start; padding: 4px 0;}#erstellen .bb-st li>b { flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 12px 12px 12px 2px; border: 2px solid #7b2cbf; background: #fff; color: #8f9bb0; font-size: 15px; font-weight: 900; animation: bbSn 18s ease infinite; animation-delay: var(--d);}#erstellen .bb-st li>div { flex: 1; padding: 14px 18px; border-radius: 18px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); animation: bbSt 18s ease infinite; animation-delay: var(--d);}#erstellen .bb-st h3 { margin: 0 0 4px; font-size: 16.5px; font-weight: 900; color: var(--ink);}#erstellen .bb-st p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}#erstellen .bb-st p b { color: var(--ink);}#erstellen .bb-lnw { position: sticky; top: 150px;}#erstellen .bb-lnb { position: relative; padding: 22px; border-radius: 30px; background-image: linear-gradient(170deg,#24246a,#080b24); 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 60px 110px -60px rgba(13,25,48,.8); animation: bbFg 18s ease infinite;}#erstellen .bb-lnh { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px;}#erstellen .bb-lnh>b { font-size: 13px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #ff8fb8;}#erstellen .bb-lnh em { display: flex; align-items: center; gap: 4px; padding: 5px 11px; border-radius: 999px; background: rgba(255,255,255,.1); font-size: 11px; font-style: normal; font-weight: 800; color: #c9d1de; white-space: nowrap;}#erstellen .bb-sn { display: grid; min-width: 10px;}#erstellen .bb-sn i { grid-area: 1/1; font-style: normal; font-weight: 900; color: #ffb82e; opacity: 0; animation: bbNs 18s ease infinite; animation-delay: var(--d);}#erstellen .bb-gs { display: block; width: 100%; height: auto; overflow: visible;}#erstellen .bb-sk { fill: rgba(255,255,255,.03);}#erstellen .bb-gar { fill: none; stroke: #ffb82e; stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100; animation: bbGar 18s ease infinite;}#erstellen .bb-hs { transform-box: fill-box; opacity: .4; transform: translateY(8px); filter: saturate(0);}#erstellen .bb-hs0 { animation: bbHs0 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs0 .bb-wi { animation: bbWi0 18s ease infinite;}#erstellen .bb-hs1 { animation: bbHs1 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs1 .bb-wi { animation: bbWi1 18s ease infinite;}#erstellen .bb-hs2 { animation: bbHs2 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs2 .bb-wi { animation: bbWi2 18s ease infinite;}#erstellen .bb-hs3 { animation: bbHs3 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs3 .bb-wi { animation: bbWi3 18s ease infinite;}#erstellen .bb-hs4 { animation: bbHs4 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs4 .bb-wi { animation: bbWi4 18s ease infinite;}#erstellen .bb-hs5 { animation: bbHs5 18s cubic-bezier(.3,1.3,.5,1) infinite;}#erstellen .bb-hs5 .bb-wi { animation: bbWi5 18s ease infinite;}#erstellen .bb-hw { fill: #eef2fb; stroke: #0d1930; stroke-width: 1.5;}#erstellen .bb-fx { fill: none; stroke-width: 3.5; stroke-linecap: round;}#erstellen .bb-wi { fill: #1e2a5c;}#erstellen .bb-dr { fill: #0d1930;}#erstellen .bb-hn { font-size: 12px; font-weight: 900; fill: #ffb82e; text-anchor: middle;}#erstellen .bb-hl2 { font-size: 10px; font-weight: 800; fill: #c9d1de; text-anchor: middle;}#erstellen .bb-pv { stroke: rgba(255,255,255,.35); stroke-width: 3;}#erstellen .bb-ban { opacity: 0; animation: bbBan 18s cubic-bezier(.3,1.5,.5,1) infinite;}#erstellen .bb-ban path { fill: #34d399;}#erstellen .bb-ban text { font-size: 13px; font-weight: 900; fill: #0d1930; text-anchor: middle;}#erstellen .bb-now { margin-top: 14px; padding: 12px 14px; border-radius: 16px; background: #fff;}#erstellen .bb-now small { display: block; margin-bottom: 4px; font-size: 10px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #7b2cbf;}#erstellen .bb-nw { display: grid;}#erstellen .bb-nw span { grid-area: 1/1; font-size: 14px; font-weight: 800; line-height: 1.4; color: #0d1930; opacity: 0; animation: bbNs 18s ease infinite; animation-delay: var(--d);}#erstellen .bb-lnw .lm-cap { margin-top: 14px;}#erstellen .bb-tip2 { display: flex; gap: 16px; align-items: flex-start; margin-top: 30px; padding: 22px 26px; border-radius: 22px; background: #fff; border: 1.5px solid rgba(123,44,191,.3); line-height: 1.5;}#erstellen .bb-tip2>b { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; background: #7b2cbf; color: #fff; font-size: 16px; font-weight: 900; font-style: italic; font-family: var(--font-serif);}#erstellen .bb-tip2 p { margin: 0; font-size: 15px; line-height: 1.7; color: #4d5a70;}#erstellen .bb-tip2 p b { color: var(--ink);}@keyframes bbPt0{0%,1.00%{fill:rgba(255,255,255,.05)}4.00%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt1{0%,10.50%{fill:rgba(255,255,255,.05)}13.50%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt2{0%,20.00%{fill:rgba(255,255,255,.05)}23.00%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt3{0%,29.50%{fill:rgba(255,255,255,.05)}32.50%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt4{0%,39.00%{fill:rgba(255,255,255,.05)}42.00%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt5{0%,48.50%{fill:rgba(255,255,255,.05)}51.50%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt6{0%,58.00%{fill:rgba(255,255,255,.05)}61.00%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt7{0%,67.50%{fill:rgba(255,255,255,.05)}70.50%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt8{0%,77.00%{fill:rgba(255,255,255,.05)}80.00%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbPt9{0%,86.50%{fill:rgba(255,255,255,.05)}89.50%,97%{fill:var(--c)}100%{fill:rgba(255,255,255,.05)}}@keyframes bbJ0{0%,1.0%{background:rgba(255,255,255,.08);color:#aeb9c9}3.0%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ1{0%,10.5%{background:rgba(255,255,255,.08);color:#aeb9c9}12.5%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ2{0%,20.0%{background:rgba(255,255,255,.08);color:#aeb9c9}22.0%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ3{0%,29.5%{background:rgba(255,255,255,.08);color:#aeb9c9}31.5%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ4{0%,39.0%{background:rgba(255,255,255,.08);color:#aeb9c9}41.0%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ5{0%,48.5%{background:rgba(255,255,255,.08);color:#aeb9c9}50.5%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ6{0%,58.0%{background:rgba(255,255,255,.08);color:#aeb9c9}60.0%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ7{0%,67.5%{background:rgba(255,255,255,.08);color:#aeb9c9}69.5%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ8{0%,77.0%{background:rgba(255,255,255,.08);color:#aeb9c9}79.0%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJ9{0%,86.5%{background:rgba(255,255,255,.08);color:#aeb9c9}88.5%,98%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}100%{background:rgba(255,255,255,.08);color:#aeb9c9}}@keyframes bbJl{0%,1%{border-color:rgba(255,255,255,.07)}2%,9%{border-color:rgba(255,143,184,.7)}10%,100%{border-color:rgba(255,255,255,.07)}}@keyframes bbRp{0%{opacity:0} .5%,9%{opacity:1}9.5%,100%{opacity:0}}@keyframes bbRgl{0%,92%{opacity:0}95%,98%{opacity:1}100%{opacity:0}}@media (max-width:991px){#inhalte .bb-an.bb-an{grid-template-columns:minmax(0,1fr)}#inhalte .bb-rsw.bb-rsw{position:static}}@media (prefers-reduced-motion:reduce){#inhalte .bb-an *{animation:none!important}#inhalte .bb-pt{fill:var(--c)}#inhalte .bb-rsp i:last-child{opacity:1}}#inhalte .bb-an { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 40px; align-items: start; line-height: 1.45;}#inhalte .bb-rsw { position: sticky; top: 150px;}#inhalte .bb-rs { padding: 22px; border-radius: 28px; background: radial-gradient(120% 80% at 50% 0%,#2a2a78 0%,#141c4a 55%,#080b24 100%); border: 1px solid rgba(123,44,191,.35); box-shadow: 0 50px 100px -40px rgba(0,0,0,.9);}#inhalte .bb-rsh { display: flex; align-items: center; justify-content: space-between;}#inhalte .bb-rsh b { font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #ff8fb8;}#inhalte .bb-rsp { display: grid; min-width: 70px; text-align: right;}#inhalte .bb-rsp i { grid-area: 1/1; font-style: normal; font-size: 22px; font-weight: 900; color: #fff; opacity: 0;}#inhalte .bb-rsp i:nth-child(1) { animation: bbRp 20s linear infinite; animation-delay: 0.2s;}#inhalte .bb-rsp i:nth-child(2) { animation: bbRp 20s linear infinite; animation-delay: 2.1s;}#inhalte .bb-rsp i:nth-child(3) { animation: bbRp 20s linear infinite; animation-delay: 4.0s;}#inhalte .bb-rsp i:nth-child(4) { animation: bbRp 20s linear infinite; animation-delay: 5.9s;}#inhalte .bb-rsp i:nth-child(5) { animation: bbRp 20s linear infinite; animation-delay: 7.8s;}#inhalte .bb-rsp i:nth-child(6) { animation: bbRp 20s linear infinite; animation-delay: 9.7s;}#inhalte .bb-rsp i:nth-child(7) { animation: bbRp 20s linear infinite; animation-delay: 11.6s;}#inhalte .bb-rsp i:nth-child(8) { animation: bbRp 20s linear infinite; animation-delay: 13.5s;}#inhalte .bb-rsp i:nth-child(9) { animation: bbRp 20s linear infinite; animation-delay: 15.4s;}#inhalte .bb-rsp i:nth-child(10) { animation: bbRp 20s linear infinite; animation-delay: 17.3s;}#inhalte .bb-rs svg { display: block; width: 100%; max-width: 400px; height: auto; margin: 10px auto 0; overflow: visible;}#inhalte .bb-rf { fill: #0d1238; stroke: #8f9bc8; stroke-width: 6;}#inhalte .bb-pt { fill: rgba(255,255,255,.05); stroke: #0d1238; stroke-width: 4; stroke-linejoin: round;}#inhalte .bb-pt0 { animation: bbPt0 20s ease infinite;}#inhalte .bb-pt1 { animation: bbPt1 20s ease infinite;}#inhalte .bb-pt2 { animation: bbPt2 20s ease infinite;}#inhalte .bb-pt3 { animation: bbPt3 20s ease infinite;}#inhalte .bb-pt4 { animation: bbPt4 20s ease infinite;}#inhalte .bb-pt5 { animation: bbPt5 20s ease infinite;}#inhalte .bb-pt6 { animation: bbPt6 20s ease infinite;}#inhalte .bb-pt7 { animation: bbPt7 20s ease infinite;}#inhalte .bb-pt8 { animation: bbPt8 20s ease infinite;}#inhalte .bb-pt9 { animation: bbPt9 20s ease infinite;}#inhalte .bb-ptn { font-size: 12px; font-weight: 900; fill: rgba(255,255,255,.85); text-anchor: middle; paint-order: stroke; stroke: rgba(13,18,56,.6); stroke-width: 3;}#inhalte .bb-rc { fill: #fff; stroke: #8f9bc8; stroke-width: 4;}#inhalte .bb-rg { font-size: 24px; font-weight: 900; fill: #0d1930; text-anchor: middle;}#inhalte .bb-rgl { fill: none; stroke: #ffd27a; stroke-width: 6; opacity: 0; filter: drop-shadow(0 0 12px #ffd27a); animation: bbRgl 20s ease infinite;}#inhalte .bb-rsf { margin: 14px 0 0; font-size: 13.5px; line-height: 1.55; color: #aeb9c9; text-align: center;}#inhalte .bb-rsw .lm-cap { color: #647188;}#inhalte .bb-tl2 { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px;}#inhalte .bb-tl2 li { display: flex; gap: 14px; align-items: flex-start; padding: 12px 14px; border-radius: 16px; border: 1.5px solid rgba(255,255,255,.07); background: rgba(255,255,255,.03); animation: bbJl 20s ease infinite; animation-delay: var(--d);}#inhalte .bb-tl2 li>span { flex: none; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 12px 12px 12px 2px; background: rgba(255,255,255,.08); font-size: 12px; font-weight: 900; color: #aeb9c9;}#inhalte .bb-tl2 li:nth-child(1)>span { animation: bbJ0 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(2)>span { animation: bbJ1 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(3)>span { animation: bbJ2 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(4)>span { animation: bbJ3 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(5)>span { animation: bbJ4 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(6)>span { animation: bbJ5 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(7)>span { animation: bbJ6 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(8)>span { animation: bbJ7 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(9)>span { animation: bbJ8 20s ease infinite;}#inhalte .bb-tl2 li:nth-child(10)>span { animation: bbJ9 20s ease infinite;}#inhalte .bb-tl2 h3 { margin: 2px 0 3px; font-size: 15px; font-weight: 900; color: #fff;}#inhalte .bb-tl2 p { margin: 0; font-size: 13.5px; line-height: 1.55; color: #aeb9c9;}@keyframes bbBo{0%,4%{left:2%}14%,24%{left:10%}36%,46%{left:35%}58%,68%{left:60%}80%,92%{left:85%}100%{left:98%}}@keyframes bbBob{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,-56%) rotate(2deg)}}@keyframes bbRvd{to{stroke-dashoffset:-60}}@keyframes bbFs0{0%,12%{border-color:rgba(13,25,48,.08);transform:none}14%,25%{border-color:#ed167d;transform:translateY(-6px)}28%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes bbPr0{0%,12%{background:#fff;transform:translateX(-50%) scale(1)}14%,25%{background:#ffb82e;transform:translateX(-50%) scale(1.3)}28%,100%{background:#fff;transform:translateX(-50%) scale(1)}}@keyframes bbFs1{0%,34%{border-color:rgba(13,25,48,.08);transform:none}36%,47%{border-color:#ed167d;transform:translateY(-6px)}50%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes bbPr1{0%,34%{background:#fff;transform:translateX(-50%) scale(1)}36%,47%{background:#ffb82e;transform:translateX(-50%) scale(1.3)}50%,100%{background:#fff;transform:translateX(-50%) scale(1)}}@keyframes bbFs2{0%,56%{border-color:rgba(13,25,48,.08);transform:none}58%,69%{border-color:#ed167d;transform:translateY(-6px)}72%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes bbPr2{0%,56%{background:#fff;transform:translateX(-50%) scale(1)}58%,69%{background:#ffb82e;transform:translateX(-50%) scale(1.3)}72%,100%{background:#fff;transform:translateX(-50%) scale(1)}}@keyframes bbFs3{0%,78%{border-color:rgba(13,25,48,.08);transform:none}80%,91%{border-color:#ed167d;transform:translateY(-6px)}94%,100%{border-color:rgba(13,25,48,.08);transform:none}}@keyframes bbPr3{0%,78%{background:#fff;transform:translateX(-50%) scale(1)}80%,91%{background:#ffb82e;transform:translateX(-50%) scale(1.3)}94%,100%{background:#fff;transform:translateX(-50%) scale(1)}}@media (max-width:991px){#nutzen .bb-fs4.bb-fs4{grid-template-columns:repeat(2,minmax(0,1fr))}#nutzen .bb-bn6.bb-bn6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#nutzen .bb-fs4.bb-fs4{grid-template-columns:minmax(0,1fr)}#nutzen .bb-bn6.bb-bn6{grid-template-columns:minmax(0,1fr)}#nutzen .bb-rvw.bb-rvw{height:80px}}@media (prefers-reduced-motion:reduce){#nutzen .bb-fnw *{animation:none!important}#nutzen .bb-boat{left:85%}}#nutzen .bb-fnw { line-height: 1.45;}#nutzen .bb-rvw { position: relative; height: 110px; margin-bottom: 10px;}#nutzen .bb-rvs { position: absolute; inset: 0; width: 100%; height: 100%;}#nutzen .bb-rvb { fill: #45c5ff; opacity: .85;}#nutzen .bb-rvd { fill: none; stroke: #fff; stroke-width: 2; stroke-dasharray: 14 16; opacity: .7; animation: bbRvd 3s linear infinite; vector-effect: non-scaling-stroke;}#nutzen .bb-pier { position: absolute; top: 18px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 3px solid #1661ab; transform: translateX(-50%);}#nutzen .bb-pr0 { animation: bbPr0 12s ease infinite;}#nutzen .bb-fs0 { animation: bbFs0 12s ease infinite;}#nutzen .bb-pr1 { animation: bbPr1 12s ease infinite;}#nutzen .bb-fs1 { animation: bbFs1 12s ease infinite;}#nutzen .bb-pr2 { animation: bbPr2 12s ease infinite;}#nutzen .bb-fs2 { animation: bbFs2 12s ease infinite;}#nutzen .bb-pr3 { animation: bbPr3 12s ease infinite;}#nutzen .bb-fs3 { animation: bbFs3 12s ease infinite;}#nutzen .bb-boat { position: absolute; top: 58%; left: 2%; width: 64px; height: 24px; animation: bbBo 12s ease-in-out infinite;}#nutzen .bb-boat i { position: absolute; left: 0; top: 0; width: 64px; height: 24px; border-radius: 0 0 24px 24px; background: linear-gradient(90deg,#7b2cbf,#ed167d); box-shadow: 0 8px 14px -6px rgba(0,0,0,.4); animation: bbBob 2s ease-in-out infinite;}#nutzen .bb-boat i::before { content: ""; position: absolute; left: 28px; bottom: 22px; width: 3px; height: 26px; background: #0d1930;}#nutzen .bb-boat i::after { content: ""; position: absolute; left: 31px; bottom: 30px; width: 18px; height: 14px; background: #ffb82e; clip-path: polygon(0 0,100% 50%,0 100%);}#nutzen .bb-boat { width: 0; height: 0;}#nutzen .bb-boat i { left: 50%; top: 50%;}#nutzen .bb-fs4 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px;}#nutzen .bb-fs { padding: 20px; border-radius: 22px; background: #fff; border: 1.5px solid rgba(13,25,48,.08);}#nutzen .bb-fs>b { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 10px; border-radius: 12px 12px 12px 2px; 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; color: #fff; font-size: 17px;}#nutzen .bb-fs1>b { background-image: linear-gradient(135deg,#7b2cbf,#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;}#nutzen .bb-fs2>b { 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;}#nutzen .bb-fs3>b { background-image: linear-gradient(135deg,#ffb82e,#ed167d); background-color: transparent; background-position: 0% 0%; background-size: auto; background-repeat: repeat; background-attachment: scroll; background-origin: padding-box; background-clip: border-box;}#nutzen .bb-fs h3 { margin: 0 0 4px; font-size: 17px; font-weight: 900; color: var(--ink);}#nutzen .bb-fs p { margin: 0; font-size: 14px; line-height: 1.55; color: #4d5a70;}#nutzen .bb-bn6 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin-top: 34px; line-height: 1.5;}#nutzen .bb-bn6 div { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 4px 14px; padding: 20px 22px; border-radius: 22px; background: #fff; border: 1px solid rgba(13,25,48,.07);}#nutzen .bb-bn6 b { grid-row: 1/3; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5efff; color: #7b2cbf; font-size: 16px;}#nutzen .bb-bn6 h3 { margin: 0; font-size: 16.5px; font-weight: 900; color: var(--ink);}#nutzen .bb-bn6 p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}@keyframes bbHd{0%,20%{transform:rotate(240deg)}25%,45%{transform:rotate(375deg)}50%,70%{transform:rotate(532.5deg)}75%,95%{transform:rotate(660deg)}100%{transform:rotate(960deg)}}@keyframes bbBu{0%,1%{opacity:0;transform:translateY(10px)}4%,22%{opacity:1;transform:none}25%,100%{opacity:0;transform:translateY(-8px)}}@keyframes bbIc{0%,2%{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}4%,23%{border-color:#ff8fb8;background:rgba(237,22,125,.08)}25%,100%{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.04)}}@keyframes bbCd0{0%,1%{fill:#2f4592}4%,22%{fill:#ffb82e}25%,100%{fill:#2f4592}}@keyframes bbCd1{0%,26%{fill:#2f4592}29%,47%{fill:#ffb82e}50%,100%{fill:#2f4592}}@keyframes bbCd2{0%,51%{fill:#2f4592}54%,72%{fill:#ffb82e}75%,100%{fill:#2f4592}}@keyframes bbCd3{0%,76%{fill:#2f4592}79%,97%{fill:#ffb82e}100%,100%{fill:#2f4592}}@media (max-width:991px){#suchen .bb-sgr.bb-sgr{grid-template-columns:minmax(0,1fr)}#suchen .bb-ckw.bb-ckw{position:static}#suchen .bb-bt.bb-bt{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#suchen .bb-bt.bb-bt{grid-template-columns:minmax(0,1fr)}#suchen .bb-ic.bb-ic{padding:16px}}@media (prefers-reduced-motion:reduce){#suchen .bb-sgr *{animation:none!important}#suchen .bb-bub div:first-child{opacity:1}}#suchen .bb-sgr { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 34px; align-items: start; line-height: 1.5;}#suchen .bb-ckw { position: sticky; top: 150px; padding: 22px; border-radius: 28px; background-image: linear-gradient(170deg,#24246a,#080b24); 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,.12);}#suchen .bb-ck svg { display: block; width: 100%; max-width: 260px; height: auto; margin: 0 auto;}#suchen .bb-cf { fill: rgba(255,255,255,.04); stroke: rgba(255,143,184,.5); stroke-width: 4;}#suchen .bb-tk { stroke: rgba(255,255,255,.35); stroke-width: 2; stroke-linecap: round;}#suchen .bb-tk2 { stroke: #fff; stroke-width: 4;}#suchen .bb-cdt { fill: #2f4592; stroke: #fff; stroke-width: 2;}#suchen .bb-cdt0 { animation: bbCd0 12s ease infinite;}#suchen .bb-ic0 { animation: bbIc 12s ease infinite; animation-delay: 0s;}#suchen .bb-cdt1 { animation: bbCd1 12s ease infinite;}#suchen .bb-ic1 { animation: bbIc 12s ease infinite; animation-delay: 3s;}#suchen .bb-cdt2 { animation: bbCd2 12s ease infinite;}#suchen .bb-ic2 { animation: bbIc 12s ease infinite; animation-delay: 6s;}#suchen .bb-cdt3 { animation: bbCd3 12s ease infinite;}#suchen .bb-ic3 { animation: bbIc 12s ease infinite; animation-delay: 9s;}#suchen .bb-hand { transform-box: view-box; transform-origin: 110px 110px; transform: rotate(240deg); animation: bbHd 12s cubic-bezier(.5,0,.2,1.2) infinite;}#suchen .bb-hand path { stroke: #ed167d; stroke-width: 5; stroke-linecap: round;}#suchen .bb-hand circle { fill: #fff; stroke: #ed167d; stroke-width: 3;}#suchen .bb-bub { display: grid; margin-top: 14px;}#suchen .bb-bub div { grid-area: 1/1; display: flex; flex-direction: column; gap: 2px; padding: 12px 16px; border-radius: 18px 18px 18px 4px; background: #fff; opacity: 0; animation: bbBu 12s ease infinite; animation-delay: var(--d);}#suchen .bb-bub small { font-size: 10.5px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: #ed167d;}#suchen .bb-bub span { font-size: 14px; font-weight: 800; line-height: 1.35; color: #0d1930;}#suchen .bb-ckw .lm-cap { color: #647188;}#suchen .bb-ig { display: flex; flex-direction: column; gap: 12px;}#suchen .bb-ic { display: flex; gap: 16px; align-items: flex-start; padding: 18px 20px; border-radius: 22px; background: rgba(255,255,255,.04); border: 1.5px solid rgba(255,255,255,.08);}#suchen .bb-ic>b { flex: none; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 12px 12px 12px 2px; background-image: linear-gradient(135deg,#7b2cbf,#ed167d); 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: 17px;}#suchen .bb-ic em { display: inline-block; margin-bottom: 4px; font-size: 10.5px; font-style: normal; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #ff8fb8;}#suchen .bb-ic h3 { margin: 0 0 4px; font-size: 16px; font-weight: 900; color: #fff;}#suchen .bb-ic p { margin: 0; font-size: 14px; line-height: 1.6; color: #c9d1de;}#suchen .bb-ih { margin-top: 6px!important; color: #aeb9c9!important;}#suchen .bb-ih span { font-weight: 900; color: #fff;}#suchen .bb-snx { max-width: 760px; margin: 28px 0 18px; font-size: 15.5px; line-height: 1.7; color: #c9d1de;}#suchen .bb-bt { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; line-height: 1.4;}#suchen .bb-i1 { --c: #ffb82e;}#suchen .bb-i2 { --c: #45c5ff;}#suchen .bb-i3 { --c: #34d399;}#suchen .bb-i4 { --c: #ff8fb8;}#suchen .bb-i5 { --c: #b98cff;}#suchen .bb-btc { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 14px 16px; border-radius: 16px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-top: 3px solid var(--c); transition: transform .2s;}#suchen .bb-btc:hover { transform: translateY(-3px);}#suchen .bb-btc em { font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--c);}#suchen .bb-btc b { font-size: 14.5px; font-weight: 900; color: #fff;}#suchen .bb-btc code { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 9px; border-radius: 8px; background: rgba(255,255,255,.08); color: #dfe8f5; font-family: inherit; font-size: 12.5px; font-weight: 700;}@keyframes bbSvp{0%{transform:scaleY(0)}90%,100%{transform:scaleY(1)}}@keyframes bbSvl{0%,2%{border-color:rgba(13,25,48,.08)}5%,22%{border-color:#7b2cbf}25%,100%{border-color:rgba(13,25,48,.08)}}@keyframes bbSvb{0%,2%{background:#f5efff;color:#7b2cbf}5%,22%{background:linear-gradient(135deg,#7b2cbf,#ed167d);color:#fff}25%,100%{background:#f5efff;color:#7b2cbf}}@keyframes bbGa{0%,8%{stroke-dashoffset:100}45%,90%{stroke-dashoffset:var(--v)}100%{stroke-dashoffset:100}}@media (max-width:991px){#service .bb-sv2.bb-sv2{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#service .bb-gg.bb-gg{grid-template-columns:minmax(0,1fr)}#service .bb-cp.bb-cp{padding:22px 18px}}@media (prefers-reduced-motion:reduce){#service .bb-sv2 *{animation:none!important}#service .bb-ga{stroke-dashoffset:var(--v)}#service .bb-svp i{transform:none}}#service .bb-sv2 { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 30px; align-items: start; line-height: 1.5;}#service .bb-svl { position: relative; margin: 0; padding: 0 0 0 0; list-style: none; display: flex; flex-direction: column; gap: 12px;}#service .bb-svp { position: absolute; left: 21px; top: 22px; bottom: 22px; width: 3px; border-radius: 3px; background: #e3e8f0;}#service .bb-svp i { position: absolute; inset: 0; border-radius: 3px; background-image: linear-gradient(180deg,#7b2cbf,#ed167d); 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: bbSvp 8s linear infinite;}#service .bb-svl li { position: relative; display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px 16px 0;}#service .bb-svl li>b { position: relative; z-index: 1; flex: none; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #f5efff; color: #7b2cbf; font-size: 18px; box-shadow: 0 0 0 4px #fff; animation: bbSvb 8s ease infinite; animation-delay: var(--d);}#service .bb-svl li>div { flex: 1; padding: 16px 18px; border-radius: 20px; background: #fff; border: 1.5px solid rgba(13,25,48,.08); animation: bbSvl 8s ease infinite; animation-delay: var(--d);}#service .bb-svl h3 { margin: 0 0 6px; font-size: 16.5px; font-weight: 900; color: var(--ink);}#service .bb-svl p { margin: 0; font-size: 14px; line-height: 1.6; color: #4d5a70;}#service .bb-cp { padding: 26px; border-radius: 26px; background-image: linear-gradient(170deg,#24246a,#080b24); 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;}#service .bb-cph h3 { margin: 0 0 8px; font-size: clamp(1.3rem,2vw,1.6rem); font-weight: 900; color: #fff;}#service .bb-cph p { margin: 0 0 18px; font-size: 14px; line-height: 1.65; color: #c9d1de;}#service .bb-gg { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px;}#service .bb-g { padding: 14px; border-radius: 18px; background: rgba(255,255,255,.06); text-align: center;}#service .bb-g svg { display: block; width: 100%; max-width: 140px; height: auto; margin: 0 auto 8px;}#service .bb-ga0 { fill: none; stroke: rgba(255,255,255,.12); stroke-width: 12; stroke-linecap: round;}#service .bb-ga { fill: none; stroke-width: 12; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: 100; animation: bbGa 6s ease infinite; animation-delay: var(--d);}#service .bb-g h4 { margin: 0 0 4px; font-size: 14px; font-weight: 900; color: #fff;}#service .bb-g p { margin: 0; font-size: 12.5px; line-height: 1.5; color: #aeb9c9;}#service .bb-cp .lm-cap { color: #8f9bb0;}@keyframes bbFl0{0%,6%{transform:rotateY(0)}12%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@keyframes bbFl1{0%,18%{transform:rotateY(0)}24%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@keyframes bbFl2{0%,30%{transform:rotateY(0)}36%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@keyframes bbFl3{0%,42%{transform:rotateY(0)}48%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@keyframes bbFl4{0%,54%{transform:rotateY(0)}60%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@keyframes bbFl5{0%,66%{transform:rotateY(0)}72%,92%{transform:rotateY(180deg)}98%,100%{transform:rotateY(360deg)}}@media (max-width:991px){#fehler .bb-fe.bb-fe{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){#fehler .bb-fe.bb-fe{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){#fehler .bb-fin{animation:none!important;transform:none!important}#fehler .bb-ffb{position:static;transform:none;margin-top:8px}#fehler .bb-fin{display:block}}#fehler .bb-fe { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; line-height: 1.5;}#fehler .bb-fc { perspective: 1200px;}#fehler .bb-fin { position: relative; display: grid; height: 100%; transform-style: preserve-3d;}#fehler .bb-fc0 .bb-fin { animation: bbFl0 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-fc1 .bb-fin { animation: bbFl1 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-fc2 .bb-fin { animation: bbFl2 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-fc3 .bb-fin { animation: bbFl3 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-fc4 .bb-fin { animation: bbFl4 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-fc5 .bb-fin { animation: bbFl5 18s cubic-bezier(.6,0,.3,1) infinite;}#fehler .bb-ff { grid-area: 1/1; position: relative; padding: 20px; border-radius: 22px; -webkit-backface-visibility: hidden; backface-visibility: hidden;}#fehler .bb-ffa { background: rgba(255,255,255,.05); border: 1px solid rgba(255,90,110,.35);}#fehler .bb-ffb { background-image: linear-gradient(150deg,#7b2cbf,#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; border: 1px solid rgba(255,255,255,.2); transform: rotateY(180deg);}#fehler .bb-fxn { position: absolute; right: 18px; top: 16px; font-size: 26px; font-weight: 900; line-height: 1; color: rgba(255,255,255,.12);}#fehler .bb-ff em { display: inline-block; margin-bottom: 8px; padding: 3px 10px; border-radius: 999px; font-size: 10.5px; font-style: normal; font-weight: 900; letter-spacing: .1em; text-transform: uppercase;}#fehler .bb-ffa em { background: rgba(255,90,110,.15); color: #ff8a9a;}#fehler .bb-ffb em { background: rgba(52,211,153,.2); color: #6ee7b7;}#fehler .bb-ff h3 { margin: 0 0 8px; padding-right: 40px; font-size: 16.5px; font-weight: 900; color: #fff;}#fehler .bb-ff p { margin: 0; font-size: 14px; line-height: 1.6;}#fehler .bb-ffa p { color: #ffc2ca;}#fehler .bb-ffb p { color: #eef4ff; font-weight: 700;}@keyframes bbDrop{0%,4%{transform:translateY(-170px);opacity:0}5%{opacity:1}16%{transform:translateY(4px)}19%,88%{transform:none;opacity:1}96%,100%{transform:none;opacity:0}}@keyframes bbPrg{0%,100%{box-shadow:0 40px 80px -45px rgba(123,44,191,.45)}50%{box-shadow:0 40px 90px -30px rgba(123,44,191,.75)}}@keyframes bbWin{0%,30%{fill:#24356e}40%,90%{fill:#ffd27a}100%{fill:#24356e}}@media (max-width:991px){#preise .bb-pks.bb-pks{grid-template-columns:minmax(0,1fr);max-width:560px;margin:0 auto}#preise .bb-fit.bb-fit>div{grid-template-columns:minmax(0,1fr)}#preise .bb-bo.bb-bo{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){#preise .bb-pbd.bb-pbd{padding:20px 18px}#preise .bb-bo.bb-bo,#preise .bb-fit.bb-fit{padding:22px 18px}}@media (prefers-reduced-motion:reduce){#preise .bb-fl2,#preise .bb-rf2,#preise .bb-win,#preise .bb-pk--rec{animation:none}#preise .bb-fl2,#preise .bb-rf2{opacity:1;transform:none}}#preise .bb-pks { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; align-items: stretch; line-height: 1.5;}#preise .bb-pk { position: relative; display: flex; flex-direction: column; border-radius: 26px; background: #fff; border: 1px solid rgba(13,25,48,.09); box-shadow: 0 30px 70px -55px rgba(13,25,48,.6);}#preise .bb-pk--rec { border: 2px solid #7b2cbf; animation: bbPrg 4s ease-in-out infinite;}#preise .bb-pb2 { position: absolute; right: 18px; top: -13px; z-index: 2; padding: 5px 12px; border-radius: 999px; background: #ed167d; color: #fff; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .12em; text-transform: uppercase;}#preise .bb-pv { position: relative; overflow: hidden; display: flex; justify-content: center; margin: 10px 10px 0; padding: 14px 10px 4px; border-radius: 18px; background: radial-gradient(120% 90% at 50% 0%,#2a2a78 0%,#141c4a 60%,#080b24 100%);}#preise .bb-pk--rec .bb-pv { background: radial-gradient(120% 90% at 50% 0%,#5a1a6e 0%,#2a1050 55%,#080b24 100%);}#preise .bb-hse { width: min(100%,220px); height: auto; overflow: visible;}#preise .bb-gnd { stroke: rgba(255,255,255,.4); stroke-width: 3; stroke-linecap: round;}#preise .bb-fl2 { opacity: 0; animation: bbDrop 9s cubic-bezier(.5,0,.4,1) infinite; animation-delay: var(--d);}#preise .bb-rf2 { opacity: 0; animation: bbDrop 9s cubic-bezier(.5,0,.4,1) infinite; animation-delay: var(--d);}#preise .bb-flr { fill: #eef2fb; stroke: #0d1930; stroke-width: 1.5;}#preise .bb-fxw { fill: none; stroke-width: 3.5; stroke-linecap: round;}#preise .bb-win { fill: #24356e; animation: bbWin 9s ease infinite;}#preise .bb-rf2 path { fill: #ed167d;}#preise .bb-pk1 .bb-rf2 path { fill: #45c5ff;}#preise .bb-pk3 .bb-rf2 path { fill: #ffb82e;}#preise .bb-rf2 circle { fill: #fff;}#preise .bb-sz { position: absolute; left: 14px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(255,255,255,.12); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; color: #fff;}#preise .bb-pbd { flex: 1; display: flex; flex-direction: column; padding: 20px 24px 24px;}#preise .bb-pbd h3 { margin: 0; font-size: 24px; font-weight: 900; letter-spacing: .08em; color: var(--ink);}#preise .bb-ptg { margin: 4px 0 12px; font-size: 14px; line-height: 1.5; color: #647188;}#preise .bb-ppr { display: flex; align-items: flex-end; gap: 10px; margin: 0 0 18px;}#preise .bb-ppr b { white-space: nowrap; font-size: clamp(2.4rem,3.4vw,3rem); font-weight: 900; line-height: .9; letter-spacing: -.05em; color: var(--ink);}#preise .bb-ppr span { font-size: 11.5px; font-weight: 800; line-height: 1.35; color: #8f9bb0;}#preise .bb-pbd ul { display: flex; flex-direction: column; gap: 9px; margin: 0 0 20px; padding: 0; list-style: none;}#preise .bb-pbd li { position: relative; padding-left: 26px; font-size: 13.5px; font-weight: 700; line-height: 1.45; color: #4d5a70;}#preise .bb-pbd li::before { content: "✓"; position: absolute; left: 0; top: 1px; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #f1e9fd; color: #7b2cbf; font-size: 10px; font-weight: 900;}#preise .bb-pbd .bb-pa { font-weight: 900; color: var(--ink);}#preise .bb-pbd .bb-pa::before { content: "+"; background: rgba(237,22,125,.14); color: var(--pink);}#preise .bb-pk .wd-btn { justify-content: space-between; width: 100%; margin-top: auto; white-space: nowrap;}#preise .bb-pk .wd-btn--g { border: 1px solid rgba(13,25,48,.16); color: var(--ink); background: #fff;}#preise .bb-pk .wd-btn--g b { background: var(--ink); color: #fff;}#preise .bb-fit { margin-top: 22px; padding: 24px 26px; border-radius: 24px; background: #fff; border: 1px solid rgba(13,25,48,.08); line-height: 1.5;}#preise .bb-fit>p { margin: 0 0 14px; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #7b2cbf;}#preise .bb-fit>div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px;}#preise .bb-fit span { display: flex; flex-direction: column; gap: 4px; padding: 14px 16px; border-radius: 16px; background: #f7f4fd; font-size: 13.5px; line-height: 1.5; color: #4d5a70;}#preise .bb-fit b { font-size: 14.5px; font-weight: 900; color: var(--ink);}#preise .bb-bo { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(0,.7fr); gap: 30px; align-items: center; margin-top: 18px; padding: 30px; border-radius: 26px; background-image: linear-gradient(120deg,#f5efff,#fff0f6); 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: 1.5px solid rgba(123,44,191,.25); line-height: 1.5;}#preise .bb-bok { margin: 0; font-size: 11px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; color: #7b2cbf;}#preise .bb-bo h3 { margin: 6px 0 10px; font-size: clamp(1.4rem,2.2vw,1.9rem); font-weight: 900; color: var(--ink);}#preise .bb-bo p { margin: 0; font-size: 15px; line-height: 1.7; color: #4d5a70;}#preise .bb-bo a:not(.wd-btn) { color: var(--pink); font-weight: 800;}#preise .bb-bop { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; padding: 22px; border-radius: 20px; background: #fff;}#preise .bb-bop>p { display: flex; align-items: flex-end; gap: 12px;}#preise .bb-bop>p b { flex: none; white-space: nowrap; font-size: 3rem; font-weight: 900; line-height: .9; letter-spacing: -.05em; color: var(--ink);}#preise .bb-bop span { font-size: 12.5px; font-weight: 800; line-height: 1.4; color: #8f9bb0;}#preise .bb-bom { font-size: 14px; text-decoration: none;}@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;}