.b3l{--b3l-night: #12130D;--b3l-night-2: #1E201C;--b3l-ink: #2C2E2A;--b3l-paper: #FAFAFA;--b3l-stone: #EDEDE9;--b3l-sage: #CCCFB7;--b3l-moss: #99A285;--b3l-line: rgba(250, 250, 250, .18);--b3l-muted: rgba(250, 250, 250, .72);--b3l-err: #F2B8A8;--b3l-gutter-l: max(16px, env(safe-area-inset-left, 0px));--b3l-gutter-r: max(16px, env(safe-area-inset-right, 0px));--b3l-head: var(--FONT-STACK-HEADING, "Playfair Display", Georgia, serif);--b3l-body: var(--FONT-STACK-BODY, "Montserrat", "Helvetica Neue", Arial, sans-serif);position:relative;background:var(--b3l-night);color:var(--b3l-paper);font-family:var(--b3l-body);font-size:16px;line-height:1.55;overflow-x:clip}.b3l *,.b3l *:before,.b3l *:after{box-sizing:border-box}.b3l p,.b3l h1,.b3l h2,.b3l h3,.b3l ul,.b3l figure{margin:0}:where(.b3l) a{color:inherit}.b3l [hidden]{display:none!important}.b3l img{max-width:100%}.b3l-scene{position:relative;background:var(--b3l-night-2)}.b3l-stage{position:relative}.b3l-sky,.b3l-overlay,.b3l-progress{display:none}.b3l-caps{display:grid;gap:56px;justify-items:center;text-align:center;padding:72px var(--b3l-gutter-r) 40px var(--b3l-gutter-l)}.b3l-cap{display:grid;gap:14px;justify-items:center;max-width:640px}.b3l-cap__k{display:inline-flex;align-items:center;gap:12px;font-family:var(--b3l-body);font-size:12px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--b3l-sage)}.b3l-cap__k b{font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.12em;color:var(--b3l-paper)}.b3l-cap__k i{width:32px;height:1px;background:currentColor;opacity:.7}.b3l-cap__h{max-width:17ch;font-family:var(--b3l-head);font-weight:400;font-size:clamp(30px,8vw,54px);line-height:1.06;letter-spacing:-.015em;text-wrap:balance;color:var(--b3l-paper)}.b3l-cap--s .b3l-cap__h{font-size:clamp(29px,7.6vw,50px)}.b3l-cap__h em,.b3l-outro__h em{font-style:italic;color:var(--b3l-sage)}.b3l-cap__t{max-width:33ch;font-size:clamp(15px,4vw,18px);line-height:1.5;color:#fafafae0;text-wrap:pretty}.b3l-outro{display:grid;gap:14px;justify-items:center;text-align:center;padding:16px var(--b3l-gutter-r) 64px var(--b3l-gutter-l)}.b3l-outro__h{font-family:var(--b3l-head);font-weight:400;font-size:clamp(34px,9vw,62px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;color:var(--b3l-paper)}.b3l-outro__t{max-width:30ch;font-size:clamp(15px,4vw,18px);line-height:1.5;color:#fafafae0;text-wrap:pretty}.b3l-outro .b3l-btn{margin-top:6px}.b3l-outro small{font-size:12px;opacity:.7;letter-spacing:.04em}.b3l-intro{display:grid;gap:14px;justify-items:center;text-align:center;padding:8px var(--b3l-gutter-r) 56px var(--b3l-gutter-l)}.b3l-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;opacity:.8}.b3l-intro h1{font-family:var(--b3l-head);font-weight:400;font-size:clamp(34px,9vw,64px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;color:var(--b3l-paper)}.b3l-intro h1 em{font-style:italic;color:var(--b3l-sage)}.b3l-intro p{max-width:34ch;font-size:16px}.b3l-intro small{font-size:12px;opacity:.65;letter-spacing:.04em}.b3l-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 28px;border:0;border-radius:999px;cursor:pointer;background:var(--b3l-paper);color:var(--b3l-ink);font:500 16px/1.1 var(--b3l-body);text-decoration:none;text-align:center;letter-spacing:normal;text-transform:none;transition:background-color .2s ease,transform .2s ease}.b3l-btn:after{content:"\2192";transition:transform .25s ease}.b3l-btn--down:after{content:"\2193"}.b3l-btn:hover{background:var(--b3l-sage);color:var(--b3l-ink)}.b3l-btn:hover:after{transform:translate(4px)}.b3l-btn--down:hover:after{transform:translateY(3px)}.b3l-btn:active{transform:scale(.98)}.b3l-btn:focus-visible{outline:2px solid var(--b3l-sage);outline-offset:3px}.b3l-btn--ink{background:var(--b3l-ink);color:var(--b3l-paper)}.b3l-btn--ink:hover{background:#45483f;color:var(--b3l-paper)}.b3l-btn--ink:focus-visible{outline-color:var(--b3l-ink)}.b3l-btn[disabled]{opacity:.6;cursor:progress}.b3l.is-motion .b3l-scene{height:calc(var(--b3l-len, 420) * 1svh)}@supports not (height: 1svh){.b3l.is-motion .b3l-scene{height:calc(var(--b3l-len, 420) * 1vh)}}.b3l.is-motion .b3l-stage{position:sticky;top:0;height:100svh;overflow:hidden}@supports not (height: 1svh){.b3l.is-motion .b3l-stage{height:100vh}}.b3l.is-motion .b3l-sky,.b3l.is-motion .b3l-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.b3l.is-motion .b3l-stage:after{content:"";position:absolute;left:0;right:0;top:0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(30,32,28,.45),rgba(30,32,28,.18) 55%,transparent)}.b3l.is-motion .b3l-caps{position:absolute;z-index:3;left:0;right:0;top:44px;padding-block:0}.b3l.is-motion .b3l-cap{grid-area:1 / 1}.b3l.is-motion .b3l-cap>*,.b3l.is-motion .b3l-outro>*{opacity:0;transform:translateY(14px);text-shadow:0 1px 2px rgba(0,0,0,.25),0 2px 30px rgba(0,0,0,.45);transition:opacity .2s ease,transform .2s ease}.b3l.is-motion .b3l-cap.is-on>*,.b3l.is-motion .b3l-outro.is-on>*{opacity:1;transform:none;transition:opacity .6s ease .1s,transform .6s cubic-bezier(.2,.7,.2,1) .1s}.b3l.is-motion .b3l-cap.is-on>:nth-child(2),.b3l.is-motion .b3l-outro.is-on>:nth-child(2){transition-delay:.22s}.b3l.is-motion .b3l-cap.is-on>:nth-child(3),.b3l.is-motion .b3l-outro.is-on>:nth-child(3){transition-delay:.36s}.b3l.is-motion .b3l-outro.is-on>:nth-child(4){transition-delay:.46s}.b3l.is-motion .b3l-cap__k i{transform-origin:left;transform:scaleX(0);transition:transform .2s ease}.b3l.is-motion .b3l-cap.is-on .b3l-cap__k i{transform:none;transition:transform .7s cubic-bezier(.2,.7,.2,1) .25s}.b3l.is-motion .b3l-outro .b3l-btn{text-shadow:none}.b3l.is-motion .b3l-outro{position:absolute;z-index:3;left:0;right:0;bottom:0;padding-top:0;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));pointer-events:none}.b3l.is-motion .b3l-outro:before{content:"";position:absolute;top:-80px;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(15,16,10,.8) 50%);opacity:0;transition:opacity .5s ease}.b3l.is-motion .b3l-outro.is-on{pointer-events:auto}.b3l.is-motion .b3l-outro.is-on:before{opacity:1}.b3l.is-motion .b3l-outro.is-on .b3l-btn--down:after{animation:b3l-bob 1.4s ease-in-out 1s infinite}@keyframes b3l-bob{0%,to{transform:none}45%,60%{transform:translateY(4px)}}.b3l.is-motion .b3l-overlay{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.b3l.is-motion .b3l-intro{position:absolute;z-index:3;left:0;right:0;bottom:var(--b3l-top, 0px);padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));transition:opacity .35s ease,transform .35s ease}.b3l.is-motion .b3l-intro:before{content:"";position:absolute;inset:-60px 0 calc(-1 * var(--b3l-top, 0px));z-index:-1;background:linear-gradient(180deg,transparent,rgba(15,16,10,.82) 45%)}.b3l.is-motion .b3l-intro.is-gone{opacity:0;transform:translateY(12px);pointer-events:none}.b3l.is-motion .b3l-progress{display:block;position:absolute;z-index:4;left:0;right:0;top:0;height:3px;background:#fafafa24}.b3l-progress__bar{height:100%;background:var(--b3l-sage);transform-origin:left;transform:scaleX(0)}.b3l-calc{position:relative;background:linear-gradient(180deg,var(--b3l-night) 0,var(--b3l-night-2) 420px);padding-block:72px 96px;padding-left:var(--b3l-gutter-l);padding-right:var(--b3l-gutter-r);scroll-margin-top:0}.b3l-calc__inner{max-width:640px;margin:0 auto;display:grid;gap:28px}.b3l-calc__head{display:grid;gap:14px}.b3l-h2{font-family:var(--b3l-head);font-weight:400;font-size:clamp(32px,8.6vw,60px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;color:var(--b3l-paper)}.b3l-h2 em{font-style:italic;color:var(--b3l-sage)}.b3l-lead{font-size:17px;max-width:46ch;color:var(--b3l-muted)}.b3l-form{display:grid;gap:18px}.b3l-grid2{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.b3l-field{display:grid;gap:7px;position:relative;min-width:0}.b3l-field label{font-size:14px;font-weight:500;color:var(--b3l-paper)}.b3l .b3l-input{width:100%;min-height:52px;margin:0;padding:12px 14px;border-radius:12px;box-shadow:none;border:1px solid var(--b3l-line);background:#fafafa0f;color:var(--b3l-paper);font:16px/1.3 var(--b3l-body);-webkit-appearance:none;appearance:none}.b3l .b3l-input::placeholder{color:#fafafa73}.b3l .b3l-input:focus-visible{outline:2px solid var(--b3l-sage);outline-offset:1px;border-color:transparent}.b3l .b3l-input:disabled{opacity:.4}.b3l .b3l-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.7}.b3l-hint{font-size:14px;color:var(--b3l-muted)}.b3l-check{display:flex;gap:10px;align-items:center;font-size:15px;cursor:pointer;min-height:32px;justify-self:start;color:var(--b3l-paper)}.b3l-check input{width:20px;height:20px;accent-color:var(--b3l-sage);margin:0}.b3l-suggest{position:absolute;top:100%;left:0;right:0;z-index:10;margin:6px 0 0;padding:4px;list-style:none;background:var(--b3l-paper);color:var(--b3l-ink);border-radius:12px;max-height:280px;overflow-y:auto;box-shadow:0 12px 32px #0006}.b3l-suggest li{display:flex;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:8px;cursor:pointer;font-size:15px}.b3l-suggest li span{color:#6b6e63;font-size:13px;white-space:nowrap}.b3l-suggest li[aria-selected=true],.b3l-suggest li:hover{background:var(--b3l-sage)}.b3l-noplace{font-size:14px;padding:12px 14px;border-radius:12px;background:#fafafa0f}.b3l-noplace a{white-space:nowrap}.b3l-error{color:var(--b3l-err);font-size:15px}.b3l-error:empty{display:none}.b3l-form .b3l-btn{justify-self:stretch}.b3l-result{display:grid;gap:28px;padding-top:12px;border-top:1px solid var(--b3l-line);scroll-margin-top:16px}.b3l-result__sky{width:100%;height:auto;display:block}.b3l-result__sky .s{opacity:0;transform:scale(.6);transform-box:fill-box;transform-origin:center;transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.b3l-result.is-show .b3l-result__sky .s{opacity:1;transform:none}.b3l-result.is-show .b3l-result__sky .s:nth-of-type(2){transition-delay:.25s}.b3l-result.is-show .b3l-result__sky .s:nth-of-type(3){transition-delay:.5s}.b3l-rows{list-style:none;padding:0;display:grid}.b3l-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--b3l-line)}.b3l-row:first-child{border-top:1px solid var(--b3l-line)}.b3l-dot{width:28px;height:28px;border-radius:50%;background:var(--c);box-shadow:inset 0 -5px 8px #0000002e,inset 0 4px 7px #fff6}.b3l-dot--two{background:linear-gradient(90deg,var(--c) 50%,var(--c2) 50%)}.b3l-dot--open{background:transparent;border:1.5px dashed rgba(250,250,250,.45);box-shadow:none}.b3l-row__role{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--b3l-muted)}.b3l-row__sign{display:block;font-family:var(--b3l-head);font-size:26px;line-height:1.15}.b3l-row__what{display:block;font-size:14px;color:var(--b3l-muted)}.b3l-row__stone{text-align:right;font-size:14px}.b3l-row__stone b{display:block;font-family:var(--b3l-head);font-style:italic;font-weight:400;font-size:18px}.b3l-row__stone span{color:var(--b3l-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.b3l-or{font-family:var(--b3l-body);font-style:normal;font-size:.5em;letter-spacing:.12em;text-transform:uppercase;color:var(--b3l-muted);vertical-align:.25em}.b3l-row__stone .b3l-or{font-size:11px;vertical-align:0}.b3l-notime{font-size:14px;color:var(--b3l-paper);padding:10px 14px;border-left:2px solid var(--b3l-sage);background:#fafafa0d}.b3l-note{font-size:14px;padding:12px 14px;border-radius:12px;background:#fafafa0f}.b3l-combo{font-size:15px;color:var(--b3l-muted)}.b3l-again{justify-self:start;background:none;border:0;padding:8px 0;color:var(--b3l-paper);font:500 15px var(--b3l-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.b3l-again:focus-visible{outline:2px solid var(--b3l-sage);outline-offset:2px}.b3l-mail{background:var(--b3l-sage);color:var(--b3l-ink);border-radius:4px;overflow:hidden;display:grid}.b3l-mail__body{padding:28px 22px;display:grid;gap:16px;align-content:start;min-width:0}.b3l-mail .b3l-eyebrow{opacity:1;color:#55603f}.b3l-mail h3{font-family:var(--b3l-head);font-weight:400;font-size:clamp(26px,6.4vw,36px);line-height:1.1;text-wrap:balance;color:var(--b3l-ink)}.b3l-mail p{max-width:52ch}.b3l-who{display:flex;gap:12px;align-items:center;font-size:14px;font-style:italic;font-family:var(--b3l-head);color:#3f4239}.b3l-who img{flex:none;width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;box-shadow:0 0 0 2px var(--b3l-paper)}.b3l-mail form{display:grid;gap:12px}.b3l .b3l-mail .b3l-input{background:var(--b3l-paper);color:var(--b3l-ink);border-color:#2c2e2a33}.b3l .b3l-mail .b3l-input::placeholder{color:#8a8c80}.b3l .b3l-mail .b3l-input:focus-visible{outline-color:var(--b3l-ink)}.b3l-fine{font-size:13px;color:#4a4d44}.b3l-mail .b3l-error{color:#8a3b2e}.b3l-ok{display:grid;gap:8px}.b3l-ok b{font-family:var(--b3l-head);font-weight:400;font-size:24px}.b3l-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.b3l-soul{display:grid;grid-template-columns:104px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--b3l-line);border-radius:4px}.b3l-soul img{width:104px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:2px;display:block}.b3l-soul__text{display:grid;gap:8px;min-width:0}.b3l-soul__text .b3l-eyebrow{color:var(--b3l-sage);opacity:1}.b3l-soul h3{font-family:var(--b3l-head);font-weight:400;font-size:22px;line-height:1.15;text-wrap:balance;color:var(--b3l-paper)}.b3l-soul p{font-size:15px;color:var(--b3l-muted)}.b3l-soul__link{justify-self:start;display:inline-block;padding-block:10px;font-weight:500;text-decoration:underline;text-underline-offset:4px}.b3l-soul__link:after{content:"\a0\2192";display:inline-block;transition:transform .25s ease}.b3l-soul__link:hover:after{transform:translate(4px)}.b3l-soul__link:focus-visible{outline:2px solid var(--b3l-sage);outline-offset:2px}@media(min-width:720px){.b3l-calc{padding-block:120px 140px}.b3l-cap__t,.b3l-outro__t{max-width:40ch}.b3l-calc__inner{max-width:760px}.b3l-mail__body{padding:36px}.b3l-mail form{grid-template-columns:minmax(0,1fr) auto;align-items:start}.b3l-fine,.b3l-mail .b3l-error{grid-column:1 / -1}.b3l-soul{grid-template-columns:140px minmax(0,1fr);gap:24px;padding:20px}.b3l-soul img{width:140px}}@media(max-width:380px){.b3l-grid2{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.b3l *,.b3l *:before,.b3l *:after{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/hm-b3-rechner-lp-v4.css.map */
