@charset "UTF-8";*{margin:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth}input:-webkit-autofill,textarea:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset;box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:white;color:#fff!important;transition:background-color 5000s ease-in-out 0s!important}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a;box-shadow:inset 0 0 5px #000000b3}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#1e5df6,#4ac5f9);border-radius:10px;border:2px solid #1a1a1a;box-shadow:0 0 6px #1e5df680}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4ac5f9,#1e5df6);cursor:pointer}html,body{overflow-x:hidden}@font-face{font-family:Bricolage Grotesque;src:url(/assets/fonts/BricolageGrotesque10pt-Regular.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Kalam;src:url(/assets/fonts/Kalam-Bold.ttf) format("truetype");font-weight:400;font-style:normal;font-size:16px}section{padding:144px 120px}body{font-family:Bricolage Grotesque;width:100%;cursor:none}ul{list-style-type:none;padding:0;color:#fff}button{width:fit-content;border:1px solid white;height:40px;color:#fff;padding:10px 24px;background-color:transparent;cursor:pointer;font-size:18px;font-weight:500;border-radius:100px}.max-width-1440{max-width:1440px;margin:0 auto}h2{font-weight:700;font-size:64px;line-height:100%;letter-spacing:0%}h3{font-weight:500;font-size:20px;line-height:100%;letter-spacing:0%;text-transform:uppercase}.project-container{gap:32px;display:flex;flex-direction:column;width:560px;height:fit-content;padding-top:40px}.project-container span{font-weight:700;font-size:24px;line-height:100%;letter-spacing:0%}.project-text-title{display:flex;flex-direction:column;gap:16px}.project-img-wrapper{position:relative;display:inline-block;border-radius:20px;overflow:hidden;cursor:pointer}.project-img-wrapper .project-img{height:337px;width:560px;border-radius:20px;object-fit:cover;display:block;transition:transform .35s ease-out}.project-img-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#0e101300 60%,#0e1013b3);opacity:0;transition:opacity .35s ease-out;border-radius:20px}.project-img-wrapper .hover-container{transition:transform .35s ease-out}.project-img-wrapper:hover .hover-container{transform:scale(1.05) translate(-10px)}.project-img-wrapper:hover:after{opacity:1}.project-img-wrapper:hover>.project-details-btn{opacity:1;pointer-events:auto}.project-img-wrapper .project-details-btn{position:absolute;bottom:40px;right:40px;padding:10px 20px;color:#fff;border-radius:50px;opacity:0;pointer-events:none;z-index:10;box-shadow:2px 4px #f8f9fa;transition:background-color .12s ease-in,box-shadow .12s ease-in,transform .12s ease-in}.project-img-wrapper .project-details-btn:hover{background-color:#f87a55;transform:translate(2px,4px);box-shadow:none}.mobile-btn{display:none;margin-bottom:12px;width:fit-content;border:2px solid black!important;height:40px;color:#000;padding:10px 24px;background-color:transparent;cursor:pointer;font-size:18px;font-weight:500;border-radius:100px;box-shadow:2px 4px #000;margin-left:auto}.mobile-btn:hover{background-color:#f87a55;color:#fff;box-shadow:none;transform:translate(2px,4px)}.project-img-laptop{animation:floatUpDown 2s ease-in-out infinite alternate}@keyframes floatUpDown{0%{transform:translateY(0)}to{transform:translateY(-22px)}}@keyframes revealAnimation{0%{clip-path:inset(0 100% 0 0)}50%{clip-path:inset(0 0 0 0)}70%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}.se-logo{height:70px;width:80px;margin-left:-15px;transition:all .2s ease-in;cursor:pointer}.se-logo:hover{filter:brightness(0) saturate(100%) invert(76%) sepia(91%) saturate(1193%) hue-rotate(12deg) brightness(101%) contrast(101%)}.f-s18{font-weight:400;font-size:18px;line-height:100%;letter-spacing:0%}.f-s20{font-weight:400;font-size:20px;line-height:100%;letter-spacing:0%}.f-s24{font-weight:500;font-size:24px;line-height:120%;letter-spacing:0%}.lin-grad{background:linear-gradient(180deg,#0000004d,#0000 7.5%)}.cursor-dot,.cursor-outline{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-outline{position:fixed;width:35px;height:35px;border:2px solid #dadada;border-radius:50%;pointer-events:none;z-index:9999;transition:all .15s ease-out}.cursor-dot{width:8px;height:8px;background-color:#dadada;border-radius:50%}@keyframes buttonHoverScale{0%{transform:scaleX(1)}50%{transform:scaleX(1.05)}to{transform:scaleX(1)}}@keyframes buttonHoverScaleReverse{0%{transform:scaleX(1.05)}to{transform:scaleX(1)}}@keyframes animationIconHover{0%{transform:translate(0) rotate(0);opacity:0}30%{opacity:.7}to{transform:translate(45px) rotate(350deg);opacity:1}}@keyframes animationIconHoverReverse{0%{transform:translate(45px) rotate(350deg);opacity:1}30%{opacity:.7}to{transform:translate(0) rotate(0);opacity:0}}.project-logo{max-width:168px;width:100%;position:absolute;bottom:0;left:0;z-index:5}@media (max-width: 1200px){.project-container{gap:20px;height:500px}}@media (max-width: 600px){.hover-btn{display:none!important}.mobile-btn{display:inline-block!important}h2{font-weight:700;font-size:48px!important}h3{font-weight:500!important;font-size:18px!important}.f-s20{font-size:18px}.project-img-wrapper,.project-img-wrapper .project-img{max-height:337px;max-width:560px;height:100%;width:100%}.project-container{flex-direction:column;gap:16px;max-width:560px;width:100%;max-height:515px;height:100%;margin-top:unset;padding-top:unset}.project-container span{font-size:20px}.project-logo{width:120px}.project-text-title{gap:8px}}@media (max-width: 450px){.project-logo{width:100px}}@media (max-width: 1439px){section{padding:80px 44px}}@media (max-width: 685px){section{padding:44px 16px!important}}@media only screen and (max-width: 768px) and (orientation: landscape){body{display:flex;justify-content:center;align-items:center;height:100vh;overflow:hidden;background:#000;color:#fff;font-size:1.5rem;margin:0}body>*{display:none}body:before{content:"Bitte halte das Ger\e4t im Hochformat";text-align:center;padding:1rem}}