*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;--std-background: #eee;--std-color: #111;--std-color-80: #111111cc;--std-svg-filter: invert(6%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(15%) contrast(92%);--active-background: #eee;--std-surface: rgba(255, 255, 255, .5);--std-surface-strong: rgba(255, 255, 255, .75);--std-highlight: rgba(0, 0, 0, .1);--std-panel: #fff;--std-active: #ccc;--font-body: "Cutive", "Times New Roman", Times, serif;--font-title: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--c1-bittersweet: #fc7860;--c1-gossip: #e1f4b3;--c1-bittersweet-80: #fc7860cc;--c1-svg-filter: invert(62%) sepia(47%) saturate(1694%) hue-rotate(329deg) brightness(101%) contrast(98%);--c2-charade: #2d2e3f;--c2-burnt-sienna: #e9574d;--c2-charade-80: #2d2e3fcc;--c2-svg-filter: invert(17%) sepia(12%) saturate(743%) hue-rotate(201deg) brightness(93%) contrast(89%);--c3-denim: #3a2960;--c3-geyser: #f47c2c;--c3-denim-80: #3a2960cc;--c3-svg-filter: invert(18%) sepia(29%) saturate(1488%) hue-rotate(232deg) brightness(93%) contrast(92%);--c4-denim-dark: #1a56c6;--c4-mint-green: #8ff7a9;--c4-denim-dark-80: #1a56c6cc;--c4-svg-filter: invert(27%) sepia(67%) saturate(2875%) hue-rotate(210deg) brightness(90%) contrast(93%)}.cc-1{--std-background: var(--c1-gossip);--std-color: var(--c1-bittersweet);--std-color-80: var(--c1-bittersweet-80);--std-svg-filter: var(--c1-svg-filter);--active-background: var(--c1-gossip)}.cc-2{--std-background: var(--c2-burnt-sienna);--std-color: var(--c2-charade);--std-color-80: var(--c2-charade-80);--std-svg-filter: var(--c2-svg-filter);--active-background: var(--c2-burnt-sienna)}.cc-3{--std-background: var(--c3-geyser);--std-color: var(--c3-denim);--std-color-80: var(--c3-denim-80);--std-svg-filter: var(--c3-svg-filter);--active-background: var(--c3-geyser)}.cc-4{--std-background: var(--c4-mint-green);--std-color: var(--c4-denim-dark);--std-color-80: var(--c4-denim-dark-80);--std-svg-filter: var(--c4-svg-filter);--active-background: var(--c4-mint-green)}body{margin:0;overflow:hidden;height:-webkit-fill-available;background-color:var(--std-background);color:var(--std-color)}.svg-filter{filter:var(--std-svg-filter)}#root{position:fixed;width:100vw;min-height:100%;height:-webkit-fill-available}#main-container{width:100vw;min-height:100%;height:-webkit-fill-available;margin:auto;position:relative;height:100%}button{border:none;padding:0;font:inherit;cursor:pointer!important;outline:inherit}::-webkit-scrollbar{margin-right:2px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:var(--std-color-80)}::-webkit-scrollbar-thumb:hover{cursor:pointer}.main-canvas{position:absolute!important;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none!important}a,span{color:var(--std-color)}a:visited{color:color-mix(in srgb,#666,var(--std-color))}a:hover{color:var(--std-color)}.slick-arrow{filter:invert(1) var(--std-svg-filter)}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:.85!important}.gallery-container{z-index:50;transition:margin-right .3s ease-in-out,margin-left .3s ease-in-out,margin-bottom .3s ease-in-out,margin-top .3s ease-in-out;overflow:hidden;margin-right:0;position:absolute;width:100%;min-height:100vh;height:-webkit-fill-available;overflow-y:scroll}.gallery{display:grid;width:calc(100% - 12em);row-gap:1.5em;column-gap:.5em;overflow:hidden;padding:2.65em 1em;max-width:1000px}.gallery hr{width:100%;margin:0;border-style:unset;border-bottom:1px solid var(--std-color)}.filter-container{position:fixed;right:2em;top:3em;display:grid;grid-template-columns:1fr;outline:1px solid var(--std-color);font-size:.9em;font-weight:300;background-color:var(--std-panel);transition:opacity .2s ease-in-out}.overlay-left .filter-container,.overlay-up .filter-container{opacity:0}.filter-button{padding:.6em;cursor:pointer;transition:background-color .1s ease-in-out;background:var(--active-background)}.filter-button:hover{filter:brightness(1.5)}.filter-button:hover img{opacity:.8}.filter-button img{height:17px;width:17px;margin-top:3px}.list{grid-template-columns:auto}.small .gallery-item{height:10em}.small .gallery-item-headline{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.tiles{grid-template-columns:1fr 1fr 1fr}.tiles hr,.tiles .gallery-item-infos{display:none}.tiles .gallery-item{grid-template-columns:auto}.color-switch-container{position:fixed;right:2em;top:2.65em;display:none;grid-template-columns:1fr;outline:1px solid var(--std-color);font-size:.9em;font-weight:300;background-color:var(--std-panel);transition:opacity .2s ease-in-out;z-index:100}.overlay-left .color-switch-container,.overlay-up .color-switch-container{opacity:0}.color-switch-button{padding:.6em;cursor:pointer;transition:background-color .1s ease-in-out;height:17px;width:17px;background:var(--active-background);text-align:center}.cc-1 .cc-1-button,.cc-2 .cc-2-button,.cc-3 .cc-3-button,.cc-4 .cc-4-button,.color-switch-button:hover{background-color:var(--std-highlight)}.overlay-left .gallery-container{margin-right:100%;margin-left:-100%}.overlay-up .gallery-container{margin-bottom:100vh;margin-top:-100vh}.gallery-item{background:none;transition:border-radius .1s ease-in-out,background .1s ease-in-out,width 1s ease-in-out,height 1s ease-in-out;display:flexbox;background-position:25% 25%;background-size:cover;background-repeat:no-repeat;display:grid;grid-template-columns:50% 50%;min-height:100px;height:300px;min-width:100px;padding-bottom:1.5em;border-bottom:1px solid var(--std-color);overflow:clip}.gallery-item.hidden{display:none}.gallery-item-button{width:200%;background:var(--std-surface)}.gallery-item-button:hover{background-color:var(--std-surface-strong)}.gallery-item-infos{color:var(--std-color);font-size:.8em;padding:2em 3em;text-align:left;pointer-events:none}.gallery-item-headline{font-weight:700;margin-bottom:1em}.tags-container{display:flex;max-width:100%;flex-wrap:wrap;gap:.5rem}.gallery-item-tag{pointer-events:all;padding:.25em .5em;display:flex;align-items:center;height:2em;border-radius:6px;outline:1px solid var(--std-color-80);flex-shrink:0;color:var(--std-color-80);transition:outline .2s ease-in-out,color .2s ease-in-out,background-color .2s ease-in-out}.gallery-item-tag:hover{outline:1px solid var(--std-color);color:var(--std-color);background-color:var(--std-highlight)}.tag-button{background:none}.highlighted{background:var(--std-highlight)}.gallery-item,.info-item{transition:background-color .2s ease-in-out,transform .2s ease-in-out}.gallery-item:active,.info-item:active{transform:scale(.98);background-color:var(--std-active)}.info-item{background-color:var(--std-surface-strong);left:1em;bottom:1em}.info-item,.info-item-background{position:absolute;min-height:64px;border-radius:40px;width:64px}.info-item-background{width:100%;margin-top:-44px}.gallery-item-background,.info-item-background{background-color:none;transition:outline .1s ease-in-out,filter .3s ease-in-out}.gallery-item-background{margin-top:-100px}.gallery-item-text{background-position:center;background-size:cover;color:var(--std-color);font-family:var(--font-title);font-size:1.5em;font-weight:300;width:50%;height:100%;display:flex;justify-content:center;align-items:center}.info-item-text{color:var(--std-color);font-size:1.3em;font-weight:300;height:100%;display:flex;justify-content:center;align-items:center}.gallery-item-text span{transition:background-color .3s ease-in-out;border-radius:12px;padding:2px 10px 4px}.gallery-item-background:hover,.info-item-background:hover{filter:blur(6px)}.gallery-item .gallery-item-text span{background-color:var(--std-surface);background-color:#ffffff80}.gallery-item:hover .gallery-item-text span{background-color:var(--std-surface-strong)}.active{background:salmon;border-radius:40px}.loading-gif{position:absolute;top:calc(50% - 32px);left:calc(50% - 32px);height:64px;width:64px}.overlay-left .overlay-container-right{margin-left:0}.overlay-up .overlay-container-bottom{margin-top:0}.project-details-container{z-index:99;position:absolute;padding:5em;width:calc(100% - 10em);max-width:1000px;min-height:calc(100% - 10em);height:-webkit-fill-available}.overlay-container{z-index:99;top:0;transition:all .3s ease-in-out;width:calc(100% - 10em);max-width:1000px;min-height:calc(100% - 10em);height:-webkit-fill-available;position:absolute;padding:5em;display:grid;grid-template-columns:10% 90%}.overlay-container-right{margin-left:100vw}.overlay-container-bottom{margin-top:100vh}.overlay-content{height:100%;border-radius:3px;outline:1px solid var(--std-color)}.slick{height:50%}#overlay-background-image{width:100%;height:50%}.overlay-button{color:var(--std-color);background-color:var(--std-surface);padding:1px 0 0 4px;height:100%;width:100%;border-radius:3px;font-size:.9em;right:3em;top:calc(50% + .5em);outline:none;transition:background-color .2s ease-in-out,transform .2s ease-in-out,background-size .2s ease-in-out}.overlay-button-x{background-position:50% 50%;background-size:22px;background-repeat:no-repeat;content:"";width:100%;height:100%;filter:var(--std-svg-filter)}.overlay-button:hover{background-color:var(--std-highlight)}.overlay-button:active{transform:scale(.97)}#overlay-parent{position:relative;overflow:hidden;background-color:color-mix(in srgb,var(--std-background) 81%,transparent)}.overlay-text{padding:1.4em 2em 2em;color:var(--std-color);width:calc(100% - 6em);height:calc(50% - 6em);background-color:#ffffff80;overflow-y:scroll;margin:1.5em 1em 1em}.overlay-text h1{font-family:var(--font-title);font-size:2em;font-weight:400;text-transform:uppercase;margin:0;overflow-wrap:break-word}.overlay-text h2{font-size:.8em;margin:0 0 1.4em;font-weight:300;font-style:italic}.overlay-text h3{font-size:1em;font-weight:300;line-height:1.2em}.overlay-text span{padding-bottom:4em;font-size:.9em;line-height:1.2em}@media only screen and (max-width: 760px){.gallery{padding:3em 1em;width:calc(100% - 1em)}.filter-container{top:unset;bottom:1em;z-index:9999}.color-switch-container{top:unset;bottom:3.4em;z-index:9999}.gallery-item,.gallery-item-background{height:200px;min-height:200px}.small .gallery-item{height:100px;min-height:unset}.small .gallery-item-headline{display:none}.gallery-item-background{margin-top:-64px}.overlay-container{padding:1em;width:calc(100vw - 2em);height:calc(100vh - 2em);grid-template-columns:auto;grid-template-rows:90% 10%}.overlay-button-x{grid-row-start:2;grid-row-end:3;height:60%}.overlay-content{grid-row-start:1;grid-row-end:2}.overlay-text{padding:0;width:calc(100% - 2em);height:calc(56% - 2em)}.overlay-text h1{font-size:2em}.overlay-text h2{font-size:1em}.overlay-text h3{font-size:1.1em}.slick{height:43%;overflow:hidden}.slick-list{border-radius:3px 3px 0 0}.overlay-button{top:calc(43% + 1.3em)}}@media (hover: none) and (max-width: 760px){.gallery-container{min-height:unset}}@media (hover: none) and (orientation: landscape){.main-container{overflow-y:scroll;overflow-x:hidden}.gallery-container{height:unset}.gallery{padding:1em}.overlay-container{padding:1em;width:calc(100vw - 2em)}.overlay-text{padding:0;width:calc(100% - 2em);height:calc(50% - 2em);overflow:scroll}.overlay-text span p{font-size:.67em;line-height:1.2em}.slick{height:43%}.slick-list{border-radius:40px 40px 0 0}.overlay-button{top:calc(43% + 1.3em)}}body{margin:0;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.site-header{padding-left:1rem;padding-block:.5em;width:100%;display:grid;grid-template-columns:auto auto;z-index:9999;font-weight:300;border-bottom:1px solid var(--std-color);background-color:var(--std-surface);font-size:.9em}header,footer{color:var(--std-color)}footer{position:absolute;bottom:0;right:0;font-size:.8em}.site-header>a,.site-title{font-family:var(--font-title)}.site-title{margin-left:1.1em}.navigation-container{position:absolute;right:0;margin:0 2em 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;font-family:var(--font-title)}.navigation-button{background:none;color:var(--std-color);padding-left:1em;text-align:right}.navigation-button:hover{color:var(--std-color-80)}.contact-button,.socials-button{text-decoration:none}.navigation-button:hover{cursor:pointer}