/*
  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}}.process{background:var(--cc-mist)}.process .section-head p{color:var(--cc-muted)}.process__cta{display:flex;justify-content:flex-end;margin-top:3.2rem}.no-js .process__cta{justify-content:center}@media (max-width: 479px){.process__cta .btn{width:100%;justify-content:space-between}}.process.is-pinned .process__sticky{position:sticky}.process.is-pinned .steps{scroll-snap-type:none;cursor:auto}.page-b{--b-gap:clamp(4rem, 2.4rem + 3vw, 8rem)}.b-section{padding-block:var(--section)}.b-hero__text,.b-when__text,.b-next__head,.b-fund__main,.b-fund__panel,.b-faq__head,.b-close__inner{grid-template-columns:minmax(0, 1fr);min-width:0}@media (max-width: 599px){.page-b main :is(p,li,h2,h3){hyphens:manual}}.b-h2{font-size:var(--fs-56);font-weight:var(--fw-head-strong);letter-spacing:-.03em;line-height:1.04;text-wrap:wrap}.b-lede{font-size:var(--fs-lede);line-height:1.45}.b-eyebrow{font-family:var(--font-head);font-weight:var(--fw-head-light);font-size:var(--fs-20);line-height:1.35;color:var(--cc-red)}.b-label{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-18);line-height:1.3}.b-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}.b-link:hover{color:var(--cc-red);text-decoration-thickness:2px}.b-finder{--fz-in:1.6rem;--fz-out:-2.4rem;--fz-len:3.2rem;--fz-w:.3rem;--fz-c:var(--cc-red);position:relative}.b-finder::after{content:"";position:absolute;inset:var(--fz-in);z-index:2;pointer-events:none;background:linear-gradient(var(--fz-c), var(--fz-c)) left top / var(--fz-len) var(--fz-w), linear-gradient(var(--fz-c), var(--fz-c)) left top / var(--fz-w) var(--fz-len), linear-gradient(var(--fz-c), var(--fz-c)) right top / var(--fz-len) var(--fz-w), linear-gradient(var(--fz-c), var(--fz-c)) right top / var(--fz-w) var(--fz-len), linear-gradient(var(--fz-c), var(--fz-c)) left bottom / var(--fz-len) var(--fz-w), linear-gradient(var(--fz-c), var(--fz-c)) left bottom / var(--fz-w) var(--fz-len), linear-gradient(var(--fz-c), var(--fz-c)) right bottom / var(--fz-len) var(--fz-w), linear-gradient(var(--fz-c), var(--fz-c)) right bottom / var(--fz-w) var(--fz-len);background-repeat:no-repeat}@media (prefers-reduced-motion: no-preference){.js .b-finder:is([data-io],[data-up])::after{inset:var(--fz-out);opacity:0;transition:inset 1.1s var(--ease-out) .15s, opacity .5s ease .15s}.js .b-finder:is([data-io],[data-up]).is-inview::after{inset:var(--fz-in);opacity:1}.b-finder--load::after{animation:b-af 1.9s cubic-bezier(.3, .7, .2, 1) .3s both, b-af-loop 5.5s cubic-bezier(.3, .7, .2, 1) 4.7s infinite}.b-finder--load img{animation:b-sharp 1.9s cubic-bezier(.3, .7, .2, 1) .3s both, b-sharp-loop 5.5s cubic-bezier(.3, .7, .2, 1) 4.7s infinite}.js .b-hero__light{animation:b-clear 1.9s cubic-bezier(.3, .7, .2, 1) .3s both, b-clear-loop 5.5s cubic-bezier(.3, .7, .2, 1) 4.7s infinite}html.motion-paused .b-finder--load::after,html.motion-paused .b-finder--load img,html.motion-paused .b-hero__light{animation-play-state:paused}}@keyframes b-af{0%{inset:var(--fz-out);opacity:0}40%{inset:calc(var(--fz-in) + 1.4rem);opacity:1}58%{inset:calc(var(--fz-in) - .6rem)}74%{inset:calc(var(--fz-in) + .4rem)}100%{inset:var(--fz-in);opacity:1}}@keyframes b-sharp{0%{filter:blur(1.2rem);transform:scale(1.06)}40%{filter:blur(.3rem)}58%{filter:blur(.6rem)}80%{filter:blur(0);transform:scale(1)}100%{filter:none;transform:none}}@keyframes b-clear{0%{filter:blur(.8rem);opacity:.3}40%{filter:blur(.2rem);opacity:.85}58%{filter:blur(.4rem)}80%{filter:blur(0);opacity:1}100%{filter:none;opacity:1}}@keyframes b-af-loop{0%,60%,100%{inset:var(--fz-in);opacity:1}9%{inset:calc(var(--fz-in) - 1.6rem);opacity:.5}27%{inset:calc(var(--fz-in) + 1.4rem);opacity:1}38%{inset:calc(var(--fz-in) - .6rem)}48%{inset:calc(var(--fz-in) + .4rem)}}@keyframes b-sharp-loop{0%,56%,100%{filter:blur(0);transform:scale(1)}9%{filter:blur(.9rem);transform:scale(1.04)}27%{filter:blur(.3rem)}38%{filter:blur(.6rem)}}@keyframes b-clear-loop{0%,56%,100%{filter:blur(0)}9%{filter:blur(.3rem)}27%{filter:blur(.1rem)}38%{filter:blur(.2rem)}}.b-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) 70%)}.b-hero__grid,.b-close__inner{position:relative;z-index:2}.b-hero .cloud--1{width:52rem;height:48rem;left:-20rem;top:-18rem}.b-hero .cloud--2{width:26rem;height:22rem;left:46%;top:-12rem;animation-duration:22s}.b-hero .cloud--3{width:56rem;height:50rem;right:-12rem;bottom:-34rem;animation-duration:26s}.b-hero .cloud--4{width:36rem;height:32rem;right:-6rem;top:-16rem;animation-duration:21s}.b-hero__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:var(--gutter);align-items:center}.b-hero__text{grid-column:1 / span 7;display:grid;gap:2.4rem;justify-items:start}.b-hero__title{font-size:var(--fs-70);letter-spacing:-.035em;line-height:1.02;text-wrap:wrap}.b-hero__light,.b-hero__strong{display:block}.b-hero__light{margin-top:.12em;font-weight:300}.b-hero__strong{font-weight:800}.b-hero__sub{max-width:60rem;font-size:var(--fs-lede);line-height:1.45}.b-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.8rem}.b-hero .b-eyebrow{color:var(--cc-ink)}.b-hero__media{position:relative;grid-column:8 / span 5}.b-hero__media .b-finder{--fz-in:2rem;--fz-out:-1.6rem;--fz-len:4.4rem;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 5;max-height:calc(100svh - var(--header-h) - 8rem);background:var(--cc-mist)}.b-hero__media img{width:100%;height:100%;object-fit:cover;object-position:52% 28%}.b-when{background:var(--cc-mist)}.b-when__intro{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:3.2rem var(--gutter);align-items:start}.b-when__title{max-width:15ch;padding-right:var(--gutter);font-size:var(--fs-h2);font-weight:var(--fw-head-strong);letter-spacing:-.035em;line-height:1.06}.b-when__text{display:grid;gap:2rem;max-width:60ch}.b-when__text p:not(.b-lede){color:var(--cc-muted)}.b-when__text strong{font-weight:600;color:var(--cc-ink)}.b-wenn-band{background:var(--cc-paper)}.b-wenn{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:3.2rem var(--gutter);align-items:start}.b-wenn__title{max-width:18ch;font-family:var(--font-head);font-weight:var(--fw-head-strong);font-size:var(--fs-h3);line-height:1.02;letter-spacing:-.03em;color:var(--cc-ink)}.b-wenn__items{margin:0;padding:0;list-style:none}.b-wenn__item{display:grid;grid-template-columns:7rem minmax(0, 1fr);gap:1.6rem;padding-block:2.4rem;border-top:1px solid var(--cc-line-strong)}.b-wenn__item:last-child{border-bottom:1px solid var(--cc-line-strong)}.b-wenn__stamm{padding-top:.6rem;font-family:var(--font-head);font-weight:300;font-size:var(--fs-20);line-height:1;color:var(--cc-red)}.b-wenn__text{font-family:var(--font-head);font-weight:700;font-size:var(--fs-28);line-height:1.25;text-wrap:wrap}.b-h2__strong,.b-h2__light{display:block}.b-h2__light{margin-top:.12em;font-weight:300}.b-tone{--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)}.b-tone :focus-visible{outline-color:var(--cc-white)}.b-tone .b-link{color:var(--cc-white)}.b-scope{background:var(--teal-900)}.b-scope__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:var(--gutter);align-items:start}.b-scope__head{grid-column:1 / span 4;position:sticky;top:calc(var(--header-h) + 4rem)}.b-scope__areas{grid-column:6 / span 7;display:grid}.b-area{display:grid;grid-template-columns:clamp(8.8rem, 6.4rem + 3.6vw, 12.8rem) minmax(0, 1fr);column-gap:clamp(2rem, 1.2rem + 1.6vw, 3.6rem);row-gap:.8rem;padding:3.2rem 0;border-top:1px solid var(--cc-line)}.b-area:last-child,.b-way:last-child{padding-bottom:0}.b-area__icon{grid-row:1 / span 2;width:100%;height:auto;aspect-ratio:835 / 874;object-fit:contain;object-position:50% 100%}.b-area__title{align-self:end;font-size:var(--fs-h3);font-weight:var(--fw-head);letter-spacing:-.01em;line-height:1.15}.b-area__text{color:var(--cc-muted);max-width:var(--measure)}.b-process{background:var(--cc-cream)}.b-process .step__card{box-shadow:0 .1rem 0 var(--ink-a06)}.b-next{background:var(--teal-700)}.b-next__head{display:grid;gap:2.4rem;max-width:88rem}.b-next__hinweis{max-width:var(--measure);font-size:var(--fs-19);font-weight:300;line-height:1.6;color:var(--cc-muted)}.b-next__body{margin-top:var(--b-gap)}.b-next__body > .b-label{margin-bottom:1.6rem;color:var(--cc-muted)}.b-way{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 7fr);gap:.4rem var(--gutter);padding:2.4rem 0;border-top:1px solid var(--cc-line);font-size:var(--fs-21);line-height:1.4}.b-way__if{color:var(--cc-muted)}.b-way__then{font-weight:600}.b-way a{white-space:nowrap}.b-fund{background:var(--cc-red);color:var(--cc-white)}.b-fund :focus-visible{outline-color:var(--cc-white)}.b-fund ::selection{background:var(--cc-white);color:var(--cc-red)}.b-fund__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:var(--gutter);align-items:start}.b-fund__main{grid-column:1 / span 6;display:grid;gap:2rem}.b-eyebrow--light{font-weight:var(--fw-head);font-size:var(--fs-16);color:var(--cc-white)}.b-fund__big{font-family:var(--font-head);font-weight:800;font-size:var(--fs-260);line-height:.82;letter-spacing:-.05em;margin:1.6rem 0 .8rem max(-.06em, calc(1.6rem - var(--margin)))}.b-fund__key{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-34);line-height:1.2;letter-spacing:-.015em;max-width:24ch;margin-bottom:1.2rem}.b-fund__main > p:not(.b-fund__big,.b-fund__key,.b-eyebrow){max-width:var(--measure)}.b-fund__panel{grid-column:8 / span 5;display:grid;gap:2.4rem;justify-items:start;padding:clamp(2.8rem, 2rem + 1.6vw, 4.4rem);border-radius:var(--radius-lg);background:var(--cc-white);color:var(--cc-ink)}@media (min-width: 992px){.b-fund__panel{position:sticky;top:calc(var(--header-h) + 3.2rem)}}.b-fund__panel :focus-visible{outline-color:var(--cc-red)}.b-fund__panel > .fh-calc:first-child{padding-top:0;border-top:0}.fh-calc{display:grid;gap:2.4rem;width:100%;padding-top:.8rem;border-top:1px solid var(--cc-line)}.fh-calc__title{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-28);line-height:1.2;letter-spacing:-.01em}.fh-calc__strong,.fh-calc__light{display:block}.fh-calc__light{margin-top:.2em;font-weight:300;color:var(--cc-red)}.fh-calc__field{display:grid;gap:1rem}.fh-calc__field label{font-family:var(--font-head);font-weight:700;font-size:var(--fs-18);line-height:1.3}.fh-calc__val{font-family:var(--font-head);font-weight:800;font-size:var(--fs-48);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.fh-range{width:100%;height:4.4rem;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.fh-range::-webkit-slider-runnable-track{height:.5rem;border-radius:999px;background:linear-gradient(90deg, var(--cc-red) var(--p, 45%), var(--cc-mist) var(--p, 45%))}.fh-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.8rem;height:2.8rem;margin-top:-1.15rem;border-radius:50%;background:var(--cc-paper);border:.35rem solid var(--cc-red);box-shadow:0 .2rem .8rem rgba(28, 28, 28, .25)}.fh-range::-moz-range-track{height:.5rem;border-radius:999px;background:var(--cc-mist)}.fh-range::-moz-range-progress{height:.5rem;border-radius:999px;background:var(--cc-red)}.fh-range::-moz-range-thumb{width:2.1rem;height:2.1rem;border-radius:50%;background:var(--cc-paper);border:.35rem solid var(--cc-red);box-shadow:0 .2rem .8rem rgba(28, 28, 28, .25)}.fh-range:focus-visible{outline:.3rem solid var(--cc-red);outline-offset:.4rem;border-radius:999px}.fh-calc__scale{display:flex;margin-top:.4rem;justify-content:space-between;font-size:var(--fs-16);color:var(--cc-muted)}.fh-calc__out{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem;padding-top:2.4rem;border-top:1px solid var(--cc-line)}.fh-calc__out p{display:grid;align-content:end;gap:.6rem}.fh-calc__out small{font-size:var(--fs-16);line-height:1.3;color:var(--cc-muted)}.fh-calc__out output{font-family:var(--font-head);font-weight:800;font-size:var(--fs-40);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.fh-calc__out .is-zus output{color:var(--cc-red)}.fh-calc__static{display:none;font-weight:600}.fh-calc__note{font-size:var(--fs-16);line-height:1.45;color:var(--cc-muted)}.no-js .fh-calc__field,.no-js .fh-calc__out{display:none}.no-js .fh-calc__static{display:block}.b-fund__note{font-size:var(--fs-16);line-height:1.5;color:var(--cc-muted)}.b-faq{background:var(--teal-50);padding-top:var(--section)}.b-faq__head{display:grid;gap:1.6rem;margin-bottom:4rem}.b-faq__head p{color:var(--cc-muted)}.b-close{position:relative;overflow:hidden;background:var(--cc-paper);text-align:center}.b-close .cloud--1{width:50rem;height:46rem;left:-18rem;top:-10rem}.b-close .cloud--2{width:40rem;height:36rem;right:-14rem;bottom:-16rem;animation-duration:25s}.b-close .cloud--3{width:18rem;height:16rem;right:20%;top:10%;animation-duration:19s}.b-close__inner{display:grid;justify-items:center;gap:3.2rem}.b-close__frame{--fz-in:0rem;--fz-out:-3.2rem;--fz-len:4rem;padding:clamp(3.2rem, 2rem + 2.4vw, 6.4rem) clamp(2.4rem, 1rem + 4vw, 8rem);max-width:100%;min-width:0}@media (max-width: 419px){.b-close__title{font-size:var(--fs-56)}}.b-close__title{font-size:var(--fs-96);font-weight:800;letter-spacing:-.04em;line-height:.98;max-width:12ch;text-wrap:wrap}.b-close__text{max-width:56rem;font-size:var(--fs-lede);color:var(--cc-muted)}.b-close__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1.2rem}@media (max-width: 1279px){.b-hero__text{grid-column:1 / span 7}}@media (max-width: 991px){.b-hero__text,.b-hero__media,.b-scope__head,.b-scope__areas,.b-fund__main,.b-fund__panel{grid-column:1 / -1}.b-hero__media{margin-top:2.4rem}.b-hero__media .b-finder{aspect-ratio:4 / 3;max-height:none}.b-when__intro{grid-template-columns:minmax(0, 1fr)}.b-when__title{max-width:18ch}.b-scope__head{position:static;margin-bottom:2.4rem}.b-fund__panel{margin-top:3.2rem}}@media (max-width: 767px){.b-hero .cloud--1,.b-close .cloud--1{width:28rem;height:26rem;left:-12rem;top:-8rem}.b-hero .cloud--2,.b-hero .cloud--4{display:none}.b-hero .cloud--3,.b-close .cloud--2{width:22rem;height:20rem;right:-10rem;bottom:-6rem}.b-close .cloud--3{width:12rem;height:11rem}.b-way{display:block}.b-area{grid-template-columns:minmax(0, 1fr);row-gap:1.2rem}.b-area__icon{grid-row:auto;width:9.6rem;margin-bottom:.4rem}.b-area__title{align-self:start}}@media (max-width: 599px){.b-fund__panel{margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);padding-block:var(--section);border-radius:0}.b-fund{padding-bottom:0}.b-way{font-size:var(--fs-19)}.b-wenn{grid-template-columns:minmax(0, 1fr)}.b-wenn__title{max-width:none}}@media print{.b-finder::after{display:none}.b-fund{background:none;color:var(--cc-ink)}}@media (max-width: 599px){.b-wenn__item{grid-template-columns:minmax(0, 1fr);gap:.6rem}.b-wenn__stamm{padding-top:0}}}
