@layer reset{*,*:before,*:after{box-sizing:border-box}:where(body,h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd,ul,ol,menu,hr,fieldset,dialog,[popover]){margin:0}:where(ul,ol,menu,fieldset,legend,input,textarea,td,th,dialog,[popover]){padding:0}:root{text-size-adjust:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}button{all:unset;cursor:pointer;box-sizing:border-box;&:focus-visible{outline:revert}}a{color:inherit;text-decoration:none}ul,ol{list-style-type:none}}@layer base{:root{font:16px var(--font-family);scroll-padding-block-start:calc(var(--height-header) + var(--spacing-m));height:100%;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}body{color:var(--color-primary);font-size:var(--font-size-base);display:flex;flex-direction:column;min-height:100%}}@layer base{:root{--petrol-dark: #1c3b37;--petrol-mid: #23413d;--petrol-light: #334f4b;--petrol-extra-light: #49625e;--jade-dark: #00a671;--jade-mid: #31b68c;--jade-light: #7bcdb3;--jade-extra-light: #c4e5db;--spring-dark: #85ce5f;--spring-mid: #9bd67d;--spring-light: #bde1aa;--spring-extra-light: #dfedd7;--gold-dark: #fbce51;--gold-mid: #fad672;--gold-light: #f8e1a3;--gold-extra-light: #f6edd4;--white: #ffffff;--grey-dark: #d9d9d9;--grey-mid: #e6e6e6;--grey-light: #f5f5f5;--grey-extra-light: #fbfbfb;--black: #000000;--color-text: var(--petrol-dark);--color-text-inverted: var(--white);--color-background: var(--white);--color-background-dark: var(--petrol-dark);--color-primary: var(--petrol-dark);--color-accent: var(--gold-dark)}}@layer base{:root{--ease-1: cubic-bezier(.25, 0, .5, 1);--ease-2: cubic-bezier(.25, 0, .4, 1);--ease-3: cubic-bezier(.25, 0, .3, 1);--ease-4: cubic-bezier(.25, 0, .2, 1);--ease-5: cubic-bezier(.25, 0, .1, 1);--ease-in-1: cubic-bezier(.25, 0, 1, 1);--ease-in-2: cubic-bezier(.5, 0, 1, 1);--ease-in-3: cubic-bezier(.7, 0, 1, 1);--ease-in-4: cubic-bezier(.9, 0, 1, 1);--ease-in-5: cubic-bezier(1, 0, 1, 1);--ease-out-1: cubic-bezier(0, 0, .75, 1);--ease-out-2: cubic-bezier(0, 0, .5, 1);--ease-out-3: cubic-bezier(0, 0, .3, 1);--ease-out-4: cubic-bezier(0, 0, .1, 1);--ease-out-5: cubic-bezier(0, 0, 0, 1);--ease-in-out-1: cubic-bezier(.1, 0, .9, 1);--ease-in-out-2: cubic-bezier(.3, 0, .7, 1);--ease-in-out-3: cubic-bezier(.5, 0, .5, 1);--ease-in-out-4: cubic-bezier(.7, 0, .3, 1);--ease-in-out-5: cubic-bezier(.9, 0, .1, 1);--ease-elastic-out-1: cubic-bezier(.5, .75, .75, 1.25);--ease-elastic-out-2: cubic-bezier(.5, 1, .75, 1.25);--ease-elastic-out-3: cubic-bezier(.5, 1.25, .75, 1.25);--ease-elastic-out-4: cubic-bezier(.5, 1.5, .75, 1.25);--ease-elastic-out-5: cubic-bezier(.5, 1.75, .75, 1.25);--ease-elastic-in-1: cubic-bezier(.5, -.25, .75, 1);--ease-elastic-in-2: cubic-bezier(.5, -.5, .75, 1);--ease-elastic-in-3: cubic-bezier(.5, -.75, .75, 1);--ease-elastic-in-4: cubic-bezier(.5, -1, .75, 1);--ease-elastic-in-5: cubic-bezier(.5, -1.25, .75, 1);--ease-elastic-in-out-1: cubic-bezier(.5, -.1, .1, 1.5);--ease-elastic-in-out-2: cubic-bezier(.5, -.3, .1, 1.5);--ease-elastic-in-out-3: cubic-bezier(.5, -.5, .1, 1.5);--ease-elastic-in-out-4: cubic-bezier(.5, -.7, .1, 1.5);--ease-elastic-in-out-5: cubic-bezier(.5, -.9, .1, 1.5);--ease-step-1: steps(2);--ease-step-2: steps(3);--ease-step-3: steps(4);--ease-step-4: steps(7);--ease-step-5: steps(10);--ease-elastic-1: var(--ease-elastic-out-1);--ease-elastic-2: var(--ease-elastic-out-2);--ease-elastic-3: var(--ease-elastic-out-3);--ease-elastic-4: var(--ease-elastic-out-4);--ease-elastic-5: var(--ease-elastic-out-5);--ease-squish-1: var(--ease-elastic-in-out-1);--ease-squish-2: var(--ease-elastic-in-out-2);--ease-squish-3: var(--ease-elastic-in-out-3);--ease-squish-4: var(--ease-elastic-in-out-4);--ease-squish-5: var(--ease-elastic-in-out-5);--ease-spring-1: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 );--ease-spring-2: linear( 0, .007, .029 2.2%, .118 4.7%, .625 14.4%, .826 19%, .902, .962, 1.008 26.1%, 1.041 28.7%, 1.064 32.1%, 1.07 36%, 1.061 40.5%, 1.015 53.4%, .999 61.6%, .995 71.2%, 1 );--ease-spring-3: linear( 0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1 );--ease-spring-4: linear( 0, .009, .037 1.7%, .153 3.6%, .776 10.3%, 1.001, 1.142 16%, 1.185, 1.209 19%, 1.215 19.9% 20.8%, 1.199, 1.165 25%, 1.056 30.3%, 1.008 33%, .973, .955 39.2%, .953 41.1%, .957 43.3%, .998 53.3%, 1.009 59.1% 63.7%, .998 78.9%, 1 );--ease-spring-5: linear( 0, .01, .04 1.6%, .161 3.3%, .816 9.4%, 1.046, 1.189 14.4%, 1.231, 1.254 17%, 1.259, 1.257 18.6%, 1.236, 1.194 22.3%, 1.057 27%, .999 29.4%, .955 32.1%, .942, .935 34.9%, .933, .939 38.4%, 1 47.3%, 1.011, 1.017 52.6%, 1.016 56.4%, 1 65.2%, .996 70.2%, 1.001 87.2%, 1 );--ease-bounce-1: linear( 0, .004, .016, .035, .063, .098, .141, .191, .25, .316, .391 36.8%, .563, .766, 1 58.8%, .946, .908 69.1%, .895, .885, .879, .878, .879, .885, .895, .908 89.7%, .946, 1 );--ease-bounce-2: linear( 0, .004, .016, .035, .063, .098, .141 15.1%, .25, .391, .562, .765, 1, .892 45.2%, .849, .815, .788, .769, .757, .753, .757, .769, .788, .815, .85, .892 75.2%, 1 80.2%, .973, .954, .943, .939, .943, .954, .973, 1 );--ease-bounce-3: linear( 0, .004, .016, .035, .062, .098, .141 11.4%, .25, .39, .562, .764, 1 30.3%, .847 34.8%, .787, .737, .699, .672, .655, .65, .656, .672, .699, .738, .787, .847 61.7%, 1 66.2%, .946, .908, .885 74.2%, .879, .878, .879, .885 79.5%, .908, .946, 1 87.4%, .981, .968, .96, .957, .96, .968, .981, 1 );--ease-bounce-4: linear( 0, .004, .016 3%, .062, .141, .25, .391, .562 18.2%, 1 24.3%, .81, .676 32.3%, .629, .595, .575, .568, .575, .595, .629, .676 48.2%, .811, 1 56.2%, .918, .86, .825, .814, .825, .86, .918, 1 77.2%, .94 80.6%, .925, .92, .925, .94 87.5%, 1 90.9%, .974, .965, .974, 1 );--ease-bounce-5: linear( 0, .004, .016 2.5%, .063, .141, .25 10.1%, .562, 1 20.2%, .783, .627, .534 30.9%, .511, .503, .511, .534 38%, .627, .782, 1 48.7%, .892, .815, .769 56.3%, .757, .753, .757, .769 61.3%, .815, .892, 1 68.8%, .908 72.4%, .885, .878, .885, .908 79.4%, 1 83%, .954 85.5%, .943, .939, .943, .954 90.5%, 1 93%, .977, .97, .977, 1 )}}@layer base{:root{--focus-outline-color: currentColor;--focus-outline-offset: .15rem;--focus-outline-style: solid;--focus-outline-width: .15rem}*:focus-visible{outline-color:var(--focus-outline-color);outline-offset:var(--focus-outline-offset);outline-style:var(--focus-outline-style);outline-width:var(--focus-outline-width)}}@layer base{@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:400;src:url(../fonts/host-grotesk-v5-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:italic;font-weight:400;src:url(../fonts/host-grotesk-v5-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:600;src:url(../fonts/host-grotesk-v5-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:italic;font-weight:600;src:url(../fonts/host-grotesk-v5-latin-600italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:700;src:url(../fonts/host-grotesk-v5-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:italic;font-weight:700;src:url(../fonts/host-grotesk-v5-latin-700italic.woff2) format("woff2")}}@layer base{.wrap{padding-inline:var(--spacing-inline)}.inner{width:100%;max-width:var(--width-max);margin:0 auto}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--spacing-grid)}hr{margin-block:calc(var(--spacing-flow) * 2);height:1px;border:none;background-color:currentColor;opacity:.25}}@layer base{.rich-text{line-height:1.5;text-wrap:pretty;>*:first-child{margin-block-start:0}>*:last-child{margin-block-end:0}}.rich-text a{text-decoration:underline;text-decoration-thickness:.075em;text-underline-offset:.15em;word-break:break-word}.rich-text :is(h1,h2,h3,h4,h5,h6){font-weight:700;text-wrap:pretty;line-height:1.1;margin-block-start:1em;margin-block-end:var(--spacing-flow);hyphens:auto;hyphenate-limit-chars:10 4 4;&:first-child{margin-block-start:0}&:last-child{margin-block-end:0}}.rich-text :where(h1){font-size:var(--font-size-2xl)}.rich-text :where(h2){font-size:var(--font-size-xl)}.rich-text :where(h3){font-size:var(--font-size-l);line-height:1.2}.rich-text :where(h4){font-size:var(--font-size-m);line-height:1.2}.rich-text :where(h5){font-size:var(--font-size-s);line-height:1.3}.rich-text :where(h6){font-size:var(--font-size-s);line-height:1.3}.rich-text p{margin-block:var(--spacing-flow)}.rich-text figure{margin-block:calc(var(--spacing-flow) * 2);figcaption{margin-block-start:var(--spacing-flow);font-size:var(--font-size-s)}}.rich-text strong{font-weight:700}.rich-text em{font-style:italic}.rich-text :is(ul,ol){margin-block:var(--spacing-flow);text-align:start}.rich-text ul{list-style-type:disc;padding-inline-start:1.25em;::marker{color:var(--jade-dark)}}.rich-text ol{list-style-type:decimal;padding-inline-start:1.5em}}@layer base{:root{--spacing-4: .25rem;--spacing-8: .5rem;--spacing-12: .75rem;--spacing-16: 1rem;--spacing-20: 1.25rem;--spacing-24: 1.5rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-64: 4rem;--spacing-80: 5rem;--spacing-96: 6rem;--spacing-128: 8rem;--spacing-160: 10rem;--spacing-xs: var(--spacing-4);--spacing-s: var(--spacing-8);--spacing-m: var(--spacing-16);--spacing-l: var(--spacing-24);--spacing-xl: var(--spacing-32);--spacing-2xl: var(--spacing-48);--spacing-3xl: var(--spacing-64);--spacing-4xl: var(--spacing-96);--spacing-5xl: var(--spacing-128);--spacing-6xl: var(--spacing-160);--spacing-flow: var(--spacing-m);--spacing-grid: var(--spacing-m);--spacing-inline: var(--spacing-80);--spacing-block: var(--spacing-5xl);@media(max-width:1200px){--spacing-inline: var(--spacing-40)}@media(max-width:1000px){--spacing-grid: var(--spacing-s);--spacing-inline: var(--spacing-m);--spacing-block: var(--spacing-3xl)}}}@layer base{:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--font-family: "Host Grotesk", sans-serif}:root{--step--1: clamp(.8889rem, .8434rem + .202vw, 1rem);--step-0: clamp(1rem, .8977rem + .4545vw, 1.25rem);--step-1: clamp(1.125rem, .946rem + .7955vw, 1.5625rem);--step-2: clamp(1.2656rem, .9844rem + 1.25vw, 1.9531rem);--step-3: clamp(1.4238rem, 1.0075rem + 1.8501vw, 2.4414rem);--step-4: clamp(1.6018rem, 1.0086rem + 2.6363vw, 3.0518rem);--step-5: clamp(1.802rem, .9787rem + 3.6594vw, 3.8147rem);--font-size-s: var(--step--1);--font-size-base: var(--step-0);--font-size-m: var(--step-1);--font-size-l: var(--step-2);--font-size-xl: var(--step-3);--font-size-2xl: var(--step-4);--font-size-3xl: var(--step-5)}}@layer base{.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:is(.h6,.h5,.h4,.h3,.h2,.h1){text-wrap:pretty;font-weight:700;line-height:1.1}.h1{font-size:var(--font-size-3xl)}.h2{font-size:var(--font-size-2xl)}.h3{font-size:var(--font-size-xl);line-height:1.2}.h4{font-size:var(--font-size-l);line-height:1.2}.h5,.h6{font-size:var(--font-size-m);line-height:1.3}}@layer base{:root{--width-max: 1200px;--height-header: var(--spacing-80);--box-shadow: 0px 1px 3px rgba(3, 7, 18, 0), 0px 4px 11px rgba(3, 7, 18, .01), 0px 10px 24px rgba(3, 7, 18, .01);--box-shadow-strong: 0px 2px 4px rgba(3, 7, 18, .02), 0px 8px 16px rgba(3, 7, 18, .03), 0px 20px 48px rgba(3, 7, 18, .04);@media(max-width:1000px){--height-header: var(--spacing-64)}}}@layer base;@layer components{.buttons{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-m);@media(max-width:1000px){flex-direction:column}}.buttons--vertical{flex-direction:column}.buttons__item{max-width:100%}.button{display:flex;align-items:center;justify-content:center;cursor:pointer;width:fit-content;font-size:var(--font-size-s);padding:.75em 1.5em;background-color:var(--button-bg);color:var(--button-color);border:1px solid var(--button-border, transparent);text-decoration:none;--button-bg: var(--color-primary);--button-color: var(--color-text-inverted);--button-bg-hover: var(--color-accent);--button-color-hover: var(--color-text);--button-border: transparent;--button-border-hover: transparent;--focus-outline-color: var(--button-bg);&:hover,&:focus-visible{background-color:var(--button-bg-hover);color:var(--button-color-hover);border-color:var(--button-border-hover)}[data-background=dark] &{&:where(:not([data-background=light] .button)){--button-bg: var(--color-background);--button-color: var(--color-text)}}}.button--outlined{--button-bg: transparent;--button-color: var(--color-text);--button-bg-hover: var(--color-accent);--button-color-hover: var(--color-text);--button-border: var(--color-primary);--button-border-hover: var(--color-accent);--focus-outline-color: var(--button-border);[data-background=dark] &{&:where(:not([data-background=light] .button)){--button-bg: transparent;--button-color: var(--color-accent);--button-border: var(--color-accent)}}}.button--compact{padding:.5em 1em}.button__label{font-weight:600;line-height:1.3;white-space:nowrap}}@layer components{.cards{display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;@media(max-width:800px){grid-template-columns:1fr;gap:var(--spacing-m)}}.card{display:flex;flex-direction:column;gap:var(--spacing-l);background-color:var(--color-background-dark);color:var(--color-text-inverted);padding:var(--spacing-xl);position:relative;transition:all .25s;transition-property:background-color;&:has(.card__link:hover,.card__link:focus-visible){background-color:color-mix(in srgb,var(--color-background-dark),var(--black) 10%)}}.card__link{margin-block-start:auto;&:after{content:"";position:absolute;inset:0}}}@layer components{[blossom-carousel]{display:inline-block;white-space:nowrap;overflow-x:auto;overflow-y:clip;scroll-behavior:smooth;overscroll-behavior-x:contain;list-style-type:none;inline-size:100%;max-inline-size:100vw;box-sizing:border-box;scrollbar-width:none}[blossom-carousel]:is(ul){padding-inline-start:0}[blossom-carousel]::-webkit-scrollbar{display:none}[blossom-carousel][has-repeat=true]{scroll-padding-inline:50%!important;padding-inline:50%!important}[blossom-carousel][has-snap=true]{scroll-snap-type:var(--snap-type)!important}[blossom-carousel][has-overflow=true]{cursor:grab}[blossom-carousel][has-overflow=true]:active{cursor:grabbing}@media(pointer:fine){[blossom-carousel][has-overflow=true]:active{scroll-snap-type:none!important}}[blossom-carousel]>*{display:inline-block;white-space:initial;vertical-align:top}[blossom-carousel] *{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}@layer components{.carousel{position:relative;background-color:var(--grey-mid)}.carousel__viewport{display:flex;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:auto;@media(prefers-reduced-motion:no-preference){scroll-behavior:smooth}}.carousel__item{width:100%;flex-shrink:0;scroll-snap-align:center}.carousel__image{width:100%;height:auto;object-fit:cover}.carousel__nav{position:absolute;inset:0;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding-inline:var(--spacing-s)}.carousel__arrow{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:none;border-radius:50%;background:color-mix(in srgb,black,transparent 50%);color:var(--color-text-inverted);cursor:pointer;transition:all .25s;transition-property:opacity;--focus-outline-color: var(--color-text-inverted);&:hover,&:focus-visible{background-color:var(--gold-dark);color:var(--color-text)}&[disabled]{opacity:.25;pointer-events:none}svg{width:1rem;height:1rem}}}@layer components{.guides{position:fixed;inset:0;z-index:calc(infinity);pointer-events:none;visibility:hidden;--guide-color: #84ffff}.guides:after{content:attr(data-window-width);color:var(--guide-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-xl)}.guides__inner{height:100%}.guides__guide{outline:1px solid var(--guide-color);background-color:color-mix(in srgb,var(--guide-color),transparent 75%)}}@layer components{.text-wrap{display:flex;flex-direction:column;gap:var(--spacing-l);text-align:center}.text-wrap__header{display:flex;flex-direction:column;gap:var(--spacing-s)}.text-wrap__kicker{font-size:var(--font-size-s);font-weight:600;[data-background=dark] &{color:var(--color-accent)}}.text-wrap__headline{text-wrap:balance}.text-wrap__text{max-width:70ch;margin-inline:auto;text-wrap:balance}}@layer components{.image-wrap{display:flex;flex-direction:column;gap:.25rem;position:relative}.image-wrap__image{background-size:cover}.image-wrap__caption{font-size:var(--font-size-xs)}}@layer components{.links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-s) var(--spacing-l)}.links--vertical{flex-direction:column;align-items:start}.links__item{max-width:100%}.link{display:flex;max-width:fit-content;align-items:center;justify-content:center;cursor:pointer;gap:.3em;font-size:var(--font-size-s);color:var(--link-color);--link-color: inherit;--link-color-hover: var(--link-color);--link-icon-size: .9em;&:hover,&:focus-visible{color:var(--link-color-hover);&:has(.arrow-tail){@media(prefers-reduced-motion:no-preference){.arrow-tail{transform:scaleX(1.2)}.link__icon{transform:translate(20%)}}}}[data-background=dark] &{&:where(:not([data-background=light] .link)){--link-color-hover: var(--color-accent)}}}.link--icon-large{--link-icon-size: 1.5em}.link__label{font-weight:600}.link__icon{width:var(--link-icon-size);height:var(--link-icon-size);flex-shrink:0;overflow:visible;.arrow-tail{transform-origin:right;@media(prefers-reduced-motion:no-preference){transition:all .5s var(--ease-spring-2);transition-property:transform}}@media(prefers-reduced-motion:no-preference){transition:all .5s var(--ease-spring-2);transition-property:transform}}}@layer components{.logo{display:block;font-weight:700;line-height:1;font-size:var(--font-size-base)}}@layer components{.person-cards{display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);@media(max-width:800px){grid-template-columns:repeat(2,1fr);column-gap:var(--spacing-l)}@media(max-width:500px){grid-template-columns:repeat(1,1fr)}}.person-card{display:flex;flex-direction:column;gap:var(--spacing-l)}.person-card__content{display:flex;flex-direction:column;gap:var(--spacing-m)}.person-card__name-wrap{display:flex;flex-direction:column}.person-card__name{font-weight:700}.person-card__bio{font-size:var(--font-size-s)}.person-card__image{width:100%;height:auto;@media(max-width:500px){max-width:20rem}}}@layer components{.produktblume path{transition:fill .5s var(--ease-1)}.produktblume .center{fill:var(--grey-extra-light);&[data-highlight]{fill:var(--gold-dark)}}.produktblume .phase1{fill:var(--grey-light);&[data-highlight]{fill:var(--petrol-extra-light)}}.produktblume .phase2{fill:var(--grey-mid);&[data-highlight]{fill:var(--petrol-light)}}.produktblume .phase3{fill:var(--grey-dark);&[data-highlight]{fill:var(--petrol-mid)}}}@layer components{.project-card{display:flex;flex-direction:column;background-color:var(--color-background-dark);color:var(--color-text-inverted);position:relative;transition:background-color .25s;&:has(.project-card__link:hover,.project-card__link:focus-visible){background-color:color-mix(in srgb,var(--color-background-dark),var(--black) 10%);.project-card__image{filter:none}}}.project-card__image-wrap{aspect-ratio:3 / 2;overflow:hidden;flex-shrink:0}.project-card__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) sepia(10%);transition:all .25s;transition-property:filter}.project-card__content{height:100%;display:flex;flex-direction:column;gap:var(--spacing-m);padding:var(--spacing-xl);font-size:var(--font-size-s)}.project-card__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.project-card__link{margin-block-start:auto;&:after{content:"";position:absolute;inset:0}}}@layer components{.skip-to-content{position:fixed;top:.5rem;left:.5rem;z-index:200;transform:translateY(calc(-100% - 1rem));--focus-outline-color: var(--color-accent);&:focus-visible{transform:none}@media(prefers-reduced-motion:no-preference){transition:transform .25s var(--ease-spring-1)}}}@layer components{.tag{display:inline-block;padding:.25em .75em;background:var(--grey-mid);color:var(--petrol-dark);font-size:var(--font-size-s);font-weight:600;border:none;cursor:pointer;--focus-outline-color: var(--petrol-dark);&:hover,&:focus-visible{background:var(--gold-dark)}&[aria-pressed=true]{background:var(--petrol-dark);color:var(--color-text-inverted)}[data-background=dark] &{background:#0003;color:var(--color-text-inverted)}}}@layer components;@layer blocks{.blocks{background-image:linear-gradient(to bottom,var(--white),var(--grey-mid));display:flow-root}.block{background-color:var(--background-color);margin-block:var(--spacing-block);&[data-background=dark]{padding-block:var(--spacing-block);color:var(--color-text-inverted)}}}@layer blocks{.text-block{text-align:center}.text-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl)}.text-block__columns{display:grid;grid-template-columns:1fr 1fr;max-width:70ch;gap:var(--spacing-2xl);text-align:left;@media(max-width:1000px){width:100%;grid-template-columns:auto}}}@layer blocks{.cards-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);@media(max-width:1000px){gap:var(--spacing-xl)}}.cards-block__cards{width:100%}}@layer blocks{.projects-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);@media(max-width:1000px){gap:var(--spacing-xl)}}.projects-block__grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl);@media(max-width:1000px){grid-template-columns:repeat(2,1fr)}@media(max-width:600px){grid-template-columns:1fr}}.projects-block__button{margin-inline:auto}}@layer blocks{.persons-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl);@media(max-width:1000px){gap:var(--spacing-xl)}}.persons-block__main{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);width:100%;@media(max-width:1000px){gap:var(--spacing-xl)}}.persons-block__cards{width:100%}.persons-block__outro{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l)}.persons-block__outro-text-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m)}.persons-block__outro-text{max-width:60ch;text-wrap:balance}}@layer blocks{.partners-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);@media(max-width:1000px){gap:var(--spacing-xl)}}.partners-block__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-s);width:100%;@media(max-width:800px){grid-template-columns:repeat(2,1fr)}@media(max-width:400px){grid-template-columns:auto}}.partner-logo__link{display:block;--focus-outline-color: var(--color-text)}.partner-logo__image{display:block;width:100%;height:auto}}@layer blocks{.cta-block{text-align:center}.cta-block__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-l)}}@layer blocks;@layer sections{.footer{position:relative;background-color:var(--color-background-dark);color:var(--color-text-inverted);isolation:isolate;background-image:url(/assets/images/circles-top-right.svg);background-repeat:no-repeat;background-position:top right;background-size:auto calc(100% - var(--spacing-block))}.footer__top{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-l);padding-block:var(--spacing-5xl)}.footer__logo{font-size:var(--font-size-l);width:5em;height:auto}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-16);margin-block-end:var(--spacing-32);@media(max-width:1000px){gap:var(--spacing-32);flex-direction:column;justify-content:center}}.meta-menu{font-size:var(--font-size-s)}.meta-menu__list{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--spacing-m) var(--spacing-l)}.meta-menu__item{padding:.25em .5em;margin:-.25em -.5em;--focus-outline-color: var(--color-text-inverted);&:hover,&:focus-visible{color:var(--color-accent)}&[aria-current=page]{font-weight:700;color:var(--color-accent);background-color:transparent}}.footer__social{flex-shrink:0}.icon-menu{font-size:var(--font-size-l)}.icon-menu__list{display:flex;flex-wrap:wrap;gap:var(--spacing-20)}.icon-menu__item{display:block;padding:.625rem;margin:-.625rem;--focus-outline-color: var(--color-text-inverted);&:hover,&:focus-visible{color:var(--color-accent)}}.icon-menu__icon{display:block;width:1.5rem;height:1.5rem}}@layer sections{.header{background-color:var(--color-background-dark);color:var(--color-text-inverted);font-size:var(--font-size-s);position:sticky;top:0;z-index:10}.header__inner{display:grid;align-items:center;height:var(--height-header);>*{grid-column:1;grid-row:1}}.header__logo{justify-self:start}.header__menu{justify-self:center}.header__contact{justify-self:end;@media(max-width:1000px){display:none}}.header__mobile-menu{justify-self:end;display:none;@media(max-width:1000px){display:block}}}@layer sections{.home-hero{display:grid;align-items:center;min-height:calc(100svh - var(--height-header));position:relative}.home-hero__images{position:absolute;inset:0;z-index:1;&:after{content:"";position:absolute;inset:0;z-index:3;background-color:#00000054}}.home-hero__image-wrap{position:absolute;inset:0}.home-hero__image-wrap--first{z-index:1}.home-hero__image-wrap--second{z-index:2;opacity:0}.home-hero__image{width:100%;height:100%;min-height:0;object-fit:cover}.home-hero__content{position:relative;z-index:2;color:var(--color-text-inverted)}.home-hero__inner{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-size-xl);gap:1em;padding-block:1em;text-align:center}.home-hero__signet{font-size:var(--font-size-xl);width:4em;height:auto}.home-hero__superfluous-scroll-link{font-size:var(--font-size-base)}.superfluous-scroll-link{display:flex;flex-direction:column;align-items:center;font-weight:700;gap:var(--spacing-xs);padding:.5em 1em;margin:-.5em -1em;&:hover{color:var(--color-accent)}}.superfluous-scroll-link__icon{@media(prefers-reduced-motion:no-preference){animation:bounce 2s var(--ease-spring-1) infinite}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(.25rem)}}}@layer sections{.home-intro{background-color:var(--color-background-dark);color:var(--color-text-inverted);padding-block:var(--spacing-block);position:relative;isolation:isolate;background-image:url(/assets/images/circles-bottom-left.svg);background-repeat:no-repeat;background-position:bottom left;background-size:auto calc(100% - var(--spacing-block))}.home-intro__inner{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}}@layer sections{.intro{position:relative;margin-block:var(--spacing-block)}.intro__inner{display:flex;flex-direction:column;gap:var(--spacing-xl);text-align:center}}@layer sections{.menu{@media(max-width:1000px){display:none}}.menu__list{display:flex;gap:var(--spacing-xl)}.menu__item{padding:.25em .5em;margin:-.25em -.5em;--focus-outline-color: var(--color-text-inverted);&:hover,&:focus-visible{color:var(--color-accent)}&[aria-current=page]{font-weight:700;color:var(--color-accent);background-color:transparent}}}@layer sections{.mobile-menu{width:100%;height:100svh;max-width:none;max-height:none;background-color:var(--color-background-dark);color:var(--color-text-inverted);border:none;&[open]{display:flex;flex-direction:column;align-items:center}}.mobile-menu__header{position:absolute;right:0;top:0;padding-inline:var(--spacing-inline);height:var(--height-header);display:grid;align-items:center}.mobile-menu__nav{flex-grow:1;padding:var(--height-header) var(--spacing-m);font-size:var(--font-size-2xl)}.mobile-menu__list{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-m)}.mobile-menu__item{&[aria-current=page]{font-weight:700;color:var(--color-accent)}}.mobile-menu__button{font-size:var(--font-size-m);margin:var(--spacing-m)}.mobile-menu__toggle{display:block;padding:.625rem;margin:-.625rem}.mobile-menu__toggle-icon{width:1.5rem;height:1.5rem}}@layer sections{.projects-hero{margin-block:var(--spacing-block);text-align:center}.projects-hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2xl);@media(max-width:1000px){gap:var(--spacing-xl)}}.projects-filter{display:flex;flex-direction:column;font-size:var(--font-size-s);gap:var(--spacing-m)}.projects-filter__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-s)}.projects-list{margin-block:var(--spacing-block)}.projects-list__inner{display:flex;flex-direction:column;gap:var(--spacing-block)}.project-item{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);@media(max-width:1000px){grid-template-columns:1fr;gap:var(--spacing-l)}&[hidden]{display:none}}.project-item__carousel{align-self:start;position:relative;.project-item:has([aria-expanded=true]) &{top:calc(var(--height-header) + var(--spacing-m));position:sticky;@media(max-width:1000px){position:relative;top:auto}}@media(max-width:1000px){order:-1}}.project-item__carousel .carousel__viewport,.project-item__carousel .carousel__item{height:100%}.project-item__carousel .carousel__image{height:100%;object-fit:cover;filter:grayscale(calc(var(--grayscale, 100) * 1%)) sepia(calc(var(--grayscale, 100) * .1%))}.project-item__content{display:flex;flex-direction:column;gap:var(--spacing-l)}.project-item__title-wrap{display:flex;flex-direction:column;gap:var(--spacing-m)}.project-item__title-icon-wrap{display:flex;align-items:center;gap:var(--spacing-m)}.project-item__produktblume{font-size:var(--font-size-xl);width:1lh;height:1lh;flex-shrink:0}.project-item__subtitle{font-weight:700}.project-item__teaser{font-size:var(--font-size-s)}.project-item__toggle{align-self:flex-start}.project-item__details{font-size:var(--font-size-s);display:flex;flex-direction:column;gap:var(--spacing-l);overflow:clip;&[hidden]{display:none}}.project-item__tags{display:flex;flex-wrap:wrap;gap:var(--spacing-s)}}@layer sections{.services__blocks{grid-row:1;grid-column:1 / 7;@media(max-width:1000px){grid-row:2;grid-column:1 / -1}}.services__graphic{grid-row:1;grid-column:8 / -1;align-self:start;position:sticky;margin-inline:auto;height:calc(100svh - var(--height-header));top:var(--height-header);padding-block:var(--spacing-l);color:var(--grey-mid);@media(max-width:1000px){grid-column:1 / -1;align-self:start;color:var(--grey-light);padding:var(--spacing-xs);top:calc(var(--height-header) + var(--spacing-s));height:auto;background-color:var(--white);border-radius:100%;box-shadow:var(--box-shadow)}}.services__svg{width:100%;height:100%;@media(max-width:1000px){width:7rem;height:7rem}}.service{height:calc(100svh - var(--height-header));display:flex;padding-block:var(--spacing-block);@media(max-width:1000px){height:auto}}.service__inner{margin-block:auto;display:flex;flex-direction:column;gap:var(--spacing-xl)}.service__text{text-align:start}}@layer sections{.simple-content{padding-block:var(--spacing-block)}.simple-content__inner{row-gap:var(--spacing-l)}.simple-content__text,.simple-content__buttons{grid-column:3 / span 8;@media(max-width:1000px){grid-column:1 / -1}}.simple-content__buttons{align-items:start}}@layer sections;
/*# sourceMappingURL=style.min.css.map */