body .image-wrapper{margin:0 0 32px}body .image-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}header{position:fixed;top:0;left:0;width:100%;padding:40px 64px;z-index:3;transition:.2s}header.scrolled{padding:16px 64px;background-color:#fff}header.scrolled .wrapper>a img{width:120px}header .wrapper{display:flex;justify-content:space-between;align-items:center}header .wrapper>a img{width:280px;transition:.2s}header .wrapper nav.nav-left ul li{margin:0 40px 0 0}header .wrapper nav.nav-right ul li{margin:0 0 0 40px}header .wrapper nav ul li{display:inline-block}header .wrapper nav ul li.social a img{margin:-4px}header .wrapper nav ul li a{text-decoration:none}header .wrapper nav ul li a:hover{opacity:.6}header .wrapper nav ul li a.active{text-decoration:underline}header .wrapper nav ul li img{width:18px}.mobile-nav{position:fixed;z-index:2;top:0;left:0;height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fff;pointer-events:none;opacity:0;transition:.2s}.mobile-nav.open{opacity:1;pointer-events:all}.mobile-nav ul{text-align:center;list-style:none}.mobile-nav ul li{padding:8px 0}.mobile-nav ul li.social img{height:16px}.mobile-nav ul li a{text-decoration:none}.mobile-nav ul li a.active{text-decoration:underline}.burger{display:none;position:absolute;right:0;top:16px;width:28px;height:16px;cursor:pointer}.burger.clicked span:first-child{top:7.4px;transform:rotate(45deg)}.burger.clicked span:nth-child(2){opacity:0}.burger.clicked span:last-child{top:7.4px;transform:rotate(-45deg)}.burger span{display:block;background-color:#000;height:1.2px;width:100%;position:absolute;top:7.4px;transition:.2s}.burger span:first-child{top:0}.burger span:last-child{top:14.8px}@media all and (max-width: 1080px){header .wrapper>a img{width:200px}}@media all and (max-width: 760px){header{padding:16px 24px}header.scrolled{padding:16px 24px}header .wrapper{justify-content:center}header .wrapper>a img{width:120px}header .wrapper nav{display:none}.burger{display:block}}.wrapper{max-width:1400px;margin:0 auto}header+section{padding:240px 64px 64px}section{padding:0 64px 64px}section.align-center{text-align:center}section .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:16px 40px}section .grid .column{grid-column:span var(--span)}@media (max-width: 760px){header+section{padding:120px 24px 64px}section{padding:0 24px 64px}section .grid{display:grid;grid-template-columns:1fr;grid-gap:16px 40px}section .grid .column{grid-column:span 1!important;max-width:calc(100vw - 48px)!important}}*{font-family:Inter,sans-serif}p,li,a{font-size:18px;line-height:1.4;font-weight:400;color:#000}h1,h2{font-size:24px;line-height:1.4;font-weight:400;color:#000;padding:0 0 24px}p+p{padding:24px 0 0}p+.button{margin:32px 0 0}@media (max-width: 760px){h1,h2{font-size:20px}p,li,a{font-size:16px}}@media all and (max-width: 576px){.home h1{font-size:12px;padding:0}}.imagelink:after{position:absolute;bottom:0;left:0;width:100%;height:240px;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4));display:block;content:"";z-index:1}.imagelink .text{position:absolute;bottom:40px;left:64px;max-width:640px;z-index:2}.imagelink .text h2{color:#fff}.imagelink .text .button{color:#fff;text-decoration:none;border-bottom:1px solid #fff}@media (max-width: 760px){.imagelink .text{bottom:16px;left:24px}}.button{padding:0 0 8px;border-bottom:1px solid #000;display:inline-block;text-decoration:none}.button:hover{opacity:.6}footer{text-align:center;padding:0 0 80px}footer ul li{display:inline-block;margin:0 20px}footer ul li a{text-decoration:none}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px}.portfolio-grid .project.morewidth{grid-column:span 2}.portfolio-grid .project .image-wrapper{margin:0}.portfolio-grid .project .image-wrapper:nth-child(2){opacity:0;position:absolute;top:0;left:0;width:100%;z-index:2}.portfolio-grid .project a{text-decoration:none;display:block;overflow:hidden}.portfolio-grid .project a h2{padding:16px 0 0}@media (min-width: 761px){.portfolio-grid .project:hover .image-wrapper:nth-child(2){opacity:1}}@media (max-width: 760px){.portfolio-grid{grid-template-columns:1fr 1fr;grid-gap:24px}}.bild{flex:0 0 50%;overflow:hidden;white-space:nowrap}.bild .next-image,.bild .prev-image{position:absolute;top:50%;height:45px;width:45px;background:#fff;display:flex;justify-content:center;align-items:center;transform:translateY(-50%);z-index:1;cursor:pointer}.bild .next-image span,.bild .prev-image span{font-size:24px}.bild .next-image.prev-image,.bild .prev-image.prev-image{left:8px}.bild .next-image.next-image,.bild .prev-image.next-image{right:8px}.bild div{transition:.2s;display:flex}.bild div a{position:relative;flex:0 0 100%;width:100%}form{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}form .field.span2{grid-column:span 2}form .field.dsgvo{display:flex;align-items:center}form .field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid #000;padding:8px 0;font-size:18px;width:100%;background:none;border-radius:0;color:#000}form .field input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:18px;height:18px;border:1px solid #000;margin:0 16px 0 0;cursor:pointer}form .field input[type=submit]{width:auto;cursor:pointer}form .field input[type=submit]:hover{opacity:.6}form .field textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-bottom:1px solid #000;padding:8px 0;font-size:18px;width:100%}.alert{padding:24px 0 0}*{padding:0;margin:0;box-sizing:border-box;position:relative}