*,*:before,*:after{box-sizing:border-box}a{text-decoration:none;transition:all .3s ease-in-out}address{font-style:normal}body{background-color:#eee;color:#555;font-family:Futura,Verdana,sans-serif;font-size:16px;font-weight:500;margin:0;min-height:100vh;padding:0}figure{margin:0;padding:0}figure figcaption{letter-spacing:2px;text-transform:uppercase}main{padding-top:90px}ul{list-style-type:none;margin:0;padding:0}.with-fancybox body{overflow:hidden}.home{background:#555}.home *{color:#eee}.home .standard-container{margin-top:73px}.home footer{border-color:#eee}.home footer a,.home footer a:visited{color:#eee!important}.home:not(.menu-active) header{background:#555}.home:not(.menu-active) header #nav-btn svg{stroke:#eee!important}.home:not(.menu-active) header div{border-color:#eee}body:not(.home) header a,body:not(.home) header a:visited{color:#555}.hyphenate{-webkit-hyphens:auto;hyphens:auto}.standard-container{margin:40px 0 100px;width:100vw}@media screen and (min-width:768px){.standard-container{margin:40px auto 100px;width:clamp(350px,80vw,1200px)}}.standard-container h2,.standard-container p,.standard-container h1{font-size:21px;margin:15px auto;width:90%}@media screen and (min-width:768px){.standard-container h2,.standard-container p,.standard-container h1{font-size:33px;width:auto}}.standard-container p{margin-bottom:35px}@media screen and (min-width:768px){.standard-container p{margin-bottom:50px}}.standard-table{font-size:16px;margin:auto;width:90%}@media screen and (min-width:768px){.standard-table{font-size:21px;margin:0;width:100%}}.standard-table .table-row{display:flex;flex-flow:column;gap:15px;margin:45px auto;width:100%}@media screen and (min-width:768px){.standard-table .table-row{flex-flow:row;justify-content:space-between}}.standard-table .table-row.head{font-weight:700}.standard-table .table-row .time{flex-basis:30%}.standard-table .table-row .description{flex-basis:70%}.address-box>*{font-size:16px!important}@media screen and (min-width:768px){.address-box>*{font-size:21px!important}}.address-box p{margin:2px auto}.flexible{align-items:flex-start;display:flex;justify-content:space-between}header{background:#eee;height:90px;position:sticky;top:0;transition:all .3s ease-in-out;width:100%;z-index:2}header>div{align-items:center;border-bottom:2px solid #555;display:flex;height:100%;justify-content:space-between;margin:0 auto;padding:0 5vw;transition:all .3s ease-in-out;width:90vw;width:100%}@media screen and (min-width:768px){header>div{padding:0;width:clamp(350px,80vw,1200px)}}header>div>ul{background:#eee;display:flex;gap:10px;height:20px;margin:-1px -1px 0}header>div>ul li{background:#eee;height:100%;padding:0 5px}header>div>ul li>a{font-size:11px;font-weight:700;letter-spacing:1px}header>div #nav-btn{height:100%;cursor:pointer;position:relative;width:25px}header>div #nav-btn svg{fill:none;height:100%;left:0;position:absolute;stroke:#555;top:0;transition:opacity .3s ease-in-out;width:100%}header>div #nav-btn svg:first-of-type{opacity:1}header>div #nav-btn svg:last-of-type{opacity:0}@media screen and (min-width:768px){header>div #nav-btn{width:35px}}header>div #logo{font-size:18px;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase;transition:all .3s ease-in-out}@media screen and (min-width:768px){header>div #logo{font-size:25px}}.menu-active header{position:fixed}.menu-active header div{border-color:#eee}.menu-active header a{color:#eee;opacity:0}body.home #logo a{background:linear-gradient(90deg,#eee,#eee) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body.home #logo a:hover{background-size:100% 2px}body:not(.home) #logo a{background:linear-gradient(90deg,#555,#555) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body:not(.home) #logo a:hover{background-size:100% 2px}.menu-active h1{pointer-events:none}.menu-active nav{top:0}.menu-active nav ul li a{color:#eee!important}.menu-active #nav-btn svg:first-of-type{opacity:0}.menu-active #nav-btn svg:last-of-type{opacity:1}nav{background:#555;height:100vh;overflow:scroll;padding:110px 0 0;position:fixed;top:-100vh;transition:all .3s ease-in-out;width:100vw;z-index:1}nav>ul{font-size:18px;margin:auto;padding-left:20px;width:clamp(280px,80vw,958px)}@media screen and (min-width:768px){nav>ul{font-size:30px}}nav>ul>li{color:#eee;margin:30px 0;padding-left:30px;position:relative;text-transform:uppercase}@media screen and (min-width:768px){nav>ul>li{padding-left:50px}}nav>ul>li:before{background:#eee;content:"";display:inline-block;height:.7em;left:0;position:absolute;top:.3em;transition:all .3s ease-in-out;width:.7em}@media screen and (min-width:768px){nav>ul>li:before{top:calc(.3em + 1px)}}nav>ul>li>a{font-weight:700;letter-spacing:8px}nav>ul .project-list{padding-bottom:20px;padding-top:20px;font-size:16px}nav>ul .project-list>li{letter-spacing:2px;margin:10px 0}@media screen and (min-width:768px){nav>ul .project-list{font-size:21px}}nav a{background:linear-gradient(90deg,#eee,#eee) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}nav a:hover{background-size:100% 2px}footer{border-top:2px solid #555;font-size:14px;margin:20px auto 30px;width:90vw;padding:0 5vw;width:100%}@media screen and (min-width:768px){footer{font-size:16px;padding:0;width:clamp(350px,80vw,1200px)}}footer>ul{display:flex;gap:10px;padding:5px 0 0}body:not(.home) footer a,body:not(.home) footer a:visited{color:#555}body:not(.home) footer li:first-of-type a{background:linear-gradient(90deg,#555,#555) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body:not(.home) footer li:first-of-type a:hover{background-size:100% 2px}body:not(.home) footer li:last-of-type a{background:linear-gradient(90deg,#555,#555) no-repeat right bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body:not(.home) footer li:last-of-type a:hover{background-size:100% 2px}body.home footer a,body.home footer a:visited{color:#eee}body.home footer li:first-of-type a{background:linear-gradient(90deg,#eee,#eee) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body.home footer li:first-of-type a:hover{background-size:100% 2px}body.home footer li:last-of-type a{background:linear-gradient(90deg,#eee,#eee) no-repeat right bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}body.home footer li:last-of-type a:hover{background-size:100% 2px}.imprint{line-height:1.5}.imprint button{border:1px solid #555;color:#555;cursor:pointer;margin-bottom:10px;padding:.5em;transition:all .3s ease-in-out;width:100%}.imprint button:disabled{background:#aeaeae;color:#eee;cursor:not-allowed}.imprint button:hover{background:#6f6f6f;color:#eee}@media screen and (min-width:576px){.imprint button{padding:1em}}@media screen and (min-width:768px){.imprint button{padding:.5em;width:auto}}.imprint .box{margin-bottom:50px}.imprint .box p{margin-bottom:25px;overflow-wrap:break-word;width:100%}.imprint .box ul{list-style-type:circle;margin-bottom:25px;padding-left:35px}.imprint .box ul li{margin-bottom:10px}.imprint h1.headline{font-size:22px;margin-bottom:1em;text-transform:uppercase}@media screen and (min-width:768px){.imprint h1.headline{font-size:28px}}.imprint h2{font-size:20px;margin-left:0;text-transform:uppercase}@media screen and (min-width:768px){.imprint h2{font-size:25px}}.imprint h3{font-size:18px;text-transform:uppercase}@media screen and (min-width:768px){.imprint h3{font-size:22px}}.imprint p,.imprint ul,.imprint li{font-size:16px}@media screen and (min-width:768px){.imprint p,.imprint ul,.imprint li{font-size:21px}}.imprint>div{margin:auto;width:90%}@media screen and (min-width:768px){.imprint>div{width:100%}}.imprint h3{font-weight:500;margin-bottom:10px;margin-top:40px}.imprint p{margin:0}.imprint a,.imprint a:visited{color:#555;text-decoration:underline}#contact-form{display:flex;flex-flow:column;margin:auto;max-width:600px;position:relative;row-gap:30px;width:90%}#contact-form>div{display:flex;flex-flow:column;margin:auto;width:100%}#contact-form .error{color:red}#contact-form label{flex-basis:25%}@supports not (-ms-high-contrast: none){#contact-form .standard-input,#contact-form textarea{background:transparent;border:none;border-bottom:1px solid #555;flex-basis:75%;margin:10px 0;padding-left:10px}#contact-form .standard-input:focus,#contact-form textarea:focus{outline:none}}#contact-form #submit{border:1px solid #555;bottom:-40px;cursor:pointer;padding:.5em;position:absolute;right:0;transition:all .3s ease-in-out}#contact-form #submit:hover{background:#6f6f6f;color:#eee}#contact-form textarea{max-height:120px;min-height:15px;overflow:hidden;resize:none}.contact{display:flex;flex-flow:column;gap:50px}.contact h1{margin:auto}@media screen and (min-width:768px){.contact h1{margin-left:0}}.confirmation p{font-size:16px}@media screen and (min-width:768px){.confirmation p{font-size:21px}}.confirmation a,.confirmation a:visited{color:#555}#project-overview{display:flex;flex-flow:column;gap:30px;justify-content:space-between;margin:auto;width:100vw}@media screen and (min-width:768px){#project-overview{flex-flow:row wrap}}#project-overview a{aspect-ratio:1/1;margin:auto;position:relative;width:100vw}@media screen and (min-width:576px){#project-overview a{width:90vw}}@media screen and (min-width:768px){#project-overview a{margin:0;width:40%}}@media screen and (min-width:992px){#project-overview a{width:30%}}@media screen and (min-width:1480px){#project-overview a{width:22%}}#project-overview a img{object-fit:cover;height:100%;width:100%}#project-overview a figure{aspect-ratio:1/1;height:100%;width:100%}#project-overview a figcaption{align-items:center;display:flex;font-size:6vw;height:100%;justify-content:center;line-height:1.3;margin:0;opacity:0;padding:25px;position:absolute;text-align:center;top:0;transition:all .4s ease-in-out;width:100%}@media screen and (min-width:768px){#project-overview a figcaption{font-size:calc(3vw - 5px)}}@media screen and (min-width:992px){#project-overview a figcaption{font-size:calc(2vw - 1px)}}@media screen and (min-width:1480px){#project-overview a figcaption{font-size:22px}}#project-overview a:hover figcaption{background:#0006;opacity:1}.project{margin:auto;width:100vw}@media screen and (min-width:768px){.project{margin:40px auto 100px;width:clamp(350px,80vw,1200px)}}.project h1{font-size:21px;letter-spacing:5px;text-transform:uppercase}@media screen and (min-width:768px){.project h1{font-size:30px}}.project p{font-size:16px;margin:10px auto}.project p:last-of-type{margin:10px auto 60px}@media screen and (min-width:768px){.project p{font-size:21px}}.project ul.gallery{display:flex;flex-flow:column;row-gap:50px}@media screen and (min-width:768px){.project ul.gallery{flex-flow:row wrap;column-gap:8%}}@media screen and (min-width:992px){.project ul.gallery{column-gap:5%}}@media screen and (min-width:1300px){.project ul.gallery{column-gap:4%}}.project ul.gallery li{aspect-ratio:1/1;background:#fff;margin:auto;overflow:hidden;transition:all .3s ease-in-out;width:100%}@media screen and (min-width:576px){.project ul.gallery li{width:90%}}@media screen and (min-width:768px){.project ul.gallery li{margin:0;width:46%}}@media screen and (min-width:992px){.project ul.gallery li{width:30%}}@media screen and (min-width:1300px){.project ul.gallery li{width:22%}}.project ul.gallery li a{display:block;height:100%;width:100%}.project ul.gallery li a:has(.img-is-logo){padding:10px}.project ul.gallery li img{cursor:pointer;height:100%;object-fit:contain;transition:all .3s ease-in-out;width:100%}.project ul.gallery li img:hover{transform:scale(1.1)}:root{--fancybox-thumbs-border-radius: 0;--fancybox-accent-color: #eee}.error-404 h2,.error-404 p{transition:all .3s ease-in-out}.error-404 p{font-size:16px}@media screen and (min-width:768px){.error-404 p{font-size:21px}}.error-404 a{color:#555;background:linear-gradient(90deg,#555,#555) no-repeat left bottom;background-size:0% 2px;line-height:1.5;padding-bottom:.1em}.error-404 a:hover{background-size:100% 2px}.error-404 a:visited{color:#555}.error-503{align-items:center;display:flex;justify-content:center;padding:0}@media print{#nav-btn{display:none}header{position:static}#image-bar{display:block;margin:0;position:relative}#image-bar a{display:block;height:200px;page-break-inside:avoid;position:relative;width:100%}#image-bar a figure{aspect-ratio:auto;display:block;page-break-inside:avoid;position:relative}#image-bar a figure img{height:200px;page-break-inside:avoid;position:relative;width:200px}#image-bar a figure figcaption{display:block;font-size:21px;opacity:1;page-break-inside:avoid;position:relative;top:-140px}.flexible,.gallery,.table-row{display:block!important}main{padding:0}.table-row{page-break-inside:avoid}.contact{display:none}}