.cm-x-raten{--xr-blue:var(--cm-blue,#174fe4);--xr-ink:#12151c;--xr-mute:#5b6270;--xr-line:#e1e5ec;--xr-spring:var(--hig-snappy,cubic-bezier(.2,.9,.2,1));--xr-pad:clamp(18px,3.2vw,56px)}.cm-x-raten [id]{scroll-margin-top:100px}.cm-x-raten [hidden]{display:none!important}.cm-x-raten .cm-eyebrow{margin:0 0 12px;color:#4a5568;text-transform:uppercase}.cm-x-raten h2{color:var(--xr-ink)}.cm-x-raten-stage{position:relative;box-sizing:border-box;width:min(calc(100% - 32px),1680px);margin:0 auto;padding:clamp(24px,2.6vw,44px) var(--xr-pad);border-radius:44px;background:radial-gradient(900px 520px at 16% 10%,#fff,#fff0 70%),linear-gradient(180deg,#f4f6fa,#e7ebf3);box-shadow:inset 0 0 0 1px #e2e6ee;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);grid-template-areas:"title out" "in out";gap:clamp(18px,1.8vw,26px) clamp(22px,4vw,72px);align-items:start}.cm-x-raten-title{grid-area:title;min-width:0}.cm-x-raten .cm-x-raten-title h1{font-size:clamp(3.8rem,4.4vw,6.2rem);line-height:1.02;margin:0 0 14px;color:var(--xr-ink)}.cm-x-raten-title h1 span{display:block;color:var(--xr-blue)}.cm-x-raten .cm-x-raten-lead{margin:0;font-size:clamp(1.6rem,1.3vw,1.9rem);line-height:1.5;max-width:54ch;color:#474e5b}.cm-x-raten-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 14px}.cm-x-raten .cm-x-raten-top .cm-eyebrow{margin:0}.cm-x-raten .cm-x-raten-partner{display:inline-flex;align-items:center;gap:10px;margin:0;padding:7px 15px 7px 11px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #dfe4ec;font-size:1.4rem;font-weight:600;line-height:1.3;color:var(--xr-ink)}.cm-x-raten-partner img{display:block;height:30px;width:auto}.cm-x-raten-dot{flex:none;width:10px;height:10px;border-radius:50%;background:var(--xr-blue);box-shadow:0 0 0 4px #174fe424}.cm-x-raten-in{grid-area:in;min-width:0;align-self:end}.cm-x-raten-field{display:block;border:0;margin:0 0 16px;padding:0;min-width:0}.cm-x-raten-field>span:first-child,.cm-x-raten-field>legend{display:block;padding:0;margin:0 0 8px;font-size:1.2rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--xr-mute)}.cm-x-raten-field--term{margin-bottom:0}.cm-x-raten-chips label{position:relative;display:inline-flex}.cm-x-raten-chips input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cm-x-raten-chips{display:flex;flex-wrap:wrap;gap:8px}.cm-x-raten-chips span{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #d5dae4;font-size:1.45rem;font-weight:600;color:var(--xr-ink);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.cm-x-raten-chips label:hover span{box-shadow:inset 0 0 0 1.5px #8b93a3}.cm-x-raten-chips input:checked+span{background:var(--xr-ink);color:#fff;box-shadow:none}.cm-x-raten-chips .cm-x-raten-own span{box-shadow:inset 0 0 0 1.5px var(--xr-blue);color:var(--xr-blue)}.cm-x-raten-chips .cm-x-raten-own input:checked+span{background:var(--xr-blue);color:#fff}.cm-x-raten-chips--term span{min-width:56px;padding:0 12px;font-size:1.6rem;font-variant-numeric:tabular-nums}.cm-x-raten-chips--term input:checked+span{background:var(--xr-blue)}.cm-x-raten-chips input:focus-visible+span{outline:3px solid var(--xr-blue);outline-offset:2px}.cm-x-raten-field select,.cm-x-raten-money{box-sizing:border-box;display:block;width:100%;max-width:520px;min-height:54px;margin:0;border:0;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #d5dae4;font:inherit;font-size:1.6rem;font-weight:600;color:var(--xr-ink)}.cm-x-raten-field select{padding:0 46px 0 16px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%2312151c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 17px center/12px 8px;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis}.cm-x-raten-field select:focus-visible{outline:3px solid var(--xr-blue);outline-offset:2px}.cm-x-raten-field .cm-x-raten-money{display:flex;align-items:center;gap:8px;max-width:300px;padding:0 18px 0 6px;text-transform:none;letter-spacing:0}.cm-x-raten-money input{flex:1 1 auto;min-width:0;width:100%;height:54px;min-height:0;margin:0;padding:0 10px;border:0;border-radius:12px;box-shadow:none;background:transparent;font:inherit;font-size:2rem;font-weight:650;color:var(--xr-ink);font-variant-numeric:tabular-nums}.cm-x-raten-money input:focus{outline:none}.cm-x-raten-money:focus-within{box-shadow:inset 0 0 0 2px var(--xr-blue),0 0 0 4px #174fe429}.cm-x-raten-money>span{font-size:2rem;font-weight:650;color:var(--xr-mute)}.cm-x-raten .cm-x-raten-hint{margin:-8px 0 18px;font-size:1.35rem;line-height:1.5;color:var(--xr-mute);max-width:46ch}.cm-x-raten-out{grid-area:out;box-sizing:border-box;min-width:0;align-self:stretch;display:flex;flex-direction:column;padding:clamp(20px,2.4vw,36px);border-radius:32px;background:radial-gradient(760px 420px at 88% 4%,#3d72ff57,#3d72ff00 70%),#12151c;color:#fff;box-shadow:0 34px 60px -40px #0b1020bf}.cm-x-raten-pile{position:relative;display:flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:20px;background:#fff;color:var(--xr-ink);box-shadow:0 7px 0 -3px #ffffff80,0 14px 0 -6px #ffffff47,0 21px 0 -9px #ffffff24}.cm-x-raten-thumb{flex:none;display:grid;place-items:center;width:60px;height:60px;border-radius:14px;background:#f5f5f7;color:var(--xr-blue);overflow:hidden}.cm-x-raten-thumb img{display:block;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.cm-x-raten-thumb svg{display:block;width:34px;height:34px}.cm-x-raten-pile-text{display:flex;flex-direction:column;min-width:0}.cm-x-raten-pile-name{font-size:1.4rem;font-weight:600;line-height:1.3;color:var(--xr-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-x-raten-pile-price{font-size:clamp(2rem,1.9vw,2.6rem);font-weight:680;letter-spacing:-.03em;line-height:1.15;color:var(--xr-ink);font-variant-numeric:tabular-nums}.cm-x-raten-fan{display:grid;gap:6px;margin:clamp(34px,3vw,44px) 0 0}.cm-x-raten-year{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:8px}.cm-x-raten-year-n{font-size:1.15rem;font-weight:600;letter-spacing:.02em;color:#ffffff85;white-space:nowrap}.cm-x-raten-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.cm-x-raten-slice{display:grid;place-items:center;aspect-ratio:1/1.12;border-radius:8px;background:#ffffff12;box-shadow:inset 0 0 0 1.5px #8fb0ff6b;font-size:1.1rem;font-weight:600;line-height:1;color:#fff9;font-variant-numeric:tabular-nums}.cm-x-raten-fan.is-filled .cm-x-raten-slice{background:linear-gradient(180deg,#3d72ff,#174fe4);box-shadow:none;color:#fff}.cm-x-raten-out.is-empty .cm-x-raten-slice{box-shadow:inset 0 0 0 1.5px #ffffff24;color:#ffffff47}.cm-x-raten-result{margin:clamp(20px,2.2vw,30px) 0 0}.cm-x-raten .cm-x-raten-big{margin:0 0 8px;font-size:clamp(3.2rem,3.5vw,5.2rem);font-weight:680;letter-spacing:-.045em;line-height:1.04;color:#fff;font-variant-numeric:tabular-nums}.cm-x-raten-out.is-empty .cm-x-raten-big{font-size:clamp(2.2rem,2vw,2.8rem);letter-spacing:-.025em;line-height:1.2;color:#ffffffdb}.cm-x-raten .cm-x-raten-line{margin:0 0 8px;font-size:1.5rem;line-height:1.5;color:#ffffffd1}.cm-x-raten--kond .cm-x-raten-line{font-size:1.4rem}.cm-x-raten .cm-x-raten-geber,.cm-x-raten .cm-x-raten-note{margin:0 0 6px;font-size:1.25rem;line-height:1.5;color:#fff9}.cm-x-raten-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:auto 0 0;padding-top:clamp(16px,1.8vw,24px)}.cm-x-raten-go .cm-btn{min-height:52px;white-space:nowrap}.cm-x-raten a.cm-x-raten-shop{display:inline-flex;align-items:center;min-height:44px;font-size:1.45rem;font-weight:600;color:#c9d8ff;text-decoration:underline;text-underline-offset:4px}.cm-x-raten a.cm-x-raten-shop:hover{color:#fff}.cm-x-raten a.cm-x-raten-shop:focus-visible,.cm-x-raten-go .cm-btn:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px}.cm-x-raten .cm-x-raten-go-note{margin:10px 0 0;font-size:1.3rem;line-height:1.45;color:#fff9}.cm-x-raten .cm-x-raten-nojs{grid-column:1/-1;margin:0;padding:16px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px #dfe4ec;font-size:1.5rem;line-height:1.5;color:#3f4653}html:not(.cm-x-raten-js) .cm-x-raten-in,html:not(.cm-x-raten-js) .cm-x-raten-out,.cm-x-raten-nocalc .cm-x-raten-in,.cm-x-raten-nocalc .cm-x-raten-out{display:none}html:not(.cm-x-raten-js) .cm-x-raten-stage,.cm-x-raten-nocalc .cm-x-raten-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"title"}html:not(.cm-x-raten-js) .cm-fin--huelle .cm-fin-loading{display:none}.cm-x-raten-legal{margin-top:14px}.cm-x-raten .cm-x-raten-legal p{margin:0 0 4px;font-size:1.3rem;line-height:1.55;color:var(--xr-mute);max-width:120ch}.cm-x-raten-sec{margin-top:clamp(56px,6.4vw,104px)}.cm-x-raten-sec-head{max-width:880px;margin:0 0 clamp(22px,2.8vw,38px)}.cm-x-raten .cm-x-raten-sec-head h2,.cm-x-raten .cm-x-raten-formhead h2{font-size:clamp(3.2rem,3.6vw,5.2rem);line-height:1.06;margin:0}.cm-x-raten .cm-x-raten-sec-head h2+p{margin:16px 0 0;font-size:clamp(1.65rem,1.3vw,1.9rem);line-height:1.55;max-width:62ch;color:#474e5b}.cm-x-raten-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,32px)}.cm-x-raten-steps li{position:relative;padding-top:66px}.cm-x-raten-step-n{position:absolute;top:0;left:0;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--xr-blue);font-size:1.6rem;font-weight:700;line-height:1;color:var(--xr-blue)}.cm-x-raten-steps li:before{content:"";position:absolute;top:24px;left:60px;right:calc(clamp(14px,2vw,32px)*-1 + 12px);height:1.5px;background:repeating-linear-gradient(90deg,#b9c6ea 0 6px,transparent 6px 12px)}.cm-x-raten-steps li:last-child:before{background:linear-gradient(90deg,#b9c6ea,#b9c6ea00);right:0}.cm-x-raten-steps li:last-child .cm-x-raten-step-n{background:var(--xr-blue);color:#fff}.cm-x-raten .cm-x-raten-steps h3{margin:0 0 6px;font-size:clamp(1.9rem,1.6vw,2.3rem);font-weight:650;letter-spacing:-.02em;line-height:1.2;color:var(--xr-ink)}.cm-x-raten .cm-x-raten-steps p{margin:0;font-size:1.5rem;line-height:1.5;color:#474e5b}.cm-x-raten-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}.cm-x-raten-ways--3{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr)}.cm-x-raten-way{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,2.2vw,32px);border-radius:30px;background:#f4f6fa;box-shadow:inset 0 0 0 1px #e6e9f0}.cm-x-raten-way--main{background:radial-gradient(520px 300px at 92% 0%,#3d72ff57,#3d72ff00 70%),#12151c;box-shadow:none;color:#fff}.cm-x-raten .cm-x-raten-way-mark{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;width:100%;min-height:40px;margin:0 0 clamp(18px,2vw,28px)}.cm-x-raten-way-mark img{display:block;height:34px;width:auto;max-width:60%}.cm-x-raten-way-icon{display:inline-flex;flex:none}.cm-x-raten-way-icon svg{display:block;height:40px;width:auto}.cm-x-raten-way-name{font-size:clamp(2.2rem,2vw,2.8rem);font-weight:680;letter-spacing:-.035em;line-height:1.1;color:var(--xr-ink)}.cm-x-raten-way--main .cm-x-raten-way-name{color:#fff}.cm-x-raten-way-tag{margin-left:auto;display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border-radius:999px;background:#e4e8f0;font-size:1.2rem;font-weight:650;letter-spacing:.02em;color:#3f4653;white-space:nowrap}.cm-x-raten-way--main .cm-x-raten-way-tag{background:var(--xr-blue);color:#fff}.cm-x-raten .cm-x-raten-way h3{margin:0 0 8px;font-size:clamp(1.9rem,1.6vw,2.3rem);font-weight:650;letter-spacing:-.02em;line-height:1.2;color:inherit}.cm-x-raten .cm-x-raten-way>p:not(.cm-x-raten-way-mark){margin:0;font-size:1.5rem;line-height:1.55;color:#474e5b}.cm-x-raten .cm-x-raten-way--main>p:not(.cm-x-raten-way-mark){color:#ffffffc7}.cm-x-raten a.cm-x-raten-way-link{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin-top:auto;padding:18px 0 0;font-size:1.5rem;font-weight:600;color:#c9d8ff;text-decoration:none}.cm-x-raten a.cm-x-raten-way-link:hover{color:#fff}.cm-x-raten a.cm-x-raten-way-link:focus-visible{outline:3px solid #8fb0ff;outline-offset:3px;border-radius:8px}.cm-x-raten .cm-x-raten-fine{margin:18px 0 0;font-size:1.3rem;line-height:1.55;color:var(--xr-mute);max-width:110ch}.cm-x-raten-formhead{margin-top:clamp(56px,6.4vw,104px);padding-top:clamp(28px,3vw,44px);border-top:1px solid var(--xr-line)}.cm-x-raten .cm-x-raten-formhead .cm-lead{margin:16px 0 0;max-width:62ch;font-size:clamp(1.65rem,1.3vw,1.9rem);line-height:1.55;color:#474e5b}.cm-x-raten .cm-x-raten-carried{display:inline-block;margin:18px 0 0;padding:11px 16px;border-radius:16px;background:#eef3ff;font-size:1.45rem;line-height:1.45;color:#123fb8}.cm-x-raten-biz{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:clamp(40px,4.6vw,72px);padding:clamp(22px,2.6vw,38px);border-radius:30px;background:#f4f6fa;box-shadow:inset 0 0 0 1px #e6e9f0;box-sizing:border-box}.cm-x-raten .cm-x-raten-biz h2{margin:0 0 6px;font-size:clamp(2.2rem,2vw,2.9rem);line-height:1.15}.cm-x-raten .cm-x-raten-biz p{margin:0;font-size:1.55rem;line-height:1.55;max-width:64ch;color:#474e5b}.cm-x-raten a.cm-x-raten-ghost{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 22px;border-radius:999px;box-shadow:inset 0 0 0 1.5px #12151c38;font-size:1.5rem;font-weight:600;color:var(--xr-ink);text-decoration:none;white-space:nowrap;transition:box-shadow .3s ease,background-color .3s ease}.cm-x-raten a.cm-x-raten-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--xr-ink);background:#fff}.cm-x-raten a.cm-x-raten-ghost:focus-visible{outline:3px solid var(--xr-blue);outline-offset:3px}.cm-fin--huelle{padding-bottom:clamp(40px,5vw,80px)}.cm-fin--huelle .cm-fin-huelle__bereich{margin-top:clamp(22px,2.6vw,36px)}.cm-fin--huelle .cm-fin-form__inner{counter-reset:cm-x-teil}.cm-fin--huelle .cm-fin-section{counter-increment:cm-x-teil;margin:0 0 16px;padding:clamp(20px,2.4vw,34px);border-radius:28px;background:#f6f7fa;box-shadow:inset 0 0 0 1px #e6e9f0}.cm-fin--huelle .cm-fin-section__title{position:relative;box-sizing:border-box;float:left;width:100%;min-height:40px;margin:0 0 8px;padding:6px 0 4px 54px}.cm-fin--huelle .cm-fin-section__title:before{content:counter(cm-x-teil,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cm-blue,#174fe4);font-size:1.4rem;font-weight:700;letter-spacing:0;color:var(--cm-blue,#174fe4)}.cm-fin--huelle .cm-fin-section__title~*{clear:both}.cm-fin--huelle .cm-fin-privacy{margin-top:26px}.cm-fin--huelle .cm-fin-card{border-radius:28px;background:#f4f6fa;box-shadow:inset 0 0 0 1px #e6e9f0}.cm-fin--huelle .cm-fin-done{background:#eef7f1;box-shadow:inset 0 0 0 1px #cfe8d8}@media(prefers-reduced-motion:no-preference){.cm-x-raten-ready .cm-x-raten-slice{animation:cm-x-raten-deal .62s var(--xr-spring) both;animation-delay:calc(var(--i,0)*13ms)}.cm-x-raten-ready .cm-x-raten-out.is-tick .cm-x-raten-big{animation:cm-x-raten-tick .5s var(--xr-spring)}.cm-x-raten-ready .cm-x-raten-out.is-tick .cm-x-raten-pile{animation:cm-x-raten-press .55s var(--xr-spring)}}@keyframes cm-x-raten-deal{0%{opacity:0;transform:translateY(-30px) scale(.6)}to{opacity:1;transform:none}}@keyframes cm-x-raten-tick{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cm-x-raten-press{0%{transform:none}40%{transform:translateY(5px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.cm-x-raten *,.cm-x-raten *:before{transition:none!important;animation:none!important}}@media(max-width:1100px){.cm-x-raten-stage{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "in" "out"}.cm-x-raten-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px clamp(14px,2vw,32px)}.cm-x-raten-steps li.cm-x-raten-step--b:before{background:linear-gradient(90deg,#b9c6ea,#b9c6ea00);right:0}.cm-x-raten-ways,.cm-x-raten-ways--3{grid-template-columns:minmax(0,1fr)}}@media(max-width:899px){.cm-x-raten-stage{border-radius:32px}}@media(max-width:560px){.cm-x-raten{--xr-pad:16px}.cm-x-raten-stage{width:calc(100% - 20px);padding-top:22px;padding-bottom:16px;border-radius:28px}.cm-x-raten .cm-x-raten-title h1{font-size:clamp(3.2rem,10.4vw,4.6rem)}.cm-x-raten-field .cm-x-raten-money{max-width:none}.cm-x-raten-chips--term{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.cm-x-raten-chips--term span{width:100%;min-width:0;padding:0}.cm-x-raten-out{margin:0 -6px;padding:16px;border-radius:24px}.cm-x-raten-year{grid-template-columns:minmax(0,1fr)}.cm-x-raten-year-n{display:none}.cm-x-raten-months{gap:3px}.cm-x-raten-slice{border-radius:5px;font-size:0}.cm-x-raten-go .cm-btn{width:100%;box-sizing:border-box}.cm-x-raten-steps{grid-template-columns:minmax(0,1fr);gap:22px}.cm-x-raten-steps li{padding:0 0 0 64px;min-height:48px}.cm-x-raten-steps li:before,.cm-x-raten-steps li.cm-x-raten-step--b:before,.cm-x-raten-steps li:last-child:before{top:54px;bottom:-18px;left:23px;right:auto;width:1.5px;height:auto;background:repeating-linear-gradient(180deg,#b9c6ea 0 6px,transparent 6px 12px)}.cm-x-raten-steps li:last-child:before{display:none}.cm-x-raten-way,.cm-x-raten-biz{border-radius:24px}.cm-x-raten a.cm-x-raten-ghost{width:100%;box-sizing:border-box;justify-content:center}.cm-fin--huelle .cm-fin-section{border-radius:22px;padding:18px 16px}.cm-fin--huelle .cm-fin-card{border-radius:22px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cm-x-raten.css.map */