.wettbewerbPage .heroElement{width:100%;height:60rem;display:flex;justify-content:flex-start;align-items:center;margin-top:3rem}.wettbewerbPage .heroElement .img{width:63.75%;height:100%;margin-right:.3rem;position:relative}.wettbewerbPage .heroElement .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.wettbewerbPage .heroElement .img h1{position:absolute;right:0;bottom:-2.4rem;z-index:10;color:#8b1538;font-weight:700;text-transform:uppercase;letter-spacing:.5em;font-size:2.8rem;background-color:hsla(0,0%,100%,.25);display:block;width:46rem;text-align:center;opacity:0}.wettbewerbPage .heroElement .text{width:46rem;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;margin-bottom:-4.6rem;margin-left:2.8rem}.wettbewerbPage .heroElement .text p{font-size:1.8rem;line-height:1.4em;text-align:justify}.wettbewerbPage .projectListing{max-width:144rem;width:100%;height:auto;margin:12rem auto;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;gap:3rem}.wettbewerbPage .projectListing .project{width:100%;height:46rem;background-color:#75787a;position:relative;background-size:cover;cursor:pointer;background-position:50%;transition:all .25s ease-in-out;background-size:100%;text-decoration:none;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.wettbewerbPage .projectListing .project:hover{transition:all .25s ease-in-out}.wettbewerbPage .projectListing .project:hover .textElement,.wettbewerbPage .projectListing .project:hover h2,.wettbewerbPage .projectListing .project:hover h3{opacity:0;transform:translateX(0)}.wettbewerbPage .projectListing .project:hover:after{background-color:transparent}.wettbewerbPage .projectListing .project:after{content:"";height:100%;width:100%;position:absolute;top:0;left:0;z-index:10;background-color:rgba(0,0,0,.65);mix-blend-mode:multiply;transition:all .25s ease-in-out}.wettbewerbPage .projectListing .project h2{color:#fff;position:relative;z-index:11;padding-left:1rem;margin-top:4rem;font-weight:400;width:90%;display:block;font-size:1.4rem;transition:all .25s ease-in-out;opacity:1;transform:translateX(3rem);transition-delay:.1s}.wettbewerbPage .projectListing .project h2 strong{padding-bottom:1rem;display:block;font-size:1.8rem}.wettbewerbPage .projectListing .project h3{position:absolute;z-index:12;color:#fff;padding-left:1rem;font-weight:400;font-size:1.4rem;margin-top:3rem;transition:all .25s ease-in-out;transition-delay:.2s;opacity:1;transform:translateX(3rem);top:19rem}.wettbewerbPage .projectListing .project h3:nth-child(2){top:12rem}.wettbewerbPage .projectListing .project h3 strong{padding-bottom:1rem;display:block;font-size:1.8rem}.wettbewerbPage .projectListing .project .textElement{display:flex;justify-content:flex-start;align-items:flex-end;position:absolute;transition:all .25s ease-in-out;transform:translateX(3rem);transition-delay:.3s;z-index:100;opacity:1;bottom:-.6rem;left:0;width:92%}.wettbewerbPage .projectListing .project .textElement p{width:100%;position:relative;z-index:12;color:#fff;padding-left:1rem;font-weight:400;font-size:1.4rem;margin-bottom:4rem;text-align:left;width:90%;line-height:1.4em;display:flex;justify-content:flex-start;align-items:flex-end;height:7rem}@media only screen and (min-width:1439px)and (max-width:1640px){.wettbewerbPage .heroElement .img{width:66vw!important}}@media only screen and (min-width:1910px)and (max-width:1920px){.wettbewerbPage .heroElement .img{left:0;width:62vw!important;margin-right:0!important}.wettbewerbPage .heroElement .text{position:relative;left:0!important}}@media only screen and (min-width:1921px){.wettbewerbPage .heroElement .img{left:-4.5vw;width:64.755%!important}.wettbewerbPage .heroElement .text{position:relative;left:-10.25rem}}@media only screen and (max-width:600px){.wettbewerbPage{width:calc(100% - 4rem);margin:0 auto;margin-top:13rem!important}.wettbewerbPage .heroElement{flex-direction:column;height:auto;width:100%}.wettbewerbPage .heroElement .img,.wettbewerbPage .heroElement .img h1{width:calc(100% + 4rem);height:22rem;margin-left:-4rem}.wettbewerbPage .heroElement .text{width:100%;margin-left:0}.wettbewerbPage .heroElement .text p{font-size:4vw}.wettbewerbPage .projectListing{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.wettbewerbPage .projectListing .project{background-repeat:no-repeat;background-position:50%;background-size:cover;height:calc(100vw - 4rem)}.wettbewerbPage .projectListing .project img{background-repeat:no-repeat;-o-object-position:center;object-position:center}.wettbewerbPage .projectListing .project h3{margin-top:.25rem}.wettbewerbPage .projectListing .project .textElement,.wettbewerbPage .projectListing .project h2,.wettbewerbPage .projectListing .project h3{width:calc(100% - 3em);padding-left:0;margin-left:-.2rem}.wettbewerbPage .projectListing .project .textElement p{margin-left:0;padding-left:0;width:90%}}@media(min-width:601px)and (max-width:1024px){.wettbewerbPage{width:calc(100% - 4rem);margin:0 auto;margin-top:14rem!important}.wettbewerbPage .heroElement{flex-direction:column;height:auto;width:100%}.wettbewerbPage .heroElement .img{width:calc(100% + 4rem);height:42rem;margin-left:-4rem}.wettbewerbPage .heroElement .img h1{bottom:-.3rem;margin:0;width:100%;text-align:center}.wettbewerbPage .heroElement .text{width:100%;margin-left:0}.wettbewerbPage .heroElement .text p{font-size:1.6rem}.wettbewerbPage .projectListing{width:100%;margin-left:0;margin-right:0;grid-gap:1.5vw;gap:1.5vw;grid-row-gap:2vw;row-gap:2vw;grid-template-columns:1fr 1fr}.wettbewerbPage .projectListing .project{width:47vw;height:47vw;margin-bottom:0;display:block}}@media(min-width:900px)and (max-width:1430px)and (orientation:landscape){.wettbewerbPage{width:calc(100% - 4rem);margin:0 auto;margin-top:18rem!important}.wettbewerbPage .heroElement{height:55vh;width:100%}.wettbewerbPage .heroElement .img{width:66.5vw;height:55vh;margin-left:-4rem}.wettbewerbPage .heroElement .img h1{bottom:-.3rem;margin:0;width:100%;text-align:center}.wettbewerbPage .heroElement .text{height:100%;align-items:flex-end}.wettbewerbPage .projectListing{width:100%;margin-left:0;margin-right:2rem!important;position:relative;left:1.7rem;grid-gap:3rem;gap:3rem;grid-template-columns:1fr 1fr 1fr}.wettbewerbPage .projectListing .project{width:auto;height:42vh;margin-bottom:0;display:block}.wettbewerbPage .projectListing .project h2,.wettbewerbPage .projectListing .project h3{margin-top:4rem;padding-left:0;margin-left:0;width:80%;display:block}.wettbewerbPage .projectListing .project .textElement p{padding-left:0;margin-left:0}}@media only screen and (min-width:1921px){.wettbewerbPage .heroElement .img{left:-4.5vw;width:63.45%!important}.wettbewerbPage .heroElement .text{position:relative;left:-11.25rem}}