/*
  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}.page-o{--o-hero-bg:var(--cc-paper);--o-close-bg:linear-gradient(180deg, var(--cc-paper) 0%, var(--cc-mist) 100%)}.clouds.clouds--still .cloud{animation:none;transform:none}.o-hero{position:relative;display:grid;align-content:center;min-height:calc(100vh + 1.6rem);min-height:calc(100svh + 1.6rem);overflow:hidden;overflow:clip;isolation:isolate;padding:calc(var(--header-h) + clamp(2.4rem, 1rem + 3vw, 5.6rem)) 0 clamp(4rem, 2rem + 4vw, 8rem);background:var(--o-hero-bg)}.o-hero .cloud--1{width:44rem;height:40rem;left:-22rem;top:-18rem}.o-hero .cloud--2{width:30rem;height:28rem;right:-14rem;bottom:-14rem}.o-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0, 1fr);gap:clamp(3.2rem, 2rem + 3vw, 6.4rem);align-items:center}.o-hero__text{display:grid;grid-template-columns:minmax(0, 1fr);gap:2.4rem;align-content:start;min-width:0}@media (max-width: 479px) and (max-height: 600px){.o-hero__text{gap:1.6rem}}.o-hero__art{position:relative;min-width:0}.o-hero__art svg:where(:not(.band__toggle svg)){display:block;width:100%;height:auto}@media (min-width: 992px){.o-hero__grid{grid-template-columns:minmax(0, 7fr) minmax(0, 5fr)}}.o-h1{font-size:var(--fs-66);letter-spacing:-.035em;line-height:1.03}.o-h1__strong,.o-h1__light{display:block}.o-h1__strong{font-weight:800;text-wrap:wrap}.o-h1__light{margin-top:.08em;font-weight:300;text-wrap:wrap}.o-sub{max-width:58rem;font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.o-head{max-width:24ch}.o-head--wide{max-width:30ch}.o-prose{display:grid;grid-template-columns:minmax(0, 1fr);gap:1.8rem;max-width:var(--measure);min-width:0}.o-prose > *{min-width:0}.o-prose p{text-wrap:wrap}.o-cols{display:grid;grid-template-columns:minmax(0, 1fr);gap:3.2rem var(--gutter);align-items:start}@media (min-width: 992px){.o-cols{grid-template-columns:repeat(12, minmax(0, 1fr))}.o-cols > .o-head{grid-column:1 / span 5}.o-cols > .o-prose{grid-column:7 / -1}}.o-stack{display:grid;grid-template-columns:minmax(0, 1fr);gap:clamp(3.2rem, 2rem + 2vw, 5.6rem)}.o-stack > *{min-width:0}.o-photo{margin:0}.o-photo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.o-fund__grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:3.2rem var(--gutter);align-items:center}.o-fund__text{display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem;justify-items:start;min-width:0}.o-fund__text p{max-width:var(--measure);text-wrap:wrap}.o-fund__figure{display:grid;justify-items:start;gap:.4rem;font-family:var(--font-head);line-height:.9}.o-fund__num{font-size:var(--fs-170);font-weight:800;letter-spacing:-.05em}.o-fund__cap{font-size:var(--fs-20);font-weight:700;line-height:1.3}@media (min-width: 992px){.o-fund__grid{grid-template-columns:repeat(12, minmax(0, 1fr))}.o-fund__figure{grid-column:1 / span 4}.o-fund__text{grid-column:6 / -1}}:is(.l-tone-red,.l-tone-dark,.l-tone-petrol,.l-tone-ink).o-fund .btn{--b-bg:var(--cc-white);--b-fg:var(--cc-ink);--b-bd:var(--cc-white);--b-bg-h:var(--cc-ink);--b-fg-h:var(--cc-white);--b-bd-h:var(--cc-ink);--i-bg:var(--cc-red);--i-fg:var(--cc-white)}.o-fund .l-more{color:inherit}.o-fund--paper{background:var(--cc-cream)}.o-fund--paper .o-fund__num{color:var(--cc-red)}.o-fund--mist{background:var(--cc-mist)}.o-fund--mist .o-fund__num{color:var(--teal-700)}.o-faq__grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:3.2rem var(--gutter);align-items:start}@media (min-width: 992px){.o-faq__grid{grid-template-columns:repeat(12, minmax(0, 1fr))}.o-faq__title{grid-column:1 / span 4;position:sticky;top:calc(var(--header-h) + 3.2rem)}.o-faq .faq__list{grid-column:6 / -1}}.o-close{overflow:hidden;background:var(--o-close-bg)}.o-close .cloud--1{width:42rem;height:38rem;right:-16rem;top:-14rem}.o-close .cloud--2{width:32rem;height:28rem;left:-12rem;bottom:-16rem}.o-close__inner{position:relative;z-index:2;gap:3.2rem}.o-close__title{max-width:20ch;font-size:var(--fs-80);letter-spacing:-.04em;line-height:1}.o-close__strong,.o-close__light{display:block}.o-close__strong{font-weight:800}.o-close__light{font-weight:300}.o-close__text{max-width:var(--measure-lede)}.o-tag{font-family:var(--font-head);font-size:var(--fs-16);font-weight:700;line-height:1.25}:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper .l-link,:is(.l-tone-dark,.l-tone-petrol,.l-tone-red,.l-tone-ink) .l-paper .l-link:hover{color:var(--cc-red)}.o-faq .faq__q > span:first-child{min-width:0}.bv-hero{--o-hero-bg:var(--teal-50)}.bv-axis{justify-self:center;width:min(100%, 46rem, calc((100svh - var(--header-h) - 10rem) * .82));aspect-ratio:360 / 440}.bv-axis__svg{position:absolute;inset:0}.bv-axis__field circle{fill:var(--teal-700)}.bv-axis__river{fill:none;stroke:var(--teal-300);stroke-width:14;stroke-linecap:round}.bv-axis__road{stroke:var(--cc-ink);stroke-width:6;stroke-dasharray:18 10}.bv-axis__city rect{fill:var(--cc-ink)}.bv-axis__l,.bv-axis__home,.bv-axis__b3{position:absolute;font-family:var(--font-head);font-weight:700;line-height:1.1;white-space:nowrap}.bv-axis__l--wetterau{left:0;top:30%;color:var(--teal-900);font-size:var(--fs-32)}.bv-axis__l--nidda{right:2%;top:44%;color:var(--teal-700);font-size:var(--fs-18);font-style:italic;font-weight:600}.bv-axis__l--ffm{left:50%;bottom:2%;padding:.2rem .8rem;border-radius:.4rem;background:var(--cc-white);font-size:var(--fs-28);transform:translateX(-50%)}.bv-axis__b3{left:calc(49.4% - 2.4rem);top:6%;display:grid;place-items:center;width:4.8rem;height:3.6rem;border-radius:.6rem;background:var(--cc-white);box-shadow:inset 0 0 0 .3rem var(--cc-ink);font-size:var(--fs-18)}.bv-axis__home{left:49.4%;top:55%;display:flex;align-items:center;gap:1rem;padding:.6rem 1.4rem .6rem .6rem;border-radius:var(--pill);background:var(--cc-red);color:var(--cc-white);font-size:var(--fs-30);transform:translate(-2.2rem, -50%);box-shadow:0 1.2rem 2.4rem rgba(196, 54, 54, .3)}.bv-axis__home{max-width:calc(50.6% + 2.2rem);white-space:normal}.bv-axis__dot{width:3.2rem;height:3.2rem;border-radius:50%;background:var(--cc-white);box-shadow:inset 0 0 0 .9rem var(--cc-ink)}.bv-test{display:grid;grid-template-columns:auto minmax(0, 1fr);gap:2rem;align-items:start;padding:clamp(2.4rem, 1.6rem + 2vw, 4.8rem);border-radius:var(--radius-lg);font-size:var(--fs-lede);line-height:1.45}.bv-test__icon{display:grid;place-items:center;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--cc-red)}.bv-test__icon svg{width:2.6rem;height:2.6rem}@media (min-width: 992px){.bv-test{grid-column:1 / -1}}@media (max-width: 599px){.bv-test{grid-template-columns:minmax(0, 1fr)}}.bv-do__head{display:grid;gap:2.4rem;max-width:64ch}.bv-cards{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gutter)}.bv-card{display:grid;align-content:start;gap:1.4rem;padding:clamp(2.4rem, 1.6rem + 1.6vw, 4rem);border:1px solid var(--cc-line-strong);border-radius:var(--radius-lg);background:var(--teal-900)}.bv-card__n{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background:var(--cc-white);color:var(--teal-900);font-family:var(--font-head);font-size:var(--fs-20);font-weight:800}.bv-card__t{font-size:var(--fs-h3);font-weight:var(--fw-head-strong);line-height:1.2}@media (min-width: 768px){.bv-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}.bv-do__base{max-width:var(--measure);font-size:var(--fs-lede);line-height:1.45}.bv-way__grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:5.6rem var(--gutter);align-items:center}.bv-line{position:relative;display:grid;gap:4rem;padding:1.2rem 0 1.2rem 0;justify-self:center}.bv-line::before{content:"";position:absolute;left:1.5rem;top:2.4rem;bottom:2.4rem;width:.6rem;border-radius:.3rem;background:var(--cc-ink)}.bv-stop{position:relative;display:flex;align-items:center;gap:2rem}.bv-stop .o-tag{font-size:var(--fs-26);font-weight:700}.bv-stop__dot{position:relative;z-index:1;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--cc-white);box-shadow:inset 0 0 0 .6rem var(--cc-ink)}.bv-stop--home .bv-stop__dot{background:var(--cc-red);box-shadow:inset 0 0 0 .6rem var(--cc-ink)}.bv-stop--here .bv-stop__dot{width:4.8rem;height:4.8rem;margin-left:-.6rem;margin-right:-.6rem;background:var(--cc-red);box-shadow:0 0 0 .6rem rgba(196, 54, 54, .2)}.bv-stop--here .o-tag{color:var(--cc-red);font-size:var(--fs-36)}.bv-stop--end .o-tag{color:var(--cc-muted)}@media (min-width: 992px){.bv-way__grid{grid-template-columns:repeat(12, minmax(0, 1fr))}.bv-way__grid > .o-prose{grid-column:1 / span 6}.bv-line{grid-column:8 / -1}}}
