/*
  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}}.r-hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + clamp(4rem, 2rem + 4vw, 8rem)) 0 clamp(4.8rem, 3rem + 3vw, 8rem);background:linear-gradient(180deg, var(--teal-50) 0%, var(--cc-paper) 80%)}.clouds.clouds--still .cloud{animation:none}.r-hero .cloud--1{width:46rem;height:42rem;left:-20rem;top:-20rem}.r-hero .cloud--2{width:30rem;height:26rem;right:-10rem;top:-6rem;animation-duration:22s}.r-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0, 1fr);gap:2rem}.r-hero__inner > *{max-width:96rem}.r-hero__inner > .r-hero__title{max-width:none}.r-eyebrow{font-family:var(--font-head);font-weight:var(--fw-head-light);font-size:var(--fs-20);line-height:1.35}.r-hero__title{font-size:var(--fs-h1);font-weight:800;letter-spacing:-.04em;line-height:1;text-wrap:wrap}@media (max-width: 389px){.r-hero__title{font-size:var(--fs-56)}}.r-lead{max-width:64rem;font-size:var(--fs-lede);line-height:1.45}.r-stand{font-size:var(--fs-16);color:var(--cc-muted)}.r-body{padding-block:clamp(4rem, 2rem + 4vw, 8rem) var(--section);background:var(--cc-paper)}.r-body__grid{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--gutter)}.r-body__grid--toc{grid-template-columns:minmax(0, 3fr) minmax(0, 9fr);column-gap:clamp(3.2rem, 1rem + 4vw, 8rem);align-items:start}.r-toc{position:sticky;top:calc(var(--header-h) + 3.2rem);max-height:calc(100vh - var(--header-h) - 6.4rem);max-height:calc(100svh - var(--header-h) - 6.4rem);overflow:auto;overscroll-behavior:contain;padding-right:.8rem}.r-toc__title{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-18);margin-bottom:1.2rem}.r-toc ol{display:grid;border-left:1px solid var(--cc-line-strong)}.r-toc a{display:block;padding:.6rem 0 .6rem 1.6rem;margin-left:-1px;border-left:.2rem solid transparent;font-size:var(--fs-16);line-height:1.35;color:var(--cc-muted);transition:color .3s, border-color .3s}.r-toc a:hover{color:var(--cc-ink);border-left-color:var(--cc-red)}.r-prose{max-width:none;min-width:0}.r-prose :is(p,dd){max-width:none}.r-prose > * + *{margin-top:1.6rem}.r-prose h2{margin-top:clamp(4.8rem, 3.6rem + 2vw, 6.4rem);font-size:var(--fs-34);font-weight:var(--fw-head-strong);letter-spacing:-.02em;line-height:1.15;scroll-margin-top:calc(var(--header-h) + 2.4rem)}.r-prose > h2:first-child{margin-top:0}.r-prose h3{font-size:var(--fs-h3);font-weight:var(--fw-head);line-height:1.2}.r-prose ul,.r-prose ol{display:grid;grid-template-columns:minmax(0, 1fr);gap:.8rem;padding-left:2.4rem}.r-prose li,.r-prose p{overflow-wrap:break-word}@media (max-width: 599px){.r-prose{hyphens:manual}}.r-prose ul{list-style:disc}.r-prose ol{list-style:decimal}.r-prose li::marker{color:var(--cc-red)}.r-prose a{color:var(--cc-red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;overflow-wrap:anywhere}.r-prose a:hover{color:var(--cc-red);text-decoration-thickness:2px}.r-prose code{font-size:1em;overflow-wrap:anywhere}.r-box{padding:clamp(2.4rem, 1.6rem + 1.6vw, 4rem);border-left:.4rem solid var(--cc-red);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--cc-white)}.r-box > * + *{margin-top:1.2rem}.r-defs{display:grid;gap:.4rem}.r-defs dd{margin:0;color:var(--cc-muted)}.r-defs dt{font-weight:600}.r-defs dt:not(:first-child){margin-top:1.2rem}.r-table{overflow-x:auto;border:1px solid var(--cc-line);border-radius:var(--radius-lg);background:var(--cc-white)}.r-table table{width:100%;min-width:64rem;border-collapse:collapse;font-size:var(--fs-16);line-height:1.4}.r-table th,.r-table td{overflow-wrap:normal;hyphens:manual;padding:1.2rem 1.6rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--cc-line)}.r-table a{overflow-wrap:normal}.r-table tr:last-child td{border-bottom:0}.r-table th{font-weight:600;background:var(--teal-50)}.k-grid{display:grid;grid-template-columns:minmax(0, 7fr) minmax(0, 5fr);gap:clamp(2.4rem, 1rem + 3vw, 6.4rem);align-items:start}.k-main{display:grid;gap:2.4rem;justify-items:start;padding:clamp(2.8rem, 1.6rem + 2.4vw, 5.6rem);border-radius:var(--radius-lg);background:var(--cc-white)}.k-main__title{font-size:var(--fs-44);font-weight:var(--fw-head-strong);letter-spacing:-.025em;line-height:1.1}.k-steps{display:grid;width:100%;counter-reset:ks}.k-steps li{position:relative;padding:1.6rem 0 1.6rem 4.8rem;border-top:1px solid var(--cc-line)}.k-steps li::before{counter-increment:ks;content:counter(ks);content:counter(ks) / "";position:absolute;left:0;top:1.4rem;width:3.2rem;height:3.2rem;display:grid;place-items:center;border-radius:50%;background:var(--cc-red);color:var(--cc-white);font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-16)}.k-steps strong{display:block;font-weight:600}.k-steps span{color:var(--cc-muted)}.k-ways{display:grid}.k-way{display:grid;gap:.8rem;padding:2.8rem 0;border-top:1px solid var(--cc-line)}.k-way:first-child{padding-top:0;border-top:0}.k-way__title{font-size:var(--fs-18);font-weight:var(--fw-head);color:var(--cc-muted)}.k-way__link{font-family:var(--font-head);font-weight:var(--fw-head);font-size:var(--fs-32);letter-spacing:-.01em;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:var(--cc-line-strong);transition:color .3s, text-decoration-color .3s}.k-way__link:hover{color:var(--cc-red);text-decoration-color:currentColor}.k-way__addr{font-style:normal;font-size:var(--fs-lede);line-height:1.4}.k-way__note{color:var(--cc-muted)}.k-region{max-width:var(--measure);margin-top:var(--b-gap, 6.4rem);font-size:var(--fs-lede);line-height:1.45}@media (max-width: 991px){.r-body__grid--toc,.k-grid{grid-template-columns:minmax(0, 1fr);row-gap:4rem}.r-toc{position:static;max-height:none;padding:2rem 2.4rem;border-radius:var(--radius-lg);background:var(--cc-white)}}@media (max-width: 599px){.k-main{margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);border-radius:0}}@media (max-width: 767px){.r-hero .cloud--1{width:28rem;height:26rem;left:-14rem;top:-10rem}.r-hero .cloud--2{display:none}}@media print{.r-toc{display:none}}.wf-box{max-width:72rem;margin-top:2.4rem;padding:clamp(2.4rem, 1.6rem + 1.6vw, 4rem);border-radius:var(--radius-lg);background:var(--cc-white);box-shadow:0 2.4rem 4.8rem -2.4rem rgba(38, 70, 73, .35)}.wf-form .wf-field__input::placeholder{color:var(--cc-muted)}.wf-form{display:grid;gap:2rem}.wf-form__title{font-size:var(--fs-h3);font-weight:700;line-height:1.2}.wf-form__hint{margin:-1rem 0 0;color:var(--cc-muted);font-size:var(--fs-small)}.wf-form__row{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem var(--gutter)}.wf-field{display:grid;gap:.6rem;min-width:0}.wf-field__label{font-weight:600;font-size:var(--fs-small)}.wf-field__opt{font-weight:400;color:var(--cc-muted)}.wf-field__input{width:100%;min-height:5rem;padding:1rem 1.4rem;border:2px solid rgba(28, 28, 28, .5);border-radius:var(--radius);background:var(--cc-white);color:var(--cc-ink);font:inherit;font-size:var(--fs-18)}.wf-field__input:hover{border-color:var(--cc-ink)}.wf-field__input:focus-visible{outline:3px solid var(--cc-red);outline-offset:2px;border-color:var(--cc-ink)}.wf-field__input[aria-invalid="true"]{border-color:var(--cc-red)}.wf-field__err{margin:0;color:var(--cc-red);font-size:var(--fs-small);font-weight:600}.wf-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.wf-form__send{justify-self:start;font:inherit;font-size:var(--fs-16);cursor:pointer}.wf-form__send[disabled]{opacity:.7;cursor:progress}.wf-msg{max-width:72rem;margin:2.4rem 0 0;padding:1.6rem;border-radius:var(--radius);font-weight:600}.wf-msg:not(:target){display:none}.wf-msg--ok{background:var(--teal-50);color:var(--teal-900)}.wf-msg--err{background:var(--red-50);color:var(--cc-red-hover)}@media (max-width: 767px){.wf-form__row{grid-template-columns:minmax(0, 1fr)}}}