@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:400;src:url(/fonts/atkinson-hyperlegible-v11-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:italic;font-weight:400;src:url(/fonts/atkinson-hyperlegible-v11-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:normal;font-weight:700;src:url(/fonts/atkinson-hyperlegible-v11-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Atkinson Hyperlegible;font-style:italic;font-weight:700;src:url(/fonts/atkinson-hyperlegible-v11-latin-700italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(/fonts/material-symbols-outlined-v179-latin-regular.woff2) format("woff2")}:root{--backup-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--text-font: "Atkinson Hyperlegible", var(--backup-font);font-size:62.5%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--nav-height: 5.5rem;--color-accent: #5c61ff;--color-text: #000000;--color-bg-1: #f8f8f8;--color-bg-2: #ffffff;--color-border: #eeeeee;--page-width-l: 1440px;--page-width-m: 1296px;--page-width-s: 1024px;--page-width-xl: 1668px;--page-width-text: 840px;--default-page-width: var(--page-width-l);--root-space: 1rem;--space-xs: calc(var(--root-space) * .5);--space-s: calc(var(--root-space) * 1);--space-m: calc(var(--root-space) * 2);--space-l: calc(var(--root-space) * 4);--space-xl: calc(var(--root-space) * 8);--space-y-i: var(--space-m);--space-y-o: var(--space-m);--space-x-i: var(--space-m);--space-x-o: var(--space-s);--border-radius: .8rem;--button-animation: .3s;--sidebar-width: 35rem}@media (max-width: 768px){:root{--root-space: .9rem;--space-x-i: calc(var(--space-m) * .8);--nav-height: 7rem}}@media (max-width: 425px){:root{--root-space: .85rem;--space-x-i: calc(var(--space-m) * .6);--space-x-o: calc(var(--space-s) * .7)}}img{max-width:100%;display:block}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--text-font);font-size:1.6rem;color:var(--color-text);background-color:var(--color-bg-1)}header h1{color:var(--color-accent)}:where(h1,h2,h3,h4,h5,h6){-webkit-hyphens:auto;hyphens:auto}section a{color:var(--color-accent);text-decoration:none}section a:not(.hide),.link{position:relative;padding-right:1em;text-wrap:nowrap}section a:hover{text-decoration:underline}section a:not(.hide):after,.link:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);line-height:1;font-size:.9em;text-decoration:none;font-family:Material Symbols Outlined}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}main{padding-top:var(--nav-height)}.section-outer{max-width:min(calc(var(--default-page-width) + 2 * var(--space-x-o)));margin:0 auto}.section{padding:0 var(--space-x-o);margin:var(--space-y-o) 0;width:100%}.section-content{padding:var(--space-y-i) var(--space-x-i);border-radius:var(--border-radius)}header{display:contents}header .section{margin-top:var(--space-xl)}header .section h1{font-size:8rem;margin:.3em 0}header .section p{font-size:2rem}.section p{max-width:65ch}@media (max-width: 768px){header .section h1{font-size:6rem}header .section p{font-size:1.8rem}}@media (max-width: 425px){header .section h1{font-size:4rem}header .section p{font-size:1.8rem}}.bg .section-content{background-color:var(--color-bg-2);border:1px solid var(--color-border)}.card img{border-radius:var(--border-radius);aspect-ratio:1.72 / 1;object-fit:cover;object-position:center}.card{list-style:none;background-color:var(--color-bg-2);border-radius:var(--border-radius);border:1px solid var(--color-border)}.card h3:after{content:"";font-family:Material Symbols Outlined;vertical-align:-4px}.card h3{padding:var(--space-s) var(--space-x-i);margin:0;font-weight:400}.card a{display:block;color:var(--color-text);text-decoration:none}.card a:is(:hover,:focus-visible) h3{text-decoration:underline}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30rem,1fr));gap:var(--space-l) var(--space-m);padding:0;margin:0 calc(-1 * var(--space-x-i))}#slider-h{--column-count: 4;--gap: var(--space-m);display:flex;overflow-y:hidden;overflow-x:hidden;margin:0 calc(-1 * var(--space-x-i));padding:0;gap:var(--gap);scroll-snap-type:x mandatory;scroll-snap-stop:always;padding-bottom:var(--space-m)}#slider-h.scroll{overflow-x:scroll}#slider-h .card{scroll-snap-align:start;align-self:flex-start;min-width:calc((100% - (var(--column-count) - 1) * var(--gap)) / var(--column-count))}@media (max-width: 1279px){#slider-h{--column-count: 3}}@media (max-width: 959px){#slider-h{--column-count: 2}}@media (max-width: 639px){#slider-h{--column-count: 1}}#slider-v::-webkit-scrollbar{display:none}#slider-v{scrollbar-width:none;padding:var(--nav-height) 0 calc(var(--space-x-o) * 2) var(--space-m);margin:0;width:calc(var(--sidebar-width) - var(--space-x-o) - (var(--space-m) - var(--space-x-o)) * 2);display:none;flex-direction:column;position:fixed;overflow-y:scroll;top:0;right:max(calc((100vw - var(--default-page-width) + 2 * var(--space-x-o)) / 2 - var(--space-x-o)),var(--space-m));height:100vh;gap:var(--space-m);background-color:var(--color-bg-2);border-left:1px solid var(--color-border)}#slider-v .card{background-color:var(--color-bg-1)}#slider-v:before{content:"Weitere Projekte";position:fixed;z-index:99;display:flex;align-items:center;font-size:1.8rem;font-weight:700;margin:0;padding:0 var(--space-x-i);border-radius:7rem;border:1px solid var(--color-border);top:var(--space-x-o);right:max(calc((100vw - var(--default-page-width) + 2 * var(--space-x-o)) / 2 - var(--space-x-o)),var(--space-m));width:calc(var(--sidebar-width) - var(--space-x-o) - (var(--space-m) - var(--space-x-o)) * 2 - var(--space-m));height:calc(var(--nav-height) - var(--space-x-o) * 2);background-color:var(--color-bg-2);background-color:color-mix(in srgb,var(--color-bg-2),transparent 60%);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem)}.button button{background-color:transparent;border:none;color:var(--color-bg-2);line-height:1.2;font-size:inherit;cursor:pointer;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.button{overflow:hidden;background-color:var(--color-accent);border-radius:10rem;width:fit-content;position:relative;transition:all var(--button-animation) ease-in-out}.right .button{margin-left:auto}.button>*{text-wrap:nowrap;color:var(--color-text);text-decoration:none;display:block;padding:calc(var(--space-xs) * 1.3) calc(var(--space-m) * 1.2);font-weight:400;transition:all var(--button-animation) ease-in-out;background-color:transparent;position:relative;z-index:2;color:var(--color-bg-2)}.button>*:after{content:"";position:absolute;z-index:1;top:0;right:0;width:2rem;height:100%;background-color:transparent;transform:translate(100%)}.button a:is(:hover,:focus-visible){text-decoration:none}.button:after{content:"";line-height:1;padding-left:5px;font-family:Material Symbols Outlined;position:absolute;z-index:1;right:0;top:50%;transform:translate(calc(var(--space-m) * -.6),-50%);opacity:0;transition:all var(--button-animation) ease-in-out;color:var(--color-bg-2)}.button:is(:hover,:focus-visible)>*{transform:translate(calc(var(--space-m) * -.4))}.button:is(:hover,:focus-visible):after{opacity:1}#contact-form{display:flex;flex-direction:column;max-width:65ch;--gap: var(--space-m)}#contact-header h1{margin-bottom:0}#contact-header .section-content{padding-bottom:0}#contact-form label.default{position:relative;background-color:var(--color-bg-2);border:1px solid var(--color-border);padding:2.2rem 1rem .5rem;border-radius:var(--border-radius);transition:all ease-in-out var(--button-animation)}#contact-form label.default span{position:absolute;top:.6rem;left:1rem;font-size:1.4rem;opacity:.6}#contact-form label.default:is(:focus-within,:hover){border-color:var(--color-accent)}.contact-form-align{margin-left:1rem;opacity:.6}#contact-form label.default :is(input,textarea){width:100%;border:none;background-color:transparent;font-size:1.6rem;color:var(--color-text);-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;margin:0;outline:none}#contact-form label.default textarea{resize:vertical;min-height:10rem}#contact-form label[for=message]{margin-top:var(--gap);margin-bottom:calc(var(--gap) / 2)}#contact-form label[for=privacy]{margin:var(--gap) 0;display:grid;grid-auto-flow:column;align-items:start;gap:var(--space-s)}#contact-form label[for=privacy]:is(:focus-within,:hover) input:not(:checked){border-color:var(--color-accent)}#contact-form label[for=privacy] input{margin:0;margin-top:0rem;border:none;background-color:var(--color-bg-2);border:1px solid var(--color-text);border-radius:5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;outline:none;width:1.8rem;height:1.8rem;display:block;position:relative;overflow:hidden;transition:all ease-in-out var(--button-animation)}#contact-form label[for=privacy] input:checked{background-color:var(--color-accent)}#contact-form label[for=privacy] input:checked:after{background-color:var(--color-text);content:"";position:absolute;top:.4rem;right:.4rem;bottom:.4rem;left:.4rem;border-radius:2rem}#contact-form .button:after{content:""}@media (max-width: 768px){.contact-form-align{margin-left:0rem}#contact-form label.default{padding:2.2rem var(--space-x-i) .5rem;margin-left:calc(var(--space-x-i) * -1);margin-right:calc(var(--space-x-i) * -1)}#contact-form label.default span{left:var(--space-x-i)}}nav.section-outer{position:fixed;z-index:100;top:0;left:0;right:0;background-color:transparent}nav .section{background-color:transparent;margin:var(--space-x-o) auto;--radius: calc((var(--nav-height) - 2 * var(--space-x-o)) / 2)}nav.section-outer .section-content{padding-right:0;height:calc(var(--nav-height) - 2 * var(--space-x-o));background-color:var(--color-bg-2);background-color:color-mix(in srgb,var(--color-bg-2),transparent 60%);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);display:flex;gap:2rem;align-items:center;padding-top:0;padding-bottom:0;border-radius:var(--radius);position:relative}nav .section-content>a{display:block;margin-right:auto;font-weight:700;color:var(--color-text)!important;text-decoration:none;font-size:1.8rem;transition:all .5s cubic-bezier(0,1,.44,1)}nav .section-content>a:where(:hover,:focus-visible){color:var(--color-accent);outline:none}nav ul{display:grid;grid-auto-flow:column;--gap: 2.5rem;gap:var(--gap);padding:0 calc(var(--gap) / 1.4);margin:0;height:100%;align-items:center;border-radius:var(--radius);background-color:var(--color-bg-2);border-left:1px solid var(--color-border)}nav ul li{list-style:none;position:relative;margin:0;padding:0}nav ul li a{z-index:100;position:relative;text-decoration:none;color:var(--color-text);font-size:1.45rem;text-wrap:nowrap;outline:0}nav button:not(.open)+ul a:before{content:"";z-index:-1;display:none;position:absolute;bottom:50%;left:50%;transform:translate(-50%,50%);border-radius:6rem;width:calc(100% + 2 * (var(--gap) / 1.4));height:calc(var(--nav-height) - 2px - 2 * var(--space-x-o));background-color:var(--color-border)}nav button:not(.open)+ul a.active:before{display:block;animation:nav-in .5s cubic-bezier(0,1,.44,1);background-color:var(--color-accent)}nav a.active{z-index:101;color:var(--color-bg-2)}nav button:not(.open)+ul a:not(.active):where(:hover,:focus-visible):before{display:block;z-index:-2;animation:nav-in .5s cubic-bezier(0,1,.44,1)}@keyframes nav-in{0%{width:0;height:0}}nav button:not(.open)+ul li:has(a.active)+li>a:where(:hover,:focus-visible):before{border-top-left-radius:0;border-bottom-left-radius:0;width:calc((100% + 2 * (var(--gap) / 1.4)) + 1rem);transform:translate(calc(-50% - .5rem),50%);animation:nav-in-left .5s cubic-bezier(0,1,.44,1)}@keyframes nav-in-left{0%{width:0;height:0;transform:translate(-200%,50%)}}nav button:not(.open)+ul li:has(+li>a.active)>a:where(:hover,:focus-visible):before{border-top-right-radius:0;border-bottom-right-radius:0;width:calc((100% + 2 * (var(--gap) / 1.4)) + 1rem);transform:translate(calc(-50% + .5rem),50%);animation:nav-in-right .5s cubic-bezier(0,1,.44,1)}@keyframes nav-in-right{0%{width:0;height:0;transform:translate(100%,50%)}}nav button span{display:none}nav button{display:none;justify-content:end;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;margin:0;padding:0;height:calc(var(--nav-height) - 2 * var(--space-x-o));width:calc((var(--nav-height) - 2rem) * 1.5);background-color:var(--color-bg-2);border-radius:var(--radius);transform:translate(1px);border:thin solid var(--color-border);position:relative;cursor:pointer;color:var(--color-text)}nav button:where(:hover,:focus-visible){color:var(--color-accent)}nav button div{width:calc((var(--nav-height) - 2rem) * 1.5 - 2px);height:100%;position:relative;border-radius:inherit}nav button div:after,nav button div:before{content:"";background-color:currentColor;left:50%;width:2.9rem;height:4px;border-radius:5px;position:absolute;top:50%;--menu-gap: .5rem;transition:transform .5s cubic-bezier(0,1,.44,1)}nav button div:after{transform:translate(-50%,calc(-50% + var(--menu-gap)))}nav button.open div:after{transform:translate(-50%,-50%) rotate(45deg)}nav button div:before{transform:translate(-50%,calc(-50% - var(--menu-gap)))}nav button.open div:before{transform:translate(-50%,-50%) rotate(-45deg)}@media (max-width: 768px){nav button{display:flex}nav ul li{width:100%;position:relative}nav button.open{border-bottom-left-radius:0;border-bottom-right-radius:0;border-right:1px solid var(--color-border);width:min(30rem,calc((100vw - 2 * var(--space-x-o)) - 16rem));max-width:100%}nav ul{display:none}nav button.open+ul{--nav-y-gap: 1.4rem;display:flex;position:absolute;flex-direction:column;gap:0;padding:0 var(--space-x-i) calc((var(--nav-height) / 2) - var(--nav-y-gap)) var(--space-x-i);top:calc(var(--nav-height) - 2 * var(--space-x-o) - 2px);right:0;background-color:var(--color-bg-2);width:min(30rem,calc((100vw - 2 * var(--space-x-o)) - 16rem));min-width:max-content;height:auto;border:1px solid var(--color-border);border-top:unset;align-items:end;border-top-left-radius:0;border-top-right-radius:0;transform:translate(1px,-1px);transition:all .5s cubic-bezier(0,1,.44,1)}nav ul li a{text-align:end;position:static;font-size:1.8rem;display:block;transition:all .8s cubic-bezier(0,1,.44,1);padding:var(--nav-y-gap) .5rem}nav a.active{color:var(--color-text)}nav ul li a:after{content:"";position:absolute;bottom:50%;right:0;width:0;height:0;border-radius:50%;transform:translate(.5rem,50%);background-color:var(--color-accent);transition:all .8s cubic-bezier(0,1,.44,1)}nav button.open+ul li a:where(.active){transform:translate(-1.5rem);transition:all .8s cubic-bezier(0,1,.44,1);outline:0}nav button.open+ul li a:where(.active):after{width:1rem;height:1rem;transform:translate(1.5rem,50%);outline:0}}@media (max-width: 425px){nav .section-content{padding-left:var(--space-m)}}footer.section{margin-bottom:var(--space-x-o)}footer .section-content{display:grid;grid:"logo social legal projekte" "about . . projekte"/ 2fr 1fr 1fr 1fr;gap:var(--space-m)}footer ul{display:contents;padding:0;margin:0}footer ul li{list-style:none;margin:0;padding:0}footer ul li a{text-decoration:none;color:var(--color-text)}footer h3{margin-bottom:var(--space-xs)}footer ul li a:is(:hover,:focus-visible){text-decoration:underline}footer img{grid-area:logo;max-height:25rem}footer .legal{grid-area:legal}footer .about{grid-area:about}footer .projekte{grid-area:projekte}footer .social{grid-area:social}@media (max-width: 768px){footer .section-content{grid:"logo social  projekte" "logo legal  projekte" "about legal  projekte"/ 1.5fr 1fr 1fr}}@media (max-width: 500px){footer .section-content{grid:"social logo " "projekte projekte" "legal legal" "about about"/ 1.5fr 1fr}}@media (min-width: 1000px){.project-wrapper .section-outer{padding-right:var(--sidebar-width)}#slider-v{display:flex}.project-wrapper main>:nth-child(2){display:none}.project-wrapper:after{content:"";background-color:var(--color-bg-2);height:100vh;width:100vw;position:fixed;top:0;right:max(calc((100vw - var(--default-page-width) + 2 * var(--space-x-o)) / 2 - var(--space-x-o)),var(--space-m));z-index:-1;transform:translate(calc(100% - 1rem))}}.project-wrapper main>:nth-child(1) .section{margin-top:0}.project-wrapper main>:nth-child(1) .section-content{padding-top:0}.hero-img{border-radius:var(--border-radius);margin:0 calc(-1 * var(--space-x-i));max-width:calc(var(--space-x-i) * 2 + 100%);aspect-ratio:1.72 / 1}.project-wrapper main>:nth-child(1) .section img:not(.hero-img){width:200px;height:auto}.project-wrapper main>:nth-child(1) .section p{max-width:75ch}