html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}:focus-visible{outline:2px solid #000}html.projects,html.projects body{overscroll-behavior-y:contain;touch-action:none}html{font-size:clamp(2.5px,2.5px + 7.5*(100vw - 480px) / 1440,10px);hyphenate-limit-chars:10 5 5}html[lang=de]{hyphens:auto}html[lang=de] h1,html[lang=de] h2,html[lang=de] h3,html[lang=de] h4,html[lang=de] h5,html[lang=de] h6{hyphens:manual}body{min-width:1920px;margin:0px;background:#27329d}body.page-id-13{background:#d4b83b}body.page-id-2{background:#e84b0d}img,svg,video,iframe{display:block}img,video{width:100%;height:auto}nav a{text-decoration:none}nav ul{list-style:none;padding:0px;margin:0px}nav ul li{padding:0px;margin:0px}.no_transitions *{transition:none !important}.center{position:relative;max-width:1920px;padding:0px max(calc(20px + 20 * (100vw - 480px) / 1440), 20px);margin:auto}@keyframes fade_in{from{opacity:0}to{opacity:1}}@keyframes visibility{from{visibility:hidden}to{visibility:visible}}@keyframes rotation_start{from{transform:rotate(0deg)}to{transform:rotate(45deg)}}@keyframes rotation{from{transform:rotate(45deg)}to{transform:rotate(405deg)}}header#header{position:fixed;z-index:1000;top:0px;width:100%}.home header#header{visibility:hidden;opacity:0;animation-name:visibility,fade_in;animation-duration:1.2s,1.2s;animation-delay:.9s,.9s;animation-timing-function:step-start,ease-out;animation-fill-mode:forwards,forwards;animation-iteration-count:1,1}header#header nav{position:absolute;left:max(calc(20px + 20 * (100vw - 480px) / 1440), 20px);top:max(calc(20px + 20 * (100vw - 480px) / 1440), 20px);line-height:1}header#header nav ul{display:flex;gap:max(calc(20px + 170 * (100vw - 480px) / 1440), 20px)}header#header nav a{color:#faf9f6;font-size:max(calc(18px + 32 * (100vw - 480px) / 1440), 18px);text-transform:uppercase}header#header #logo{position:absolute;right:max(calc(10px + 10 * (100vw - 480px) / 1440), 10px);top:max(calc(10px + 10 * (100vw - 480px) / 1440), 10px)}header#header #logo svg{width:max(calc(62.5px + 62.5 * (100vw - 480px) / 1440), 62.5px);height:auto;animation:10s linear 0s none infinite rotation}.home header#header #logo{display:none}main#_404{margin-top:330px}main#_404 h1{margin:0px;color:#d4b83b;font-family:"Alte Haas Grotesk",sans-serif;font-size:100px;text-transform:uppercase;text-align:center}body:not(.home) main{margin-top:165px}main{overflow:hidden}.content_element{position:relative;margin-bottom:max(calc(75px + 75 * (100vw - 480px) / 1440), 75px)}.content_element.intro{height:100svh;padding:140px max(calc(20px + 20 * (100vw - 480px) / 1440), 20px) 60px max(calc(20px + 20 * (100vw - 480px) / 1440), 20px);margin-bottom:0px}.content_element.intro .intro{position:relative;height:100%;padding:80px 0px 60px 0px}.content_element.intro .intro .logo_vierdrei{display:flex;flex-direction:column;gap:40px;height:100%}.content_element.intro .intro .logo_vierdrei div:nth-child(1){height:calc(80% - 20px)}.content_element.intro .intro .logo_vierdrei div:nth-child(1) svg{opacity:0;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;animation-name:fade_in,rotation_start,rotation;animation-duration:.9s,2s,10s;animation-delay:0s,2.1s,4.1s;animation-timing-function:ease-out,ease-in,linear;animation-fill-mode:forwards,none,none;animation-iteration-count:1,1,infinite}.content_element.intro .intro .logo_vierdrei div:nth-child(2){height:calc(20% - 20px)}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(1){opacity:0;animation:.15s ease-out .9s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(2){opacity:0;animation:.15s ease-out 1.05s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(3){opacity:0;animation:.15s ease-out 1.2s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(4){opacity:0;animation:.15s ease-out 1.35s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(5){opacity:0;animation:.15s ease-out 1.5s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(6){opacity:0;animation:.15s ease-out 1.65s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(7){opacity:0;animation:.15s ease-out 1.8s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) path:nth-child(8){opacity:0;animation:.15s ease-out 1.95s forwards fade_in}.content_element.intro .intro .logo_vierdrei div:nth-child(2) svg{width:auto;height:auto;max-width:100%;max-height:100%;margin:auto}.content_element.intro .intro .projects{position:absolute;width:100%;height:100%;left:0px;top:0px}.content_element.intro .intro .project{visibility:hidden;opacity:0;position:absolute}.content_element.intro .intro .project.landscape{width:20%}.content_element.intro .intro .project.portrait{width:15%}.content_element.intro .intro .project{animation-name:visibility,fade_in;animation-duration:.15s,.15s;animation-delay:calc(4.1s + var(--i)*.15s),calc(4.1s + var(--i)*.15s);animation-timing-function:step-start,ease-out;animation-fill-mode:forwards,forwards;animation-iteration-count:1,1}.content_element.intro .intro .overlay{display:flex;justify-content:center;align-items:center;opacity:0;position:absolute;width:100%;height:100%;left:0px;top:0px;padding:max(calc(2px + 8 * (100vw - 480px) / 1440), 2px);background:rgba(232,75,13,.7);transition:opacity .15s ease-in-out}.content_element.intro .intro .overlay h2{margin:0px;color:#fff;font-family:"Alte Haas Grotesk",sans-serif;font-size:max(calc(8px + 22 * (100vw - 480px) / 1440), 8px);text-transform:uppercase;text-align:center}.content_element.intro .intro .project:hover{z-index:1}.content_element.intro .intro .project:hover .overlay{opacity:1}.content_element.headline_image .center>div{position:relative;max-width:1560px;margin:auto}.content_element.headline_image h1{position:relative;z-index:1;margin:0px;color:#27329d;font-family:"Vierdrei Scrpt",cursive;font-size:max(calc(64px + 192 * (100vw - 480px) / 1440), 64px);font-weight:normal;line-height:1.2;text-transform:none}.content_element.headline_image .image{position:absolute;right:0px;bottom:0px;max-width:max(calc(160px + 320 * (100vw - 480px) / 1440), 160px)}.content_element.three_columns{padding-top:100px}.content_element.three_columns .flex{display:flex;flex-wrap:wrap;gap:max(calc(40px + 40 * (100vw - 480px) / 1440), 40px);max-width:1560px;margin:auto}.content_element.three_columns .flex>div{width:calc(33.333333333% - max(calc(40px + 40 * (100vw - 480px) / 1440), 40px)*.666666666)}.content_element.three_columns .image{max-width:300px}.content_element.three_columns h2{position:relative;color:#27329d;font-family:"Vierdrei Scrpt",cursive;font-size:max(calc(36px + 36 * (100vw - 480px) / 1440), 36px);font-weight:normal;line-height:1.2;text-transform:none}.content_element.three_columns .flex>div:nth-child(1) .image{position:relative;left:-80px;top:min(calc(-50px + -50 * (100vw - 480px) / 1440), -50px)}.content_element.three_columns .flex>div:nth-child(2) .image{position:relative;top:max(calc(36px + 36 * (100vw - 480px) / 1440), 36px);margin-left:auto}.content_element.three_columns .flex>div:nth-child(3) .image{margin-left:auto}.content_element.contact svg{width:100%;height:auto}.content_element.contact svg a g{pointer-events:all}.content_element.projects{padding-top:20svh}.content_element.projects .projects{position:relative;z-index:1}.content_element.projects .projects ul{list-style:none}.content_element.projects .projects li{position:relative;padding-left:max(calc(35px + 105 * (100vw - 480px) / 1440), 35px);margin:0px}.content_element.projects .projects li span{visibility:hidden;opacity:0;position:absolute;left:max(calc(5px + 20 * (100vw - 480px) / 1440), 5px);top:max(calc(4px + 14 * (100vw - 480px) / 1440), 4px);font-size:max(calc(12.5px + 37.5 * (100vw - 480px) / 1440), 12.5px);transition:visibility .15s step-end,opacity .15s ease-in-out}.content_element.projects .projects li.active span{visibility:visible;opacity:1;transition:visibility .15s step-start,opacity .15s ease-in-out}.content_element.projects .projects li a{text-decoration:none}.content_element.projects .projects li h2{margin:0px;color:#fff;font-family:"Alte Haas Grotesk",sans-serif;font-size:max(calc(30px + 90 * (100vw - 480px) / 1440), 30px);text-transform:uppercase}.content_element.projects .projects li img{opacity:0;position:fixed;z-index:-2;left:0px;top:0px;width:100%;height:100%;object-fit:cover;transition:opacity .15s step-end}.content_element.projects .projects li.active img{opacity:1;z-index:-1;transition:opacity .15s ease-in-out}.single-project main{margin-bottom:150px}.single-project h1{position:relative;z-index:1;padding-top:max(calc(80px + 240 * (100vw - 480px) / 1440), 80px);margin:0px;color:#d4b83b;font-family:"Alte Haas Grotesk",sans-serif;font-size:max(calc(30px + 70 * (100vw - 480px) / 1440), 30px);text-transform:uppercase;text-align:center}.project_content_element.text .text{position:relative;z-index:1;margin-top:max(calc(15px + 45 * (100vw - 480px) / 1440), 15px);margin-bottom:max(calc(15px + 45 * (100vw - 480px) / 1440), 15px)}.project_content_element.text .headline{display:flex;gap:max(calc(30px + 90 * (100vw - 480px) / 1440), 30px);text-transform:uppercase}.project_content_element.text h2{margin:0px;color:#fff;font-family:"Alte Haas Grotesk",sans-serif;font-size:max(calc(24px + 16 * (100vw - 480px) / 1440), 24px);line-height:1}.project_content_element.text .subheadline{font-size:max(calc(24px + 16 * (100vw - 480px) / 1440), 24px);line-height:1}