/*
  creativecouch | Webdesign, SEO und GEO
  Paul Böstro
  Pappelweg 7, 35510 Butzbach
  https://creativecouch.de
*/
@layer tokens,base,layout,components,utilities,sections,pages,reveal,a11y;@layer sections{.clouds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.cloud{position:absolute;border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;background:radial-gradient(120% 120% at 28% 22%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.7) 22%,rgba(238,243,243,0) 55%), radial-gradient(100% 100% at 70% 80%,rgba(168,192,194,.55) 0%,rgba(168,192,194,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#eef3f3 45%,#dfe8e9 80%,#a8c0c2 130%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(73,127,131,.16), inset 1.6rem 2rem 4rem var(--white-a90), 0 4rem 8rem var(--ink-a05)}.cloud--warm{background:radial-gradient(120% 120% at 30% 24%,rgba(255,255,255,.98) 0%,rgba(255,255,255,.65) 24%,rgba(252,243,243,0) 55%), radial-gradient(100% 100% at 72% 78%,rgba(247,200,200,.45) 0%,rgba(247,200,200,0) 60%), linear-gradient(160deg,#fbfaf8 0%,#fcf3f3 50%,#fdebeb 90%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(196,54,54,.07), inset 1.6rem 2rem 4rem var(--white-a90)}.js .clouds .cloud{opacity:0;transition:opacity .6s var(--ease-soft, ease)}.js .clouds.is-fit .cloud{opacity:1}.cloud{animation-duration:18s;animation-timing-function:ease-in-out}@media (prefers-reduced-motion: no-preference){.clouds.is-visible .cloud{animation-name:cloudMorph;animation-iteration-count:infinite;animation-direction:alternate}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(2n){animation-name:cloudMorph2;animation-duration:23s;animation-delay:-7s}.clouds.is-visible:not(.clouds--still) .cloud:nth-child(3n){animation-name:cloudMorph3;animation-duration:15s;animation-delay:-11s}}html.motion-paused .clouds .cloud{animation-play-state:paused}@keyframes cloudMorph{0%{border-radius:48% 52% 63% 37% / 45% 40% 60% 55%;rotate:-5deg;scale:1}25%{border-radius:70% 30% 52% 48% / 38% 62% 38% 62%;rotate:2deg;scale:1.04 .96}50%{border-radius:35% 65% 30% 70% / 60% 45% 55% 40%;rotate:7deg;scale:.97 1.03}75%{border-radius:58% 42% 70% 30% / 30% 58% 42% 70%;rotate:-2deg;scale:1.03}100%{border-radius:40% 60% 55% 45% / 38% 55% 45% 62%;rotate:9deg;scale:.98 1.02}}@keyframes cloudMorph2{0%{border-radius:62% 38% 42% 58% / 50% 65% 35% 50%;rotate:4deg;scale:1}33%{border-radius:38% 62% 66% 34% / 64% 36% 64% 36%;rotate:-6deg;scale:1.05 .95}66%{border-radius:55% 45% 32% 68% / 42% 70% 30% 58%;rotate:3deg;scale:.96 1.04}100%{border-radius:30% 70% 58% 42% / 55% 40% 60% 45%;rotate:-8deg;scale:1.02}}@keyframes cloudMorph3{0%{border-radius:50% 50% 35% 65% / 68% 42% 58% 32%;rotate:-3deg;scale:1.03 .97}50%{border-radius:66% 34% 60% 40% / 36% 60% 40% 64%;rotate:5deg;scale:.97 1.03}100%{border-radius:42% 58% 48% 52% / 52% 34% 66% 48%;rotate:-7deg;scale:1}}.l-page{--l-gap:clamp(4rem, 2.4rem + 3vw, 8rem)}.l-section{position:relative;padding-block:var(--section)}.midcta + .l-section:is(.s-flow,.k-flow){padding-top:clamp(3.2rem, 2rem + 2.4vw, 5.6rem)}.l-page main :is(.l-stack,.l-stack > *){min-width:0}.l-stack{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem;align-content:start}.l-page main{overflow-wrap:break-word}@media (max-width: 599px){.l-page main :is(p,li,h2,h3,dd,dt){hyphens:manual}}.l-h2{font-size:var(--fs-56);font-weight:var(--fw-head-strong);letter-spacing:-.03em;line-height:1.04;text-wrap:wrap}.l-split__strong,.l-split__light{display:block}.l-split__light{margin-top:.1em;font-weight:300}.l-lede{font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.l-eyebrow{font-family:var(--font-head);font-weight:var(--fw-head-light);font-size:var(--fs-20);line-height:1.35}.l-label{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-18);line-height:1.3}.l-link{color:var(--cc-red);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s, text-decoration-thickness .3s}:is(h1,h2,h3,h4) .l-link{font-weight:inherit}.l-link:hover{color:var(--cc-red);text-decoration-thickness:2px}.l-link.u-nowrap{white-space:nowrap}.l-more{display:inline-flex;align-items:center;gap:.6rem;min-height:4.4rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s}.l-more svg{width:1.2rem;height:1.2rem;transition:transform .4s var(--ease-out)}.l-more:hover{color:var(--cc-red)}:is([data-header="dark"],.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) :is(.l-more,.l-link):not(.l-paper *):is(:hover,:focus-visible){color:inherit;text-decoration-thickness:2px}.l-more:hover svg{transform:translate3d(.2rem, -.2rem, 0)}.l-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem 2.4rem}.l-tone-dark{background:var(--teal-900)}.l-tone-petrol{background:var(--teal-700)}.l-tone-red{background:var(--cc-red)}.l-tone-ink{background:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink){--cc-muted:rgba(255, 255, 255, .86);--cc-line:rgba(255, 255, 255, .26);--cc-line-strong:rgba(255, 255, 255, .45);color:var(--cc-white)}.l-tone-red{--cc-muted:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-link{color:var(--cc-white)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper{--cc-muted:rgba(28, 28, 28, .74);--cc-line:rgba(28, 28, 28, .14);--cc-line-strong:rgba(28, 28, 28, .26);color:var(--cc-ink)}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper :focus-visible{outline-color:var(--cc-red)}.l-illu{display:block;width:100%;height:auto;aspect-ratio:835 / 874}@media print{[data-pop-pin]{height:auto !important}[data-pop-sticky]{position:static}[data-pop] [data-pop-item],[data-pop] [data-pop-item] *,[data-pop] [data-pop-final]{opacity:1;transform:none !important;clip-path:none !important;stroke-dashoffset:0}}.l-page :is(.s-step__text,.s-step__result,.bf-check__text){font-size:1.7rem;font-weight:300}.bf-hero{position:relative;display:grid;align-content:center;min-height:calc(100vh + 1.6rem);min-height:calc(100svh + 1.6rem);overflow:hidden;padding:calc(var(--header-h) + clamp(3.2rem, 1rem + 4vw, 7.2rem)) 0 var(--section);background:linear-gradient(180deg, var(--teal-50) 0%, var(--cc-paper) 82%)}.bf-hero .cloud--1{width:44rem;height:40rem;left:-22rem;top:-18rem}.bf-hero .cloud--2{width:36rem;height:32rem;right:-16rem;top:-12rem;animation-duration:22s}.bf-hero__grid,.bf-close__inner{position:relative;z-index:2}.bf-hero__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4rem var(--gutter);align-items:center}.bf-hero__text{grid-column:1 / span 7;gap:clamp(2rem, 1.2rem + 1vw, 2.8rem)}@media (max-width: 479px) and (max-height: 600px){.bf-hero__text{gap:1.4rem}}.bf-hero__title{font-size:var(--fs-64);letter-spacing:-.04em;line-height:1.02;text-wrap:wrap}.bf-hero__strong,.bf-hero__light{display:block}.bf-hero__strong{font-weight:800}.bf-hero__light{margin-top:.06em;font-weight:300}.bf-hero__sub{max-width:48ch;font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.bf-tab{grid-column:9 / -1;display:grid;gap:2rem}.bf-tab__site{overflow:hidden;border:1px solid rgba(28, 28, 28, .14);border-radius:var(--radius-lg);background:var(--cc-white);box-shadow:0 2.4rem 4.8rem -2.4rem rgba(38, 70, 73, .35)}.bf-tab__bar{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.6rem 2.4rem;border-bottom:1px solid rgba(28, 28, 28, .1)}.bf-tab__logo{width:9.6rem;height:1.4rem;border-radius:.4rem;background:var(--cc-ink)}.bf-tab__nav{display:flex;gap:1.2rem}.bf-tab__nav{flex-wrap:wrap;justify-content:flex-end;row-gap:.4rem}.bf-tab__nav .bf-f{padding:.2rem .6rem;border-radius:.6rem;font-size:var(--fs-16);line-height:1.4}.bf-tab__body{display:grid;gap:1.2rem;padding:3.2rem 2.4rem 3.2rem}.bf-tab__line{display:block;height:1.2rem;border-radius:.4rem;background:var(--teal-50)}.bf-tab__line--h{width:70%;height:2.4rem;background:var(--teal-700)}.bf-tab__line--s{width:55%}.bf-tab__label{margin-top:1.2rem;font-size:var(--fs-16);font-weight:600}.bf-tab__field{display:flex;align-items:center;min-height:4.4rem;padding:0 1.2rem;border:2px solid rgba(28, 28, 28, .45);border-radius:.8rem;font-size:var(--fs-16)}.bf-tab__check{display:inline-flex;align-items:center;gap:1rem;justify-self:start;padding:.4rem .6rem .4rem .2rem;border-radius:.6rem;font-size:var(--fs-16)}.bf-tab__box{position:relative;flex:none;width:2.4rem;height:2.4rem;border:2px solid rgba(28, 28, 28, .45);border-radius:.4rem}.bf-tab__check.is-on .bf-tab__box{border-color:var(--cc-ink);background:var(--cc-ink)}.bf-tab__check.is-on .bf-tab__box::after{content:"";position:absolute;left:.7rem;top:.2rem;width:.6rem;height:1.2rem;border:solid var(--cc-white);border-width:0 2px 2px 0;rotate:45deg}.bf-tab__btn{justify-self:start;margin-top:.4rem;padding:1.1rem 2.4rem;border-radius:var(--pill);background:var(--cc-red);color:var(--cc-white);font-family:var(--font-head);font-size:var(--fs-16);font-weight:700}.bf-tab__sent,.bf-tab__btn.is-done .bf-tab__send{display:none}.bf-tab__btn.is-done{background:var(--teal-900)}.bf-tab__btn.is-done .bf-tab__sent{display:inline}.bf-tab__btn.is-done .bf-tab__sent::after{content:" ✓"}.bf-f{outline:3px solid transparent;outline-offset:3px;transition:outline-color .2s}.bf-f.is-f{outline-color:var(--cc-red)}.bf-tab__site{position:relative;overflow:visible}.bf-tab__path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bf-tab__path polyline{fill:none;stroke:var(--cc-red);stroke-width:2;stroke-dasharray:5 5;opacity:.45;vector-effect:non-scaling-stroke}.bf-tab__num{position:absolute;z-index:2;display:grid;place-items:center;width:2.8rem;height:2.8rem;margin:-1.4rem 0 0 -1.4rem;border-radius:50%;background:var(--cc-red);color:var(--cc-white);font-family:var(--font-head);font-size:var(--fs-16);font-weight:700;line-height:1;scale:0;transition:scale .3s cubic-bezier(.175, .885, .32, 1.275)}.bf-tab__num.is-on{scale:1}.bf-tab__key{display:flex;align-items:center;gap:1.2rem;min-height:5.6rem}.bf-tab__keyinfo{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;gap:1.2rem;margin:0;font-size:var(--fs-16)}.bf-tab__key .band__toggle{flex:none;margin:0}.bf-tab__key .band__toggle-label{left:auto;right:0;top:auto;bottom:calc(100% + .8rem);transform:translate3d(0, .4rem, 0)}.bf-tab__key .band__toggle:is(:hover,:focus-visible) .band__toggle-label{transform:translate3d(0, 0, 0)}.bf-tab__key kbd{display:inline-grid;place-items:center;min-width:7.2rem;padding:.8rem 1.6rem;border:2px solid var(--cc-ink);border-radius:.8rem;box-shadow:0 .3rem 0 var(--cc-ink);margin-bottom:.3rem;background:var(--cc-white);font-family:var(--font-head);font-size:var(--fs-16);font-weight:700;transition:transform .12s, box-shadow .12s, background-color .12s, color .12s, border-color .12s}.bf-tab__key kbd.is-press{transform:translateY(.3rem);box-shadow:0 0 0 var(--cc-red);border-color:var(--cc-red);background:var(--cc-red);color:var(--cc-white)}.bf-tab__say{font-weight:600}.bf-tab__say:empty{display:none}.bf-tab__ok{display:none;padding:.4rem 1.2rem;border-radius:var(--pill);background:var(--teal-900);color:var(--cc-white);font-weight:600}.bf-tab__ok.is-on{display:inline-block}@media (max-width: 399px){.bf-tab__bar{padding-inline:1.6rem}.bf-tab__logo{display:none}}@media (prefers-reduced-motion: reduce){.bf-f,.bf-tab__num,.bf-tab__key kbd{transition:none}}.bf-who{color:var(--cc-white)}.bf-who__grid,.bf-std__grid,.bf-no__grid,.bf-cost__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:3.2rem var(--gutter);align-items:start}.bf-who__title{grid-column:1 / span 5}.bf-who__text{grid-column:7 / -1}.bf-who__note{padding-left:1.6rem;border-left:3px solid var(--cc-white);font-weight:600}.bf-std__mark{grid-column:1 / span 4;display:grid;margin:0;font-family:var(--font-head);font-weight:800;line-height:.9;letter-spacing:-.04em;color:var(--teal-700)}.bf-std__mark span:first-child{font-size:var(--fs-160)}.bf-std__mark span:last-child{font-size:var(--fs-88);color:var(--cc-red)}.bf-std__text{grid-column:6 / -1}.bf-check{background:var(--teal-50)}.bf-check__title{margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.bf-check__list{counter-reset:pruef;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0 var(--gutter);margin:0;padding:0;list-style:none;border-top:2px solid var(--cc-ink)}.bf-check__item{counter-increment:pruef;display:grid;grid-template-columns:4.4rem minmax(0, 1fr);align-content:start;gap:.4rem 1.2rem;padding:2.4rem 0;border-bottom:1px solid rgba(28, 28, 28, .18)}.bf-check__item::before{content:counter(pruef, decimal-leading-zero);grid-row:1 / span 2;font-family:var(--font-head);font-size:var(--fs-h3);font-weight:800;line-height:1.2;color:var(--cc-red)}.bf-check__name{font-family:var(--font-head);font-size:var(--fs-h3);font-weight:700;line-height:1.2}.bf-check__text{margin:0;font-size:var(--fs-body);line-height:1.5}.bf-flow{--key:clamp(6.4rem, 5rem + 2vw, 8.8rem);color:var(--cc-white)}.bf-flow__title{margin-bottom:clamp(4rem, 2.4rem + 3vw, 7.2rem)}.bf-flow__steps{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:4rem var(--gutter);align-items:start;margin:0;padding:0;list-style:none}.bf-flow__step{position:relative;display:grid;align-content:start;gap:1.2rem}.bf-flow__num{display:grid;place-items:center;width:var(--key);height:var(--key);margin-bottom:1.6rem;border:2px solid var(--cc-white);border-bottom-width:6px;border-radius:1.2rem;background:var(--cc-white);color:var(--cc-ink);font-family:var(--font-head);font-size:var(--fs-40);font-weight:800;line-height:1;transition:background .35s var(--ease-out), color .35s var(--ease-out), box-shadow .35s var(--ease-out)}.has-progress .bf-flow__step:not(.is-on) .bf-flow__num{background:transparent;color:var(--cc-white)}.has-progress .bf-flow__step.is-on:not(:has(+ .is-on)) .bf-flow__num{box-shadow:0 0 0 .5rem var(--teal-700), 0 0 0 .8rem var(--cc-white)}.bf-flow__step:not(:last-child)::after{content:"";position:absolute;top:calc(var(--key) / 2 - 1px);left:calc(var(--key) + 1.6rem);width:calc(100% + var(--gutter) - var(--key) - 3.2rem);height:2px;background:var(--cc-white);transition:opacity .35s}.has-progress .bf-flow__step:not(:has(+ .is-on))::after{background:repeating-linear-gradient(90deg, var(--cc-white) 0 .6rem, transparent .6rem 1.2rem)}.bf-flow__step:not(:last-child)::before{content:"Tab" / "";position:absolute;z-index:1;top:calc(var(--key) / 2);left:calc(var(--key) + 1.6rem + (100% + var(--gutter) - var(--key) - 3.2rem) / 2);translate:-50% -50%;padding:.2rem 1rem .1rem;border:2px solid var(--cc-white);border-bottom-width:4px;border-radius:.6rem;background:var(--teal-700);color:var(--cc-white);font-family:var(--font-head);font-size:var(--fs-16);font-weight:700;line-height:1.4}.bf-flow__name{font-family:var(--font-head);font-size:var(--fs-h3);font-weight:700;line-height:1.2}.bf-flow__step p{margin:0;font-size:var(--fs-body);line-height:1.5}.bf-no{color:var(--cc-white)}.bf-no__strike{grid-column:1 / span 5;margin:0;font-family:var(--font-head);font-size:var(--fs-56);font-weight:800;line-height:1.05;letter-spacing:-.03em}.bf-no__strike s{text-decoration-thickness:.12em;text-decoration-color:var(--cc-white)}.bf-no__text{grid-column:7 / -1}.bf-cost__text{grid-column:1 / span 6}.bf-cost__more{grid-column:8 / -1;padding:3.2rem;border-radius:var(--radius-lg);background:var(--cc-cream)}.bf-cost__label{margin-bottom:1.6rem}.bf-cost__links{display:grid;gap:1.6rem;margin:0;padding:0;list-style:none;font-size:var(--fs-body)}.bf-cost__links span{display:block;color:var(--cc-muted)}.bf-faq{background:var(--teal-50)}.bf-faq__title{margin-bottom:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.bf-close{overflow:hidden;background:linear-gradient(180deg, var(--cc-paper) 0%, var(--teal-50) 100%)}.bf-close .cloud--1{width:42rem;height:38rem;right:-16rem;top:-14rem}.bf-close .cloud--2{width:32rem;height:28rem;left:-12rem;bottom:-16rem;animation-duration:24s}.bf-close__title{max-width:16ch;font-size:var(--fs-80);font-weight:800;letter-spacing:-.04em;line-height:1;text-wrap:wrap}.bf-close__text{max-width:60rem}@media (max-width: 1199px){.bf-check__list{grid-template-columns:repeat(2, minmax(0, 1fr))}.bf-flow__steps{grid-template-columns:minmax(0, 1fr);gap:4.8rem;max-width:72rem}.bf-flow__step{grid-template-columns:var(--key) minmax(0, 1fr);column-gap:clamp(2rem, 1rem + 2vw, 3.2rem)}.bf-flow__num{grid-row:1 / span 2;margin-bottom:0}.bf-flow__name,.bf-flow__step p{grid-column:2}.bf-flow__step:not(:last-child)::after{top:calc(var(--key) + 1.2rem);left:calc(var(--key) / 2 - 1px);width:2px;height:calc(100% - var(--key) - 2.4rem + 4.8rem)}.has-progress .bf-flow__step:not(:has(+ .is-on))::after{background:repeating-linear-gradient(180deg, var(--cc-white) 0 .6rem, transparent .6rem 1.2rem)}.bf-flow__step:not(:last-child)::before{top:calc(var(--key) + 1.2rem + (100% - var(--key) - 2.4rem + 4.8rem) / 2);left:calc(var(--key) / 2)}}@media (max-width: 991px){.bf-hero__text,.bf-tab,.bf-who__title,.bf-who__text,.bf-std__mark,.bf-std__text,.bf-no__strike,.bf-no__text,.bf-cost__text,.bf-cost__more{grid-column:1 / -1}.bf-tab{max-width:52rem}}@media (max-height: 820px) and (min-width: 992px){.bf-hero{padding-top:calc(var(--header-h) + 2.4rem)}.bf-hero__title{font-size:var(--fs-52)}.bf-hero__sub{font-size:var(--fs-body)}}@media (max-width: 599px){.bf-hero{padding-top:calc(var(--header-h) + 1.6rem)}.bf-hero__sub{font-size:var(--fs-body)}}@media (max-width: 767px){.bf-check__list,.bf-flow__steps{grid-template-columns:minmax(0, 1fr)}.bf-cost__more{padding:2.4rem}}@media print{.bf-tab{display:none}}}