@media(max-width: 1189px){body{min-width:480px}}@media(max-width: 799px){header#header .spacer{display:none}}@media(max-width: 639px){header#header .flex{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;height:auto;padding:52px 0px 0px 0px}header#header .name{margin-bottom:52px}header#header nav{visibility:hidden;opacity:0;flex:initial;order:3;width:100%;height:0px;overflow:hidden;font-size:32px;text-align:right;transition:visibility .6s steps(1, end),opacity .6s ease-in-out,height .6s ease-in-out}.menu_active header#header nav{visibility:visible;opacity:1;height:215.2px;transition:visibility .6s steps(1, start),opacity .6s ease-in-out,height .6s ease-in-out}.logged-in.menu_active header#header nav{height:215.2px}header#header nav>ul{display:block;margin:0px}header#header nav>ul>li{padding:0px;margin-bottom:20px}header#header nav>ul>li:last-child{margin-bottom:0px}header#header #toggle{display:block}}@media(max-width: 959px){footer#footer{padding:25px 0px}footer#footer .flex{flex-wrap:wrap;align-items:baseline;height:auto}footer#footer .name{flex:1;margin-bottom:20px}footer#footer nav{flex:initial;width:100%;text-align:left}footer#footer nav>ul{justify-content:flex-start}}@media(max-width: 799px){footer#footer .flex>*{width:100%}footer#footer .name{margin-bottom:5px}footer#footer div:nth-child(3){margin-bottom:10px}footer#footer div:nth-child(4){margin-bottom:10px}}@media(max-width: 1170px){.home #text .c1{flex-shrink:0}.home #text .text{flex-grow:1;width:auto}.home #text .c4{flex-shrink:0;width:clamp(64.1666666666px,64.1666666666px + 315.8333333334*(100vw - 800px) / 370,380px)}#kunden .c3,.page-id-10 #text .c3,.page-id-152 #text .c3{flex-shrink:0;width:clamp(128.3333333332px,128.3333333332px + 156.6666666668*(100vw - 800px) / 370,285px)}#kunden .text,.page-id-10 #text .text,.page-id-152 #text .text{flex-grow:1;width:auto}.page-id-13 #text .c3{flex-shrink:0}.page-id-13 #text .text{flex-grow:1;width:auto}}@media(max-width: 799px){main .spacer{display:none}main .work,main .portfolio_link,main .image{width:100%}main .va1,main .va2{margin-top:0px !important}main .work>div:hover .overlay{visibility:hidden}main #headline h1{flex:1;width:auto}main #headline .link{width:auto}main #image_text{flex-wrap:wrap}main #image_text .image{width:100%;margin-bottom:30px}main #image_text .text{width:100%}.single-work main #headline.flex{flex-wrap:wrap}.single-work main #headline .link{order:-1;width:100%;margin-bottom:30px}.single-work main #subheadline .text{width:auto}.single-work main #text .text{width:auto}.single-work main #links .overview{flex:1;width:auto}}