:root{--ink:#1b173c;--violet:#673bf4;--deep:#1a1538;--yellow:#dbff5a;--mint:#a7f4dc;--rose:#ffc8df;--lav:#dcd1ff;--paper:#fffdf5;--line:#262142;--shadow:7px 7px 0 var(--line)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.57 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ff7a39;outline-offset:3px}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 44px));margin:0 auto}.topbar{position:sticky;top:0;z-index:30;background:#fffdf5eb;backdrop-filter:blur(16px);border-bottom:2px solid var(--ink)}.navrow{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}.brand{display:inline-flex;align-items:baseline;font-size:23px;font-weight:950;letter-spacing:-1.1px;text-decoration:none;white-space:nowrap}.brand span{color:var(--violet)}.brand small{font-size:13px;letter-spacing:0}.brand-symbol{font-size:24px;margin-right:9px;color:var(--violet)}.navlinks{display:flex;gap:25px;font-size:14px;font-weight:800}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--violet)}.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:2px solid var(--ink);padding:13px 20px;border-radius:13px;font-weight:900;letter-spacing:-.1px;box-shadow:4px 4px 0 var(--ink);transition:transform .2s,box-shadow .2s;cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.btn-yellow{background:var(--yellow);color:var(--ink)}.btn-purple{background:var(--violet);color:white}.btn-sm{font-size:13px;padding:10px 14px}.btn-big{padding:17px 24px}.btn-ghost{background:transparent;box-shadow:none;border-color:transparent;padding-left:0}.btn-outline{background:white}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px;min-height:660px;padding:70px 0 95px}.eyebrow,.kicker{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:950}.eyebrow{background:var(--mint);padding:10px 13px;border:2px solid var(--ink);border-radius:80px}.live-dot{display:inline-block;width:9px;height:9px;border-radius:100%;background:#19a783;margin-right:7px}.hero h1,h2,h3{line-height:1.04;letter-spacing:-1.7px}.hero h1{font-size:clamp(3.9rem,6vw,6.4rem);max-width:760px;margin:29px 0 20px;font-weight:1000}.hero h1 em{font-style:normal;color:var(--violet);display:inline-block;transform:rotate(-3deg);text-shadow:3px 3px 0 var(--ink);-webkit-text-stroke:1px var(--ink)}.period{color:#fa6c9b}.hero-copy>p{max-width:535px;font-size:19px}.cta-line{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:32px}.hero-micro{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;font-weight:800;margin-top:25px}.hero-art{position:relative;min-height:470px;isolation:isolate}.orbit{position:absolute;border:3px dashed #cec3ec;border-radius:50%;inset:25px 15px;z-index:-1;animation:spin 55s linear infinite}.orbit-two{inset:62px -10px 3px 70px;animation-direction:reverse;border-style:dotted}.creditcard{position:absolute;width:min(380px,85%);height:235px;border-radius:21px;border:3px solid var(--ink);box-shadow:13px 13px 0 var(--ink);padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s}.card-front{background:linear-gradient(133deg,#7149f8,#3e21b4);color:white;left:10%;top:29%;transform:rotate(-9deg);animation:float 5s ease-in-out infinite}.card-back{background:linear-gradient(130deg,#b4ffe0,#63d3bb);color:var(--ink);right:0;top:12%;transform:rotate(13deg);animation:float2 6s ease-in-out infinite}.cc-top,.cc-bottom{display:flex;justify-content:space-between;align-items:center;font-weight:900;letter-spacing:2px}.cc-top{font-size:19px}.cc-top span{font-size:29px}.cc-bottom{font-size:11px}.chip{border:2px solid #221838;width:53px;height:42px;border-radius:10px;background:linear-gradient(90deg,#ffefb6,#e9be58,#ffedac);position:relative}.chip:after{content:'';position:absolute;top:50%;left:0;right:0;border-top:2px solid #856333}.cc-number{font-size:14px;letter-spacing:2px}.cc-mark{font-size:85px;line-height:1;text-align:center}.burst{position:absolute;z-index:4;display:grid;place-content:center;border:3px solid var(--ink);font-size:25px;font-weight:1000;box-shadow:5px 5px 0 var(--ink);text-align:center}.burst-1{top:4%;left:5%;background:var(--yellow);width:102px;height:102px;border-radius:46% 54% 43% 57%;transform:rotate(-17deg)}.burst-2{right:1%;bottom:3%;width:100px;height:100px;background:var(--rose);border-radius:100%;transform:rotate(13deg)}.burst-2 small{font-size:12px}.hero-spark{position:absolute;color:var(--violet);font-size:48px;animation:float 4s ease-in-out infinite}.spark1{top:12%;right:18%}.spark2{bottom:3%;left:14%;color:#ef5792}.spark3{top:55%;right:1%;font-size:30px}.ticker{background:var(--ink);color:var(--yellow);border-block:3px solid var(--ink);white-space:nowrap;overflow:hidden;transform:rotate(-1deg);margin-top:-26px}.ticker-track{font-size:23px;letter-spacing:2px;font-weight:1000;padding:12px 0;width:max-content;animation:marquee 24s linear infinite}.finder-section{background:#e5deff;border-block:3px solid var(--ink);padding:105px 0}.finder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.kicker{color:#643add}.finder-layout h2,.benefits h2,.faq h2,.partner h2,.statement h2{font-size:clamp(2.6rem,4.2vw,4.5rem);margin:17px 0 20px;font-weight:1000}.finder-layout h2 span,.benefits h2 span,.faq h2 span,.partner h2 span{color:var(--violet)}.section-intro{font-size:19px;max-width:420px}.comic-note{display:inline-block;background:var(--yellow);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:14px 17px;font-size:13px;font-weight:700;transform:rotate(-3deg);margin-top:45px}.finder-panel{padding:28px;background:white;border:3px solid var(--ink);border-radius:25px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;gap:11px;margin:11px 0 14px;font-size:17px}.step-bubble{display:grid;place-content:center;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:34px;height:34px;font-weight:1000;flex:none}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:26px}.choice{border:2px solid #b8b0ce;border-radius:13px;min-height:93px;padding:12px 5px;background:#fbfaff;font-weight:850;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px}.choice span{font-size:27px}.choice.active{border-color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.finder-result{background:#f2efff;border-left:5px solid var(--violet);padding:18px 19px;margin:8px 0 18px;border-radius:6px 13px 13px 6px}.result-label{color:var(--violet);font-size:11px;font-weight:1000;letter-spacing:2px}.finder-result h3{font-size:20px;letter-spacing:-.5px;margin:8px 0}.finder-result p{font-size:14px;margin:0}.finder-panel>.btn{width:100%}.finder-disclaimer{display:block;color:#635d78;font-size:11px;margin-top:14px}.benefits{padding:105px 0}.center{text-align:center}.benefits h2{max-width:790px;margin:19px auto 45px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.benefit{border:3px solid var(--ink);border-radius:22px;padding:24px;box-shadow:6px 6px 0 var(--ink);min-height:322px;display:flex;flex-direction:column;transition:transform .2s}.benefit:hover{transform:translateY(-7px) rotate(-1deg)}.tile-yellow{background:#f5ffbb}.tile-lilac{background:#e3dbff}.tile-mint{background:#c0f5e2}.tile-rose{background:#ffd7e5}.tile-icon{border:2px solid var(--ink);border-radius:13px;width:60px;height:60px;display:grid;place-content:center;background:white;font-size:29px;font-weight:1000;transform:rotate(-7deg)}.benefit h3{font-size:23px;margin:29px 0 8px}.benefit p{font-size:14px;margin:0 0 16px}.tile-tag{font-size:10px;font-weight:1000;letter-spacing:2px;margin-top:auto}.statement{background:var(--deep);color:white;padding:73px 0}.statement-row{display:flex;align-items:center;gap:40px}.statement-icon{flex:none;color:var(--yellow);font-size:100px}.statement .kicker{color:var(--yellow)}.statement h2{max-width:660px;font-size:clamp(2.3rem,3.6vw,4rem);margin:15px 0}.statement h2 em{color:var(--yellow);font-style:normal}.statement p{max-width:610px;color:#ded9f4}.statement .btn{margin-left:auto;flex:none}.faq{padding:105px 0}.faq h2{margin-bottom:40px}.faq-list{display:grid;gap:13px;max-width:900px}.faq details{border:2px solid var(--ink);border-radius:14px;background:white;padding:0 23px;box-shadow:3px 3px 0 var(--ink)}.faq summary{font-weight:900;padding:20px 4px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:14px}.faq summary:after{content:'+';font-size:24px;color:var(--violet)}.faq details[open] summary:after{content:'−'}.faq details p{margin:0 0 22px;color:#4a465b}.partner{padding-bottom:100px}.partner-card{background:#c6f5e3;border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);border-radius:25px;padding:40px 48px;display:flex;align-items:center;gap:30px;justify-content:space-between}.partner-card h2{font-size:clamp(2.2rem,3vw,3.5rem);margin:12px 0}.partner-card p{max-width:650px}.partner-card .btn{flex:none}.footer{background:var(--deep);color:#eae7ff;padding:45px 0}.footrow{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between}.footrow .brand span{color:var(--yellow)}.footlinks{display:flex;gap:18px;flex-wrap:wrap}.footlinks a,.footlinks button{color:#ddd7ff;text-decoration:none;font-size:13px;background:transparent;border:0;padding:0}.footrow p{font-size:12px;color:#a9a3c1;width:100%;margin:12px 0 0}.cookie{position:fixed;left:22px;bottom:22px;right:22px;z-index:99;max-width:750px;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:8px 8px 0 var(--ink);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.cookie b{font-size:18px}.cookie p{font-size:13px;margin:6px 0}.cookie-buttons{display:flex;gap:12px;flex:none}.cookie .btn{padding:10px;font-size:12px;box-shadow:none}.compare-main{min-height:65vh}.compare-header{text-align:center;padding:80px 0 32px}.compare-header h1,.legal h1{font-size:clamp(2.6rem,5.8vw,5.4rem);margin:12px 0 15px;letter-spacing:-2px;line-height:1.05}.compare-header h1 span,.legal h1 span{color:var(--violet)}.compare-header>p{max-width:700px;margin:auto;font-size:19px}.compare-shell{border:3px solid var(--ink);border-radius:22px;box-shadow:7px 7px 0 var(--ink);padding:28px;min-height:300px;background:#fff}.embed-approval{text-align:center;max-width:670px;margin:10px auto 25px}.approval-mark{font-size:60px;line-height:1;color:var(--violet)}.embed-approval h2{font-size:32px}.embed-approval p{color:#555168}.embed-approval .mini{font-size:12px}.embed-approval .mini a{color:var(--violet)}.widget-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:2px solid #e1def0;margin-bottom:20px;font-size:13px}.widget-head button{border:0;background:#f0ecff;padding:8px;border-radius:7px;cursor:pointer}.compare-note{font-size:13px;color:#5c566d;padding:25px 0 70px}.legal{max-width:880px;padding:80px 0 105px;min-height:70vh}.legal h2{font-size:23px;letter-spacing:-.5px;margin:39px 0 10px}.legal p{font-size:16px;color:#3f3a52}.legal a{color:#5125d2}.legal code{overflow-wrap:anywhere}
@keyframes float{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-17px) rotate(-7deg)}}@keyframes float2{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(13px) rotate(10deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-35%)}}
@media(max-width:1050px){.navlinks{display:none}.hero{min-height:0}.finder-layout{gap:35px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.statement-row{flex-wrap:wrap}.statement .btn{margin-left:0}.partner-card{align-items:flex-start;flex-direction:column}}@media(max-width:720px){.shell{width:min(100% - 32px,540px)}.navrow{min-height:67px;gap:8px}.brand{font-size:18px}.brand-symbol{font-size:20px;margin-right:5px}.navrow .btn{font-size:11px;padding:9px 10px;gap:3px}.hero{display:flex;flex-direction:column;padding:55px 0 65px;gap:0;align-items:stretch}.hero h1{font-size:clamp(3.7rem,15vw,5.7rem);margin:23px 0 15px}.hero-copy>p{font-size:17px}.eyebrow{font-size:10px;letter-spacing:1px}.cta-line{flex-direction:column;align-items:stretch}.cta-line .btn{width:100%;text-align:center}.hero-micro{font-size:11px;gap:10px;justify-content:space-between}.hero-art{min-height:335px;width:100%;margin:15px auto -10px}.creditcard{width:75%;height:188px;padding:16px;box-shadow:7px 7px 0 var(--ink);border-radius:15px}.card-front{left:8%;top:28%}.card-back{right:2%;top:14%}.cc-top{font-size:13px}.cc-top span{font-size:18px}.cc-bottom{font-size:8px}.cc-number{font-size:10px;letter-spacing:1px}.cc-mark{font-size:60px}.chip{height:31px;width:42px}.burst{width:75px;height:75px;font-size:20px}.burst-2{width:73px;height:73px;bottom:0}.burst-1{top:0}.hero-spark{font-size:30px}.ticker-track{font-size:17px}.finder-section{padding:68px 0}.finder-layout{display:flex;flex-direction:column;align-items:stretch;gap:27px}.finder-layout h2,.benefits h2,.faq h2{font-size:clamp(2.5rem,10vw,3.5rem)}.section-intro{font-size:16px}.comic-note{margin-top:12px;font-size:11px}.finder-panel{padding:17px;border-radius:17px;box-shadow:4px 4px 0 var(--ink)}.choice-grid{gap:7px}.choice{min-height:79px;font-size:10px;line-height:1.2}.choice span{font-size:23px}.panel-heading{font-size:14px}.benefits{padding:75px 0}.benefit-grid{grid-template-columns:1fr;gap:16px}.benefit{min-height:0;padding:21px}.benefit h3{margin-top:18px}.statement{padding:55px 0}.statement-icon{font-size:65px}.statement-row{gap:10px}.statement .btn{width:100%;margin-top:16px}.faq{padding:70px 0}.faq-list summary{font-size:14px}.partner{padding-bottom:70px}.partner-card{padding:25px}.partner-card .btn{width:100%}.footrow{flex-direction:column;align-items:flex-start}.footrow .brand{font-size:20px}.cookie{left:10px;right:10px;bottom:10px;padding:15px;flex-direction:column;align-items:stretch;gap:8px;box-shadow:3px 3px 0 var(--ink)}.cookie-buttons{display:grid;grid-template-columns:1fr 1fr}.cookie p{font-size:12px}.compare-header{padding:55px 0 25px}.compare-header>p{font-size:16px}.compare-shell{padding:16px;box-shadow:4px 4px 0 var(--ink)}.widget-head{font-size:10px}.legal{padding:60px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* V2: Ruhige, dezente Bewegungen statt hektischer Effekte */
.ticker-track{animation:marquee 100s linear infinite;}
.card-front{animation:heroFloatFront 15s ease-in-out infinite;}
.card-back{animation:heroFloatBack 18s ease-in-out infinite;}
.orbit{animation-duration:140s;}
@keyframes heroFloatFront{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-5px) rotate(-8.5deg)}}
@keyframes heroFloatBack{0%,100%{transform:translateY(0) rotate(13deg)}50%{transform:translateY(5px) rotate(12.5deg)}}
@media(prefers-reduced-motion:reduce){.ticker-track,.card-front,.card-back,.orbit{animation:none!important}}
.comparison-direct{min-height:260px;}


/* V3: sichtbares, langsames Schweben und nahtloses Laufband */
/* Jede Textkopie ist genau eine halbe Track-Breite; -50% ist dadurch nahtlos. */
.ticker-track{display:flex;width:max-content;gap:0;padding:11px 0;animation:heroTickerSlide 48s linear infinite;will-change:transform;}
.ticker-part{flex:none;display:block;white-space:nowrap;padding-right:1.5rem;}
@keyframes heroTickerSlide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
/* Beide Karten behalten ihren Winkel; nur die vertikale Position wird bewegt. */
.creditcard{will-change:transform;}
.card-front{animation:heroCardFloatFront 9s ease-in-out infinite!important;}
.card-back{animation:heroCardFloatBack 11s ease-in-out infinite!important;}
@keyframes heroCardFloatFront{0%,100%{transform:translate3d(0,0,0) rotate(-9deg)}50%{transform:translate3d(0,-15px,0) rotate(-9deg)}}
@keyframes heroCardFloatBack{0%,100%{transform:translate3d(0,0,0) rotate(13deg)}50%{transform:translate3d(0,13px,0) rotate(13deg)}}
/* Dekorative Sterne nicht mehr mit der allgemeinen float-Animation bewegen. */
.hero-spark{animation:none!important;transform:none!important;}
.orbit{animation-duration:160s;}
@media(prefers-reduced-motion:reduce){.ticker-track,.card-front,.card-back,.hero-spark,.orbit{animation:none!important}}