/*
  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-hc{--hc-petrol:#006d81;--hc-ease-pop:cubic-bezier(.34, 1.4, .64, 1)}.hc-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:linear-gradient(180deg, #087386 0%, var(--hc-petrol) 45%);color:var(--cc-white)}.hc-hero .cloud--1{width:46rem;height:40rem;left:-24rem;top:-20rem;background:radial-gradient(120% 120% at 30% 26%, rgba(214, 240, 244, .42) 0%, rgba(214, 240, 244, 0) 58%), linear-gradient(160deg, #1f8597 0%, #04697c 70%);box-shadow:inset -2.4rem -3.2rem 6rem rgba(0, 30, 38, .22), inset 1.6rem 2rem 4rem rgba(200, 236, 242, .22)}.hc-hero__inner{position:relative;z-index:2}.hc-hero__text{display:grid;gap:clamp(2rem, 1.2rem + 1vw, 2.8rem);max-width:min(60rem, 45%)}.hc-hero__eyebrow{color:inherit}.hc-hero__title{font-size:var(--fs-70);letter-spacing:-.04em;line-height:1.02}.hc-peek{display:block;padding-bottom:.1em;clip-path:inset(-.6em -.4em 0 -.4em)}.hc-peek > span{display:block}.hc-hero__strong{font-weight:800}.hc-hero__light{font-weight:300;text-wrap:wrap}.hc-peek--2{margin-top:-.06em}.hc-hero__sub{max-width:54rem;font-size:var(--fs-lede);line-height:1.45;text-wrap:wrap}.hc-hero .l-more:is(:hover,:focus-visible){color:inherit;text-decoration-thickness:2px}.hc-hero :focus-visible{outline-color:var(--cc-white)}.hc-photo{--pw:min(92vw, calc((100svh - var(--header-h)) * 1.72), 150rem);position:absolute;z-index:1;bottom:0;left:calc(50% - var(--pw) * .26);width:var(--pw);aspect-ratio:1540 / 866;margin:0}.hc-photo__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 24%), linear-gradient(180deg, transparent 0%, #000 5%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg, transparent 0%, #000 24%), linear-gradient(180deg, transparent 0%, #000 5%);mask-composite:intersect}.hc-notes{position:absolute;inset:0;pointer-events:none}.hc-notes__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hc-notes__line,.hc-notes__tip{fill:none;stroke:var(--cc-ink);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.hc-notes__line--m,.hc-notes__tip--m{display:none}.hc-tag{position:absolute;display:grid;gap:.1rem;padding:.8rem 1.4rem .9rem;border-radius:var(--radius);background:var(--cc-paper);box-shadow:0 1.2rem 2.4rem rgba(70, 44, 6, .22);color:var(--cc-ink);font-size:var(--fs-16);line-height:1.3;white-space:nowrap;rotate:-2deg}.hc-tag strong{font-family:var(--font-head);font-size:var(--fs-20);font-weight:800;letter-spacing:-.01em}.hc-tag--puffy{right:61%;top:19%}.hc-tag--paul{right:50%;top:2.5%;rotate:1.5deg}.hc-roll{position:relative;display:block;transition:width .5s var(--ease-out)}.hc-roll__item{position:absolute;left:0;top:0;width:max-content;opacity:0;translate:0 .6em;transition:opacity .45s var(--ease-soft), translate .6s var(--ease-out)}.hc-roll__item.is-on{position:relative;display:block;opacity:1;translate:0 0}.hc-roll__item.is-off{opacity:0;translate:0 -.6em;transition-duration:.3s, .4s;transition-timing-function:ease-in, ease-in}@media (prefers-reduced-motion: no-preference){.js .hc-peek > span{animation:hcPeek 1.25s var(--ease-out) .25s both}.js .hc-peek--2 > span{animation-delay:.42s}.js .hc-hero__sub,.js .hc-hero__actions,.js .hc-hero__eyebrow{animation:hcRise 1s var(--ease-out) .7s both}.js .hc-hero__eyebrow{animation-delay:.1s}.js .hc-hero__actions{animation-delay:.82s}.js .hc-notes__line,.js .hc-notes__tip{stroke-dasharray:1;stroke-dashoffset:1;animation:hcDraw .9s cubic-bezier(.65, 0, .35, 1) 1.2s forwards}.js .hc-notes__tip{animation-duration:.3s;animation-delay:2.05s}.js .hc-notes__line--paul{animation-delay:1.6s}.js .hc-notes__tip--paul{animation-delay:2.45s}.js .hc-tag{animation:hcTag .7s var(--hc-ease-pop) 1s both}.js .hc-tag--paul{animation-delay:1.4s}}@keyframes hcPeek{from{transform:translate3d(0, .2em, 0);clip-path:inset(100% -.4em 0 -.4em)}to{transform:none;clip-path:inset(-.6em -.4em 0 -.4em)}}@keyframes hcRise{from{opacity:0;transform:translate3d(0, 1.6rem, 0)}to{opacity:1;transform:none}}@keyframes hcDraw{to{stroke-dashoffset:0}}@keyframes hcTag{from{opacity:0;transform:translate3d(0, .8rem, 0) scale(.86)}to{opacity:1;transform:none}}.hc-who__grid{position:relative;display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(6.4rem, 3rem + 5vw, 12rem) var(--gutter);align-items:center}.hc-who__grid > :not(.hc-way){position:relative;z-index:1}.hc-who__head{grid-column:1 / span 7;gap:2.4rem}.hc-who__job{grid-column:7 / -1;max-width:58rem}.hc-who__wall{grid-column:1 / span 6;margin:0}.hc-who__wall img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:var(--radius-lg);box-shadow:0 3rem 4rem rgba(0, 0, 0, .25)}.hc-who__sofa{grid-column:8 / -1;font-family:var(--font-head);font-size:var(--fs-36);font-weight:700;line-height:1.25;letter-spacing:-.01em;text-wrap:wrap}.hc-who__walk{grid-column:2 / span 6;max-width:52rem;font-size:var(--fs-lede);line-height:1.45}.hc-way{position:absolute;inset:0;z-index:0;width:100%;height:100%;overflow:visible;pointer-events:none}.hc-way__base,.hc-way__done{fill:none;stroke-linecap:round;stroke-width:5;stroke-dasharray:0 15}.hc-way__base{stroke:rgba(255, 255, 255, .2)}.hc-way__done{stroke:var(--cc-white)}.hc-way__reveal{fill:none;stroke:#fff;stroke-width:14}.hc-way__disc{fill:var(--cc-red);stroke:var(--teal-900);stroke-width:4}.hc-way__print{stroke:var(--cc-white)}.hc-way__paw{opacity:0;transition:opacity .4s}.hc-way.is-ready .hc-way__paw{opacity:1}.no-js .hc-way{display:none}.hc-now__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(3.2rem, 2rem + 2vw, 5.6rem) var(--gutter)}.hc-now__grid > *{grid-column:4 / -1}.hc-now__grid > .hc-now__label{grid-column:1 / span 3;padding-top:.6em}.hc-now__label{font-family:var(--font-head);font-size:var(--fs-28);font-weight:700;letter-spacing:-.01em}.hc-now__big{max-width:26ch;font-family:var(--font-head);font-size:var(--fs-76);font-weight:300;line-height:1.08;letter-spacing:-.035em}.hc-now__base{display:block;margin-top:.5em;max-width:34ch;font-size:.56em;line-height:1.2;letter-spacing:-.02em}.hc-now__link{--hc-strich:.07em;font-weight:700;text-decoration:none;background:linear-gradient(currentColor, currentColor) 0 100% / 100% var(--hc-strich) no-repeat;padding-bottom:.04em;transition:color .3s, background-size .9s var(--ease-out)}.hc-now__base .hc-now__link{font-weight:700}.hc-now__link:is(:hover,:focus-visible){color:inherit;--hc-strich:.16em}@media (prefers-reduced-motion: no-preference){.js .hc-now__link{background-size:0% var(--hc-strich)}.js .hc-now__big.is-inview .hc-now__link{background-size:100% var(--hc-strich)}.js .hc-now__big .hc-now__link:nth-of-type(2){transition-delay:0s, .15s}.js .hc-now__big .hc-now__link:nth-of-type(3){transition-delay:0s, .3s}.js .hc-now__big .hc-now__link:nth-of-type(4){transition-delay:0s, .45s}.js .hc-now__base .hc-now__link:nth-of-type(1){transition-delay:0s, .7s}.js .hc-now__base .hc-now__link:nth-of-type(2){transition-delay:0s, .82s}.js .hc-now__base .hc-now__link:nth-of-type(3){transition-delay:0s, .94s}.js .hc-now__big .hc-now__link:hover{transition-delay:0s}}.hc-now__cols{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2.4rem clamp(3.2rem, 1rem + 4vw, 8rem);max-width:120rem;padding-top:clamp(2.4rem, 1rem + 2vw, 4rem);border-top:1px solid var(--cc-line-strong)}.hc-one{background:var(--teal-50)}.hc-one__head{max-width:76rem}.hc-chain{container-type:inline-size;--gap:clamp(4.8rem, 3rem + 3vw, 8rem);margin-block:var(--gap);--a:clamp(0, calc((var(--p, 1) - .02) / .42), 1);--m:clamp(0, calc((var(--p, 1) - .46) / .24), 1);--d:clamp(0, calc((var(--p, 1) - .72) / .2), 1)}.hc-chain__track{--du:10rem;--paul:13rem;position:relative;height:calc(var(--paul) + 4.8rem)}.hc-chain__node{position:absolute;top:0;display:grid;justify-items:center;gap:1.2rem}.hc-chain__dot{display:grid;place-items:center;border-radius:50%}.hc-chain__node--du{left:calc((50cqw - 3rem - var(--du)) * var(--m));top:calc((var(--paul) - var(--du)) / 2)}.hc-chain__node--du .hc-chain__dot{width:var(--du);height:var(--du);background:var(--cc-ink);color:var(--cc-white);font-family:var(--font-head);font-size:var(--fs-30);font-weight:800}.hc-chain__node--mid{--f:clamp(0, calc((var(--a) - var(--t)) / .34), 1);top:calc(var(--paul) / 2 - 2.8rem);opacity:calc(1 - var(--f));transform:translate3d(0, calc(var(--f) * 4rem), 0) rotate(calc(var(--f) * -14deg)) scale(calc(1 - var(--f) * .3))}.hc-chain__node--m1{--t:.66}.hc-chain__node--m2{--t:.33}.hc-chain__node--m3{--t:0}.hc-chain__node--m1{left:calc(25% - 2.8rem)}.hc-chain__node--m2{left:calc(48% - 2.8rem)}.hc-chain__node--m3{left:calc(71% - 2.8rem)}.hc-chain__node--mid .hc-chain__dot{width:5.6rem;height:5.6rem;border:2px dashed var(--teal-700);background:var(--cc-white)}.hc-chain__cap{font-size:var(--fs-16);font-weight:600;white-space:nowrap}.hc-chain__node--mid .hc-chain__cap{color:var(--cc-muted)}.hc-chain__node--paul{left:calc(100cqw - var(--paul) - (50cqw - var(--paul) - 3rem) * var(--m))}.hc-chain__node--paul .hc-chain__dot{width:var(--paul);height:var(--paul);overflow:hidden;background:var(--teal-700);box-shadow:0 0 0 .6rem var(--teal-50), 0 0 0 .8rem var(--cc-red)}.hc-chain__node--paul img{width:100%;height:100%;object-fit:cover}.hc-chain__node--paul .hc-chain__cap{font-family:var(--font-head);font-size:var(--fs-20);font-weight:800}.hc-chain__line{position:absolute;top:calc(var(--paul) / 2 - 1px);left:calc(var(--du) / 2 + (50cqw - 3rem - var(--du)) * var(--m));height:2px;width:calc(100cqw - var(--paul) / 2 - var(--du) / 2 - (50cqw - var(--paul) - 3rem) * var(--m) - (50cqw - 3rem - var(--du)) * var(--m));background:var(--cc-ink)}@media (min-width: 768px) and (max-width: 1023px){.hc-chain__track{--du:8.8rem;--paul:11.2rem}.hc-chain__node--m1{left:calc(22% - 2.8rem)}.hc-chain__node--m2{left:calc(42% - 2.8rem)}.hc-chain__node--m3{left:calc(61% - 2.8rem)}}.hc-chain__dock{position:absolute;width:2px;background:var(--cc-ink);transform:scaleY(var(--d));transform-origin:top}.hc-chain__dock--du{left:calc(50cqw - 3rem - var(--du) / 2 - 1px);top:calc((var(--paul) - var(--du)) / 2 + var(--du));height:calc(100% - (var(--paul) - var(--du)) / 2 - var(--du) + var(--gap))}.hc-chain__dock--paul{left:calc(50cqw + 3rem + var(--paul) / 2 - 1px);top:100%;height:var(--gap)}@media (min-width: 768px){.hc-chain__dock--du{left:calc(50cqw - 1px);top:calc(var(--paul) / 2 + 1px);height:calc(100% - var(--paul) / 2 - 1px + var(--gap) / 2);transform:scaleY(clamp(0, calc(var(--d) * 2), 1))}.hc-chain__dock--paul{--cols:clamp(3.2rem, 1rem + 4vw, 8rem);left:calc((100cqw - var(--cols)) / 4 - 1px);right:calc((100cqw - var(--cols)) / 4 - 1px);width:auto;top:calc(100% + var(--gap) / 2);height:calc(var(--gap) / 2);border:2px solid var(--cc-ink);border-bottom:0;background:none;transform:none;clip-path:inset(0 calc((1 - clamp(0, calc(var(--d) * 2 - 1), 1)) * 50%))}}.no-js .hc-chain__node--mid{display:none}@media (prefers-reduced-motion: reduce){.hc-chain__node--mid{display:none}}.hc-points{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:clamp(3.2rem, 2rem + 2vw, 5.6rem) clamp(3.2rem, 1rem + 4vw, 8rem)}.hc-point{display:grid;align-content:start;gap:1.2rem;padding-top:2.4rem;border-top:2px solid var(--cc-ink)}.hc-point__title{font-size:var(--fs-h3);font-weight:700;letter-spacing:-.015em;line-height:1.2;text-wrap:wrap}.hc-one__more{margin-top:clamp(4rem, 2.4rem + 2vw, 6.4rem)}.hc-for{background:var(--cc-cream)}.hc-for__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(3.2rem, 2rem + 2vw, 5.6rem) var(--gutter);align-items:start}.hc-for__head{grid-column:1 / span 7;gap:2.4rem}.hc-for__intro{font-weight:600}.hc-modes{grid-column:1 / span 7;display:grid;gap:1.2rem}.hc-mode{--pt:2rem;--pl:2.4rem;position:relative;display:grid;gap:.8rem;padding:var(--pt) var(--pl) 2.4rem;border-radius:var(--radius-lg);border:1px solid rgba(196, 54, 54, .18);transition:background-color .4s, box-shadow .4s, border-color .4s}.hc-mode:has([aria-pressed="true"]){border-color:transparent;background:var(--cc-white);box-shadow:0 1.6rem 3.2rem rgba(196, 54, 54, .12)}.js .hc-mode:hover{border-color:rgba(196, 54, 54, .45);box-shadow:0 1.2rem 2.4rem rgba(196, 54, 54, .1)}.hc-mode:has(.hc-mode__btn:focus-visible){outline:3px solid var(--cc-red);outline-offset:3px}.hc-mode a{position:relative;z-index:2}.hc-mode__title{font-size:var(--fs-h3);line-height:1.2}.hc-mode__btn{position:static;display:block;width:100%;padding-left:3.2rem;text-align:left;font-weight:700;letter-spacing:-.015em;cursor:pointer}.hc-mode__btn::after{content:"";position:absolute;z-index:1;inset:-1px;border-radius:inherit}.hc-mode__btn:focus-visible{outline:none}.hc-mode__btn::before{content:"";position:absolute;left:var(--pl);top:calc(var(--pt) + .3em);width:1.8rem;height:1.8rem;border-radius:50%;border:2px solid var(--cc-red);transition:background-color .3s, box-shadow .3s}.hc-mode__btn[aria-pressed="true"]::before{background:var(--cc-red);box-shadow:inset 0 0 0 3px var(--cc-white)}.hc-mode:hover .hc-mode__btn{color:var(--cc-red)}.hc-mode > p{padding-left:3.2rem}.no-js .hc-mode__btn{cursor:default;pointer-events:none}.no-js .hc-mode__btn::before{background:var(--cc-red)}.hc-seat{grid-column:8 / -1;grid-row:1 / span 2;align-self:center;position:sticky;top:calc(var(--header-h) + 4rem);display:grid;gap:1.6rem}.no-js .hc-seat{display:none}.hc-seat__svg{width:100%;height:auto;overflow:visible}.hc-seat__org{fill:var(--cc-white);stroke:var(--teal-300);stroke-width:2}.hc-seat__team{fill:var(--teal-700);transition:transform .8s var(--hc-ease-pop)}.hc-seat__team--1{transform:translate(148px, 112px)}.hc-seat__team--2{transform:translate(192px, 110px)}.hc-seat__team--3{transform:translate(170px, 156px)}.hc-seat[data-mode="neben"] .hc-seat__team--1{transform:translate(126px, 118px)}.hc-seat[data-mode="neben"] .hc-seat__team--2{transform:translate(164px, 96px)}.hc-seat[data-mode="neben"] .hc-seat__team--3{transform:translate(148px, 160px)}.hc-seat[data-mode="ganz"] .hc-seat__team--1{transform:translate(110px, 162px)}.hc-seat[data-mode="ganz"] .hc-seat__team--2{transform:translate(230px, 162px)}.hc-seat[data-mode="ganz"] .hc-seat__team--3{transform:translate(170px, 66px)}.hc-seat__ring,.hc-seat__arc,.hc-seat__look{fill:none;stroke:var(--cc-red);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset .8s cubic-bezier(.65, 0, .35, 1), opacity .3s}.hc-seat__ring{stroke-width:4;opacity:0}.hc-seat__arc{stroke-width:10;stroke-linecap:butt;stroke-dasharray:.22 1;stroke-dashoffset:.22;opacity:0;transform-origin:170px 130px;rotate:-71deg}.hc-seat__look{stroke-width:5;stroke-linecap:butt;stroke-dasharray:.16 .14;stroke-dashoffset:0;opacity:0;transition:opacity .4s}.hc-seat__me{transform:translate(318px, 130px);transition:transform .8s var(--hc-ease-pop)}.hc-seat__halo{fill:var(--cc-cream)}.hc-seat__ringme{fill:none;stroke:var(--cc-red);stroke-width:4}.hc-seat__bg{fill:var(--teal-700)}.hc-seat[data-mode="aussen"] .hc-seat__look{opacity:1}.hc-seat[data-mode="neben"] .hc-seat__me{transform:translate(218px, 100px)}.hc-seat[data-mode="neben"] .hc-seat__arc{stroke-dashoffset:0;opacity:1}.hc-seat[data-mode="ganz"] .hc-seat__me{transform:translate(170px, 130px)}.hc-seat[data-mode="ganz"] .hc-seat__ring{stroke-dashoffset:0;opacity:1}html.motion-paused .hc-seat__team,html.motion-paused .hc-seat__me,html.motion-paused .hc-seat__ring,html.motion-paused .hc-seat__arc,html.motion-paused .hc-seat__look{transition:none}.hc-seat__key-box{display:grid;justify-items:center;gap:.8rem}.hc-seat__legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.8rem 3.2rem;font-size:var(--fs-16);font-weight:600}.hc-seat__key{display:inline-flex;align-items:center;gap:1rem}.hc-seat__icon{width:2rem;height:2.4rem;fill:var(--teal-700)}.hc-seat__mini{width:3.2rem;height:3.2rem;border-radius:50%;object-fit:cover;object-position:50% 12%;background:var(--teal-700);box-shadow:0 0 0 .2rem var(--cc-cream), 0 0 0 .4rem var(--cc-red)}.hc-seat__now{display:grid;font-family:var(--font-head);font-size:var(--fs-18);font-weight:700;color:var(--cc-red);text-align:center}.hc-seat__now-t{grid-area:1 / 1;opacity:0;transition:opacity .4s}.hc-seat[data-mode="aussen"] .hc-seat__now-t[data-mode="aussen"],.hc-seat[data-mode="neben"] .hc-seat__now-t[data-mode="neben"],.hc-seat[data-mode="ganz"] .hc-seat__now-t[data-mode="ganz"]{opacity:1}.hc-for__fit{grid-column:1 / -1;display:grid;gap:.2em;max-width:30ch;margin-top:clamp(4.8rem, 3rem + 3vw, 8rem);font-family:var(--font-head);font-size:var(--fs-52);line-height:1.1;letter-spacing:-.03em}.hc-for__fit span{font-weight:300}.hc-for__fit strong{font-weight:800}.hc-place{background:var(--teal-700)}.hc-place__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:clamp(4rem, 2rem + 3vw, 6.4rem) var(--gutter);align-items:start}.hc-place__text{grid-column:1 / span 6;align-self:center;gap:2.4rem}.hc-map{grid-column:8 / -1;grid-row:1;margin:0;align-self:center}.hc-map__svg{display:block;width:100%;height:auto;overflow:hidden}.hc-map__ring,.hc-map__ray{fill:none;stroke:rgba(255, 255, 255, .42);stroke-width:2.2}.hc-map__ring--2{stroke:rgba(255, 255, 255, .26)}.hc-map__ray{stroke:rgba(255, 255, 255, .34);stroke-dasharray:.02 .03}.hc-map__town circle{fill:var(--cc-white)}.hc-map__town text,.hc-map__home text{fill:var(--cc-white);font-family:var(--font);font-size:17px;font-weight:500}.hc-map__home circle{fill:var(--cc-red);stroke:var(--cc-white);stroke-width:4.2}.hc-map__home .hc-map__halo{fill:rgba(196, 54, 54, .28);stroke:none}.hc-map__town--1 text{text-anchor:end;transform:translateX(-29px)}.hc-map__home text{font-family:var(--font-head);font-size:21px;font-weight:800}@media (prefers-reduced-motion: no-preference){.js .hc-map__ring{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s cubic-bezier(.65, 0, .35, 1) .3s}.js .hc-map__ring--2{transition-delay:.7s}.js .hc-map__ray{opacity:0;transition:opacity .8s 1.6s}.js .hc-map__town{opacity:0;transform:translate3d(0, 10px, 0);transition:opacity .5s var(--ease-soft), transform .7s var(--hc-ease-pop)}.js .hc-map__home{transform-box:fill-box;transform-origin:18% 50%;scale:.4;opacity:0;transition:opacity .3s, scale .7s var(--hc-ease-pop)}.js .hc-map.is-inview .hc-map__ring{stroke-dashoffset:0}.js .hc-map.is-inview .hc-map__ray,.js .hc-map.is-inview .hc-map__town,.js .hc-map.is-inview .hc-map__home{opacity:1;transform:none;scale:1}.js .hc-map__town--1{transition-delay:.5s}.js .hc-map__town--2{transition-delay:.62s}.js .hc-map__town--3{transition-delay:.74s}.js .hc-map__town--4{transition-delay:.86s}.js .hc-map__town--5{transition-delay:.98s}.js .hc-map__town--6{transition-delay:1.1s}.js .hc-map__town--7{transition-delay:1.22s}.js .hc-map__town--8{transition-delay:1.34s}.js .hc-map__town--9{transition-delay:1.46s}}.hc-jobs__grid{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:4.8rem var(--gutter);align-items:center}.hc-jobs__text{grid-column:1 / span 6;gap:2.4rem}.hc-mail{display:inline-flex;align-items:center;gap:1.2rem;min-height:4.4rem;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .3s}.hc-mail span{min-width:0;overflow-wrap:anywhere}.hc-mail .i-mail{width:2.2rem;height:2.2rem;flex:none}.hc-trades{grid-column:8 / -1;display:grid}.hc-trade{display:flex;align-items:baseline;gap:1.6rem;padding-block:1.6rem;border-bottom:1px solid rgba(255, 255, 255, .22);font-family:var(--font-head);font-size:var(--fs-44);font-weight:300;letter-spacing:-.03em;line-height:1.1}.hc-trade::before{content:"";flex:none;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--cc-red);translate:0 -.12em}.hc-faq__title{margin-bottom:3.2rem}.hc-close{overflow:hidden;background:linear-gradient(180deg, var(--cc-paper) 0%, var(--cc-cream) 100%)}.hc-close .cloud--1{width:42rem;height:38rem;right:-16rem;top:-14rem}.hc-close .cloud--2{width:32rem;height:28rem;left:-12rem;bottom:-16rem;animation-duration:24s}.hc-close__inner{position:relative;z-index:2;gap:3.2rem}.hc-close__title{font-size:var(--fs-80);letter-spacing:-.04em;line-height:1}.hc-close__strong,.hc-close__light{display:block}.hc-close__strong{font-weight:800}.hc-close__light{font-weight:300}.hc-close__text{max-width:var(--measure-lede)}@media (max-width: 899px){.hc-hero{display:flex;flex-direction:column;justify-content:flex-start;gap:2.4rem;padding-bottom:0}.hc-hero__inner{order:1}.hc-hero__text{max-width:64rem}.hc-photo{--pw:180vw;order:2;position:relative;left:calc(50% - var(--pw) * .53);flex:none;margin-top:auto}.hc-photo__img{-webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 12%);mask-image:linear-gradient(180deg, transparent 0%, #000 12%)}.hc-notes__line--d,.hc-notes__tip--d{display:none}.hc-notes__line--m,.hc-notes__tip--m{display:inline}.hc-tag--puffy{right:auto;left:27%;top:7%}.hc-tag--paul{right:auto;left:60%;top:1%}}@media (min-width: 600px) and (max-width: 899px){.hc-photo{--pw:130vw}}@media (max-width: 1099px){.hc-who__head,.hc-who__job,.hc-who__wall,.hc-who__sofa,.hc-who__walk{grid-column:1 / -1}.hc-who__grid{grid-template-columns:minmax(0, 1fr);padding-left:4rem;row-gap:4.8rem}.hc-who__job,.hc-who__walk{max-width:64rem}.hc-for__head,.hc-modes{grid-column:1 / -1}.hc-seat{position:static;grid-column:1 / -1;grid-row:auto;max-width:48rem;justify-self:center;width:100%}.hc-place__text,.hc-map{grid-column:1 / -1;grid-row:auto}.hc-map{max-width:48rem;justify-self:center;width:100%}@media (min-width: 992px){.hc-place__text{grid-column:1 / span 6;grid-row:1}.hc-map{grid-column:7 / -1;grid-row:1;max-width:none}}.hc-jobs__text,.hc-trades{grid-column:1 / -1}}@media (max-width: 767px){.hc-hero__text{max-width:none}.hc-tag{padding:.6rem 1rem .7rem}.hc-tag strong{font-size:var(--fs-18)}.hc-tag--paul .hc-roll{display:none}.hc-now__cols,.hc-points{grid-template-columns:minmax(0, 1fr)}.hc-chain{container-type:normal}.hc-chain__track{--du:7.2rem;--paul:9.6rem;--span:calc(var(--du) + 20.8rem);height:calc(var(--span) + var(--paul) + 1.6rem)}.hc-chain__node--mid .hc-chain__dot{width:4.8rem;height:4.8rem}.hc-chain__node{grid-auto-flow:column;align-items:center;justify-items:start;gap:1.6rem}.hc-chain__track{--x:calc(var(--paul) / 2 + (50% - var(--paul) / 2) * var(--m))}.hc-chain__node--du{top:calc((var(--span) - var(--du) - 2.4rem) * var(--m));left:calc(var(--x) - var(--du) / 2)}.hc-chain__node--mid{left:calc(var(--paul) / 2 - 2.4rem)}.hc-chain__node--m1{top:calc(var(--du) + 1.6rem)}.hc-chain__node--m2{top:calc(var(--du) + 8rem)}.hc-chain__node--m3{top:calc(var(--du) + 14.4rem)}.hc-chain__node--paul{left:calc(var(--x) - var(--paul) / 2);top:var(--span)}.hc-chain__line{top:calc(var(--du) / 2 + (var(--span) - var(--du) - 2.4rem) * var(--m));left:calc(var(--x) - 1px);width:2px;height:calc(var(--span) + var(--paul) / 2 - var(--du) / 2 - (var(--span) - var(--du) - 2.4rem) * var(--m))}.hc-chain__dock--du{display:none}.hc-chain__dock--paul{left:calc(50% - 1px);top:calc(var(--span) + var(--paul) + .8rem);height:calc(100% - var(--span) - var(--paul) - .8rem + var(--gap))}.hc-who__grid{padding-left:3.2rem}}@media (max-width: 1099px){.hc-now__grid > *,.hc-now__grid > .hc-now__label{grid-column:1 / -1;padding-top:0}}@media (max-width: 599px){.hc-map__town text{font-size:27px}.hc-map__home text{font-size:30px}.hc-map__home text,.hc-map__town--5 text{text-anchor:end;transform:translateX(-29px)}.hc-map__home text{transform:translateX(-51px)}.hc-map__town--4 text,.hc-map__town--7 text,.hc-map__town--8 text,.hc-map__town--9 text{display:none}.hc-mode{--pt:1.6rem;--pl:1.6rem;padding:var(--pt) var(--pl) 2rem}}@media print{.hc-photo,.hc-way,.hc-chain,.hc-seat,.hc-map{display:none}}.hc-mode{padding-right:calc(var(--pl) + 6.4rem)}.hc-mode__go{position:absolute;right:var(--pl);top:50%;display:grid;place-items:center;width:4.4rem;height:4.4rem;margin-top:-2.2rem;border:1px solid var(--cc-ink);border-radius:50%;color:var(--cc-ink);pointer-events:none;transition:background-color .3s, border-color .3s, color .3s}.hc-mode__go svg{width:1.6rem;height:1.6rem}.js .hc-mode:hover .hc-mode__go,.hc-mode:has(:focus-visible) .hc-mode__go,.hc-mode:has([aria-pressed="true"]) .hc-mode__go{background:var(--cc-ink);border-color:var(--cc-ink);color:var(--cc-white)}.no-js .hc-mode__go{display:none}.no-js .hc-mode{padding-right:var(--pl)}@media (max-width: 599px){.hc-mode{padding-right:calc(var(--pl) + 4.8rem)}.hc-mode__go{width:3.6rem;height:3.6rem;margin-top:-1.8rem}}}