*{margin:0;box-sizing:border-box}html{font-size:12px}body{overflow-x:hidden}nav{width:100%;padding:1rem 7.5rem 0 1rem;margin-bottom:5vw;display:flex;justify-content:space-between;align-items:center}header nav{position:fixed;top:0;background:hsla(0,0%,100%,.5);z-index:1100}body{padding-top:100px}body.background{padding-top:0}.wrapper.home nav{padding:0}.subpages-navi img{width:130px}nav .menu-button{width:40px;align-self:flex-end}div.hidden#menu-over{cursor:default}button{background:#4d4d4d;margin:0 auto;color:#fff;transition:border .5s;border:2px solid #4d4d4d;font-family:futura;text-transform:uppercase;letter-spacing:.05rem;border-radius:.25rem;padding:.25rem 1rem}button:hover{border:2px solid #fff}nav img{width:min(180px,33vw);cursor:pointer}nav .menu-name p{font-family:Futura,sans-serif;font-size:16px;color:#707070;cursor:pointer}nav .menu-icon.open{display:flex;justify-content:space-between;align-items:center}nav .menu-icon .bars{transform:scaleX(-1);margin:0 .5rem}nav .menu-icon .bar{width:28px;border-radius:15px;height:4px;margin:5px 0;background:#707070}form input[type=submit],nav .menu,nav svg{cursor:pointer}#menu-over,.none{display:none}#menu-over{width:100vw;z-index:100000;height:100vh;background:#707070;align-items:center;justify-content:center;flex-direction:column;position:absolute;top:0;left:0}#menu-over .menu-button{position:absolute;top:1rem;right:1rem;fill:#fff}nav ul{list-style-type:none}nav ul li{position:relative;margin:10% 0;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;cursor:pointer}.view ul li:hover,header nav ul li:hover{transform:translateX(50px)}nav ul li a{text-decoration:none;text-transform:uppercase;color:#fff;font-size:2.5rem}#backgroundVideo{width:100vw;height:100vh;position:absolute;top:12%;left:0;object-fit:cover;z-index:-100}.claimwrapper .typo{color:#707070;transform:translateY(-50vh) translateX(-100vw);top:50%}.wrapper{height:100vh;background:hsla(0,0%,100%,.8)}.flex{display:flex!important;flex-direction:column;justify-content:center;align-items:center}.logo img{margin-bottom:1rem}.home h1{font-size:calc(1rem + .6944vw - 5.33299px);text-transform:none;font-weight:400}nav h1{font-size:16px;text-transform:lowercase;font-weight:400}.wrapper.home{display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.menu .logo{padding:2rem;position:absolute;left:1rem;top:1rem}.logo{align-items:flex-start;display:flex;justify-content:flex-end}.claim{width:32%;overflow:hidden}.claim-content{max-height:26px;white-space:nowrap;display:flex;margin-bottom:0;color:#707070}.claim-content,.claim-content div{overflow:hidden}.content-holder.logo .firstLine,.content-holder.logo .secondLine{display:flex;align-items:flex-end}nav .typo .firstLine h1,nav .typo .secondLine h1{color:#fff!important}nav .typo .dot{background:#fff!important}.content-holder.logo .dot{height:2px;width:12px;background:#707070}.claimwrapper{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.claim svg{margin:0;padding:0}.claim h3{text-transform:uppercase;margin:0;font-family:Futura,sans-serif;font-weight:300;font-size:30px;text-align:left}.claim h3:last-child{text-align:right}.kontakt.flex{flex-direction:row;justify-content:space-around;flex-wrap:wrap}.kontaktdaten h2{font-size:16px}.wrapper.home main{overflow:scroll;max-height:80vh}form{font-size:calc(1rem + .5944vw - 4.56499px);border-radius:0 15px 15px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:all 1s ease-in-out}form div.form{width:100%}form div.form input{width:100%;padding:.5rem 1rem;margin:1rem 0 0;border-radius:.25rem;border:none;position:relative;z-index:1000}form .checkbox,form .radio{display:flex;align-items:center;flex-wrap:wrap;margin:.5rem 0}form .radio input{padding:0;width:auto;margin:.25rem .5rem}form .radio input:first-child{margin-left:0}form .radio p:last-child{margin-right:1rem}form h1{align-self:center}form>input,form>label{padding:.5rem 1rem;margin:.5rem 0;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;width:100%}form h1,form label{padding:0}form input[type=textarea]{height:max(150px,5vw)}form input[type=checkbox]{margin:.5rem .5rem .5rem 0}form .form input[type=submit]{width:50%;background:#4d4d4d;border:2px solid #fff;color:#fff;align-self:center;margin:0}form .submit{display:flex;justify-content:center}input.validated{background:#dff2bf;color:#4f8a10}.errorMSG{display:inline-block;background:#ffbaba;border-radius:.25rem;color:#d8000c;position:relative;padding:.75rem 1rem .25rem;margin:0;top:-.5rem;font-size:10px;z-index:900}.checkbox .errorMSG,.radio .errorMSG{position:static;padding:.25rem 1rem;margin:0}form.form_validated{transform:translateY(-100vh)}.form form h1{font-size:16px}.form_fertig{width:min(500px,85%);display:flex;flex-direction:column;text-align:center;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;opacity:0;transition:all 2s ease-in-out}.form_fertig.active{opacity:1}.kontaktdaten{margin:0 5rem;width:30%;padding:2rem}.text{padding:1rem}.text p{line-height:16px}.img-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;grid-template-rows:auto repeat(5,max(250px,33vw))}.img-grid .text{grid-column:1/-1}.img-grid .img-container img{width:100%;height:100%;object-fit:cover;cursor:pointer}.img-grid .img-container video{cursor:pointer;width:100%;height:140%;object-fit:cover}.img-grid .img-container:nth-child(2),.img-grid .img-container:nth-child(5){grid-column:1/-1}.img-grid .img-container:nth-child(3),.img-grid .img-container:nth-child(6){grid-column:1/3}.img-grid .img-container:nth-child(9){grid-column:2/-1}.img-container{display:grid;grid-template-rows:4fr 1fr;overflow:hidden}.img-container img{grid-column:1/-1;grid-row:1/-1}.img-container .img-text{background:linear-gradient(transparent,rgba(0,0,0,.6),#000);width:100%;padding:.2rem;grid-column:1/-1;grid-row:-1/-2;position:relative;top:0}.img-container .img-text p{color:#fff}.img-container .img-text{display:flex;align-items:end;padding:1rem}.img-container:nth-child(4),.img-container:nth-child(7),.img-container:nth-child(8){height:50%}.no-background{background:none}img{width:100%}article .kooperation{margin:.5rem 0}article .kooperation h3{margin-bottom:.5rem;font-size:12px}.kooperation-images{display:grid;grid-template-columns:1fr 1fr}#menu-trigger{z-index:11000}.view{display:flex!important;transform:translateX(100vw)}.overlay{position:fixed;z-index:10000;top:0;left:0;width:100vw;height:100vh;display:none;flex-direction:row;flex-wrap:nowrap;background:rgba(77,77,77,.9098039215686274);color:#fff;align-items:center;padding:5rem 2rem}.overlay .close{position:absolute;top:1rem;right:1rem}.overlay svg{width:1.5rem;height:1.5rem;fill:#fff}.overlay .nextProject,.overlay .prevProject,.overlay svg{cursor:pointer}.overlay .prevProject svg{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.overlay.active{display:flex;justify-content:space-between}.overlay .bigImage{display:flex;overflow:hidden}.overlay .button{padding:0 1rem}.overlay .wrapper{display:none}.overlay .wrapper.active{padding:5rem 2rem;background:none;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-around;overflow-y:scroll}@media (min-width:1200px){.overlay .wrapper.active{flex-wrap:nowrap;align-items:center}.overlay .wrapper.active article{padding:4rem;max-width:500px}}.overlay .pictures{display:flex;flex-direction:column;width:100%}.overlay .wrapper article{max-height:100%;overflow-y:scroll;margin:0 auto}.bigImage{max-height:500px}.bigImage img{height:auto;width:100%;max-width:100%;object-fit:contain}.overlay .thumbs img{height:100%;object-fit:contain}.overlay p{line-height:18px}.overlay h4{margin:2rem 0 1rem}.overlay ul{padding:2rem}.overlay li{font-family:Menlo,sans-serif;margin-bottom:1rem;font-size:12px}.thumbs{display:flex;width:80%;margin:0 auto;flex-wrap:wrap;justify-content:center}.thumbs .image-holder{max-width:50px;min-width:20px;margin:1rem .5rem;cursor:pointer}.bigImage img.animate{width:0;max-width:0;transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out}section{display:flex;flex-wrap:wrap;width:min(100%,1500px);margin:0 auto}section.text{display:block;width:100%;padding:4rem 2rem}.flex-gap{height:max(50px,10vh)}article.text{align-self:flex-end;display:flex;flex-direction:column;justify-content:flex-end}article.text .kooperation,article.text h2,article.text p{width:min(450px,100%)}article.text h2{margin-top:4rem}.reverse section:nth-child(4n){flex-direction:row-reverse}section .img-container img{height:max(350px,100%);object-fit:cover}section>.img-container,section>article.text{flex-grow:1;flex-shrink:1;flex-basis:385px}@media only screen{.img-container .img-text{opacity:0;transition:all .5s ease-in-out}.img-container .img-text.active{opacity:1}}.cls-1{fill:#000;fill-opacity:0;stroke:#000;stroke-dasharray:2936;stroke-dashoffset:2936;animation:zeichnen 10s ease-in 2s;animation-fill-mode:forwards}@keyframes zeichnen{0%{stroke-dashoffset:2936}90%{fill-opacity:0;stroke-dashoffset:0}to{fill-opacity:1}}.category,.intro,.projects{margin:1rem min(5vw,5rem)}.projects img{display:block;transform:translate(-50%,-50%) scale(1.1);position:relative;left:50%;top:50%;height:30vw;object-fit:cover;transition:transform 2s ease-in-out}.projects img:hover{transform:translate(-50%,-50%) scale(1)}.projects .project{position:relative;margin:1vw;overflow:hidden;height:min(30vw,400px);transition:height .25s ease-in-out}.projects .project.pointer{cursor:pointer}.projects .project.pointer .picture_description{display:flex;justify-content:space-between;align-items:center;width:100%;margin:0;padding:.25rem 1rem}.picture_description p{line-height:20px}.project.pointer button{text-transform:lowercase;font-size:10px;margin:0;padding:.25rem .5rem}@keyframes blink{0%{opacity:1;width:1vw;height:1vw}to{opacity:0;height:20vw;width:20vw}}.projects .project.nomatch{width:0;flex-basis:0px;flex-grow:0;flex-shrink:0;height:0}.picture_description{position:absolute;font-family:Futura;bottom:0;margin-left:1rem;color:#fff}.projects{display:flex;flex-wrap:wrap}@media (hover:hover){.projects .projectname{transform:translate(-110%);transition:all 1s ease-in-out}}.projects .projectname.hover{transform:translate(0)}.project.first{flex-basis:min(60vw,100%);flex-grow:3;flex-shrink:1}.project.second{flex-basis:min(20vw,80%);flex-grow:2;flex-shrink:2}.project.noPlace,.project.third{flex-basis:min(10vw,20%);flex-grow:1;flex-shrink:3}.category{display:flex;flex-wrap:wrap}.category button{font-size:11px;font-family:Menlo,serif;background:none;border:2px solid #adadad;color:#adadad;margin:.25rem;border-radius:50px;letter-spacing:3px;transition:all .5s ease-in-out}#category button:hover,.category button.active{background:#adadad;color:#fff}.category button.clear{align-self:center;order:-1;border:none;display:none}.category button.clear.show{display:block}.ueberuns main,section.blog{padding:0 min(5vw,5rem)}.ueberuns section{margin:1rem auto;padding:1rem}div.vita{display:flex;overflow:hidden;max-height:500px}div.acc,div.mitarbeiter_img,div.vita{margin:2rem 0}.vita .img{max-height:500px}.vita .img img{height:500px;object-fit:cover}.scrollingVita{margin:1rem;padding:1rem;display:grid;grid-template-columns:auto auto;grid-gap:20px;overflow:scroll}.vita h3{text-align:center;grid-column:1/-1}.scrollingVita .year p{font-family:Futura,sans-serif;font-size:.5rem;font-weight:700;white-space:nowrap;text-align:right}.mitarbeiter_img{display:flex;width:100%;justify-content:space-between}.mitarbeiter_img .ma:first-child{margin-left:0}.mitarbeiter_img .ma:last-child{margin-right:0}.mitarbeiter_img h3{margin-top:2rem}.mitarbeiter_img p{line-height:1.2rem}.mitarbeiter_img .ma{margin:1rem}@media (min-width:900px){div.acc{flex-direction:row}div.acc-content{width:70px;height:80vh;flex-direction:column;max-height:100%}div.acc-content h2{text-align:right;transform:translateY(80px) rotate(-90deg);transition:all 1s ease-in-out}.acc-content.active{display:flex;width:90%}div.acc-content.active h2{transform:rotate(0)}.acc .arrLeft img{transform:rotate(180deg)}div.acc img{transform:rotate(0deg)}div.acc .acc-content.active img{transform:rotate(0)}}.acc{background:#fff;display:flex;flex-direction:column;width:100%}.acc-content{display:flex;border:1px solid #000;padding:1rem;align-items:Center;justify-content:space-between;transition:all 1s ease-in-out;max-height:50px}.acc-content.active{display:flex;flex-direction:column;max-height:100%}.acc-content .content{display:none;max-height:500px}.acc-content.active img{margin-top:1rem;align-self:flex-end}.acc-content.active .content{display:flex;overflow:scroll}.acc-content .imgs{width:60%}.acc-content .content.auszeichnungen .imgs,.acc-content .content.wettbewerbe .imgs{flex-direction:column;flex-wrap:nowrap}.acc-content .content.auszeichnungen .imgs .img-holder,.acc-content .content.wettbewerbe .imgs .img-holder{width:100%;max-width:100%;margin:1rem;min-height:auto}.acc-content .content.auszeichnungen .imgs img,.acc-content .content.wettbewerbe .imgs img{object-fit:cover}.acc-content h2{margin:0}.acc-content.active h2{margin-bottom:2rem}.acc-content.active li{margin-bottom:1rem;font-family:Menlo,sans-serif;font-size:.8rem}.acc-content .active img{opacity:0}.acc img{width:100%;max-width:20px;opacity:1;transition:all 1s ease-in-out;transform:rotate(90deg)}.acc .acc-content.active img{transform:rotate(-90deg)}.acc .content .imgs{display:flex;flex-wrap:wrap}.acc .content .img-holder{min-height:200px;max-width:250px;margin:0 auto}.acc .content .img-holder img{width:100%;height:100%;object-fit:contain;max-width:100%;transform:rotate(0)}footer{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:1rem}footer .khb .h2{font-size:16px;font-family:Futura,sans-serif;text-align:left;color:#707070}footer .khb .sub{font-size:calc(1rem + .5944vw - 4.56499px);color:#707070;text-align:left}footer nav{display:block;margin:0;padding:0;max-width:250px}footer ul li a{text-transform:lowercase;color:#707070}footer nav ul,footer ul li a{font-size:calc(1rem + .6944vw - 5.33299px)}footer nav ul{display:flex;justify-content:space-between}footer nav ul li{margin:0;color:#707070}section.datenschutz,section.impressum{display:block;width:min(90%,1200px);margin:0 auto;padding:2rem}.impressum .locations{display:flex;flex-wrap:wrap;justify-content:space-between}.datenschutz p,.impressum p{line-height:14px;margin:2rem}.datenschutz a,.impressum a{color:#707070}.datenschutz a,.datenschutz li,.impressum a,.impressum li{font-family:Menlo,sans-serif;font-size:12px}.datenschutz h2,.impressum h2{font-size:16px;margin:4rem 0 1rem}.datenschutz h3{font-size:12px}.blog .article{display:flex;margin:4rem 0}.blog .article .linkespalte{max-width:800px}.blog .article .rechtespalte{padding:4rem;display:flex;justify-content:center;flex-direction:column}.blog .bodytext{font-family:Futura,sans-serif}.blog .news-img-wrap{width:100%;height:100%}.blog a{font-family:Menlo;color:#707070}.blog a,.blog p{font-size:12px}.blog img{width:500px;height:100%;object-fit:cover}.typo{text-transform:uppercase;color:#fff!important;display:flex}.typo h2,.typo p{margin:.5rem}@media (max-width:500px){.claimwrapper .typo{top:130px!important;transition:all 1s ease-in-out}nav .typo{position:static;order:-1;transform:scale(1)!important;margin:2rem 0}nav .typo p{transform:rotate(0)}.menu ul{padding:0;padding-inline-start:0!important}.overlay.active{padding:.5rem 0}.overlay .wrapper.active{padding:2rem .5rem}.overlay .wrapper.active .pictures{margin-bottom:1rem}.overlay .button{padding:.5rem}.overlay .wrapper.active .thumbs{width:100%;margin:0}.overlay .wrapper.active .thumbs .image-holder{margin:.25rem;max-width:25px}.projects .project.pointer .picture_description{padding:.1rem .25rem}.projects .project .picture_description p{font-size:10px}.projects .project{min-width:150px}.projects .project.pointer button{align-self:flex-end}.ueberuns section{padding:0;margin:0}.mitarbeiter_img .ma{margin:.25rem}.acc .content .imgs{display:none}.acc .content ul{padding:.1rem}}@media (max-width:720px){div.vita{flex-direction:column}div.vita img{width:100%;max-height:300px;object-fit:contain!important}.kontaktdaten{width:80%}}.logo-claim{display:flex;flex-direction:column;align-items:flex-end}@media (min-width:1920px){html{font-size:12px!important}}.badges{display:flex;margin-bottom:2rem}.badges .badge{background:#fff;color:#4d4d4d;border-radius:20px;margin:.25rem;padding:.25rem .5rem}
/*# sourceMappingURL=/style.ba7ab5f8.css.map */