:root{--light-solid-color:#FFFFFF;--dark-solid-color:#000000;--lightgreyii-solid-color:#F5F5F7;--lightgrey-solid-color:#E2E2E6;--grey-solid-color:#6D6D6E;--darkgrey-solid-color:#161618;--light-text-color:#F5F5F7;--dark-text-color:#1D1D20;--grey-text-color:#6e6e73;--low-opacitiy:0.3;}body{background:var(--light-solid-color);color:var(--dark-text-color);font-family:sans-serif;width:100%;margin:0px !important;padding:0;}::selection{background-color:blue;color:#000;}.headline{background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));width:100%;height:100px;position:fixed;display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;}.mobraun{position:fixed;padding-top:20px;padding-left:55px;}.pfeilmobbile{display:none;}.categories{margin-left:55px;margin-right:55px;}.navbar{position:fixed;bottom:8%;width:auto;height:auto;display:flex;align-items:center;justify-content:center;list-style:none;border-radius:28px;box-shadow:0 0 35px rgba(0,0,0,0.25);margin-left:50%;margin-right:50%;transform:translate(-50%,50%);padding-left:15px;padding-right:15px;padding-top:15px;padding-bottom:15px;overflow:hidden;isolation:isolate;transition:0.2s;}.navbar::before,.navbar::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0;}.navbar::before{background:rgba(235,235,245,0.30);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}.navbar::after{background:rgba(235,235,245,0.30);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);opacity:1;}.navbar>*{position:relative;z-index:1;}.ahrefs{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;}.nav-indicator{position:absolute;top:0;left:0;border-radius:12px;border:1px solid var(--dark-text-color);pointer-events:none;transition:opacity 150ms ease;opacity:0;transform:translate(0,0);will-change:transform,width,height;}.ahrefs button{position:relative;z-index:1;}.ahrefs.expanded{}button{text-decoration:none;color:var(--dark-text-color);padding-left:15px;padding-right:15px;padding-top:0px;padding-bottom:0px;border-radius:5px;border:1px solid transparent;margin:5px;font-size:16px;background-color:transparent;transition:100ms ease-out;cursor:pointer;}.ahrefs a{text-decoration:none;color:var(--dark-text-color);padding-left:15px;padding-right:15px;padding-top:5px;padding-bottom:5px;border-radius:5px;border:1px solid transparent;margin:5px;}.ahrefs a:hover{height:100%;width:100%;border-radius:5px;border:1px solid var(--dark-text-color);background-color:rgba(226,226,230,0.5);color:var(--light-text-color);}.navbar.expanded{padding-bottom:200px;padding-left:300px;padding-right:300px;display:flex;flex-direction:column;}.big-nav{display:none;font-size:11px;margin-top:100px;justify-content:flex-start;align-items:flex-start;}.big-nav-2{display:none;display:flex;justify-content:space-between;}.part2{display:none;display:flex;justify-content:flex-start;margin-right:3vw;}.birdimg{display:none;margin-right:10px;}.birdimg img{display:none;width:96px;height:70px;}.special{display:none;font-size:11px;}.birdsoflife{display:none;font-size:15px;color:red;}.projecti{color:var(--dark-solid-color);font-size:15px;}.birdsoflife{display:none;color:var(--grey-text-color);padding-bottom:15px;}.part3{display:flex;}.bignavlinks{font-size:15px;stroke:var(--dark-solid-color);display:flex;}.bignavlinks svg{margin-left:8px;}.emailinsta{width:auto;padding-right:30px;cursor:pointer;}.bignavemail a{color:var(--grey-text-color);text-decoration:none;}.bignavemail:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.bignavemail:not(:hover) a{text-decoration:none;transition:color 200ms;}.bignavemail{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;margin-bottom:10px;}.bignavemail:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.bignavemail:not(:hover){transition:200ms;}.bignavemail:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.bignavemail:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.bignavinsta a{color:var(--grey-text-color);text-decoration:none;}.bignavinsta:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.bignavinsta:not(:hover) a{text-decoration:none;transition:color 200ms;}.bignavinsta{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.bignavinsta:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.bignavinsta:not(:hover){transition:200ms;}.bignavinsta:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.bignavinsta:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.bignavbehance a{color:var(--grey-text-color);text-decoration:none;}.bignavbehance:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.bignavbehance:not(:hover) a{text-decoration:none;transition:color 200ms;}.bignavbehance{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;margin-bottom:10px;}.bignavbehance:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.bignavbehance:not(:hover){transition:200ms;}.bignavbehance:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.bignavbehance:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.bignavdribbble a{color:var(--grey-text-color);text-decoration:none;}.bignavdribbble:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.bignavdribbble:not(:hover) a{text-decoration:none;transition:color 200ms;}.bignavdribbble{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.bignavdribbble:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.bignavdribbble:not(:hover){transition:200ms;}.bignavdribbble:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.bignavdribbble:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.musthaves a{color:blue;text-decoration:none;}.musthaves{display:flex;flex-direction:column;}.impressum{padding-left:132px;padding-top:0px;padding-bottom:2px;}.copyright{padding-left:132px;padding-top:2px;padding-bottom:2px;}.datenschutz{padding-left:132px;padding-top:2px;}.navhome{padding-top:5px;padding-bottom:5px;text-decoration:none;}.navprojects{padding-top:5px;padding-bottom:5px;text-decoration:none;}.navabout{padding-top:5px;padding-bottom:5px;text-decoration:none;}.navcontact{padding-top:5px;padding-bottom:5px;text-decoration:none;}.links{position:fixed;display:grid;grid-template-columns:76.02px 173.94px 205.36px 207.14px;right:55px;left:auto;margin-top:20px;stroke:var(--grey-text-color);}.links svg{margin-left:15px;}.links.animated svg{margin-left:2vw;}.links.animated{width:70vw;margin-top:0;position:fixed;display:grid;grid-auto-flow:column;grid-template-rows:15vw 15vw;column-gap:40vw;top:150px;font-size:6vw;right:auto;left:33%;}.griditem{display:flex;justify-content:flex-end;align-items:center;}.email a{color:var(--grey-text-color);text-decoration:none;}.email:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.email:not(:hover) a{text-decoration:none;transition:color 200ms;}.email{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.email:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.email:not(:hover){transition:200ms;}.email:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.email:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.email:hover.animated svg{transform:rotate(45deg);width:5vw;height:5vw;}.email:not(:hover).animated svg{width:5vw;height:5vw;}.insta a{color:var(--grey-text-color);text-decoration:none;}.insta:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.insta:not(:hover) a{text-decoration:none;transition:color 200ms;}.insta{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.insta:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.insta:not(:hover){transition:200ms;}.insta:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.insta:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.insta:hover.animated svg{transform:rotate(45deg);width:5vw;height:5vw;}.insta:not(:hover).animated svg{width:5vw;height:5vw;}.behance a{color:var(--grey-text-color);text-decoration:none;}.behance:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.behance:not(:hover) a{text-decoration:none;transition:color 200ms;}.behance{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.behance:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.behance:not(:hover){transition:200ms;}.behance:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.behance:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.behance:hover.animated svg{transform:rotate(45deg);width:5vw;height:5vw;}.behance:not(:hover).animated svg{width:5vw;height:5vw;}.dribbble a{color:var(--grey-text-color);text-decoration:none;}.dribbble:hover a{color:var(--dark-text-color);text-decoration:none;transition:color 200ms;}.dribbble:not(:hover) a{text-decoration:none;transition:color 200ms;}.dribbble{color:var(--grey-text-color);stroke:var(--grey-text-color);display:flex;align-items:center;justify-content:flex-end;cursor:pointer;}.dribbble:hover{transition:color 200ms,stroke 200ms;color:var(--dark-text-color);stroke:var(--dark-text-color);text-decoration:none;}.dribbble:not(:hover){transition:200ms;}.dribbble:hover svg{transform:rotate(45deg) scale(90%);transition:transform 200ms ease-out;transform-origin:center;}.dribbble:not(:hover) svg{transition:transform 200ms ease-out;transform-origin:center;}.dribbble:hover.animated svg{transform:rotate(45deg);width:5vw;height:5vw;}.dribbble:not(:hover).animated svg{width:5vw;height:5vw;}.contacthead{color:var(--grey-text-color);position:sticky;top:70px;z-index:-1;}.contact{height:80vh;}.aboutall{height:60vw;}.abouthead{color:var(--grey-text-color);position:sticky;top:70px;z-index:-1;}.about{position:relative;display:flex;background-size:cover;height:55vw;background-image:image-set( url('me.avif') type('image/avif'),url('me.webp') type('image/webp'),url('me.jpg') type('image/jpeg') );background-position:center;margin-left:-55px !important;margin-right:0 !important;padding-left:0 !important;padding-right:0 !important;left:0 !important;right:0 !important;width:100vw;max-width:100vw;z-index:-2;margin-top:1vw;}.abouttypo{display:flex;margin-top:0;margin-left:55px;z-index:1;}.abouttitle{width:auto;font-size:8vw;letter-spacing:-0.5vw;margin-top:3vw;font-weight:400;color:white;z-index:1;}.abouttext{color:white;z-index:100;font-size:1.5vw;font-weight:300;line-height:1.6;margin-top:10vw;margin-left:5vw;margin-right:5vw;width:50vw;}.about::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,0.3);z-index:0;}.text-link{text-decoration:none;color:white;font-weight:400;}.text-link:hover{color:blue;}.homehead{color:var(--grey-text-color);position:sticky;top:70px;z-index:-1;}.hometitle{color:var(--dark-text-color);font-size:15vw;margin-left:-1.1vw;padding-top:200px;position:relative;z-index:-2;}.hometext{color:var(--dark-text-color);font-size:5vw;margin-top:-2vw;margin-left:28.1vw;padding-bottom:200px;}.projectshead{color:var(--grey-text-color);position:sticky;top:70px;z-index:-1;padding-bottom:15px;}.project1{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);overflow:hidden;}.iframe{width:100%;height:100%;transform:scale(100%);}.project1space{width:100%;height:100px;}.project2{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.project2space{width:100%;height:100px;}.project3{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.project3space{width:100%;height:100px;}.project4{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.project4space{width:100%;height:100px;}.project5{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.project5space{width:100%;height:100px;}.project6{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:0;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.project6space{width:100%;height:100px;}.project7{background-color:var(--lightgreyii-solid-color);height:80vh;width:auto;margin-bottom:300px;border-radius:10px;position:sticky;top:100px;z-index:-1;border:0.3px solid var(--lightgrey-solid-color);}.spacebottom{height:10vh;width:auto;}@media only screen and (max-width:1000px){.headline{padding-top:15px;height:auto;}.mobraun{margin:0;padding-top:0;padding-left:15px;}.pfeilmobbile{width:100%;display:flex;stroke:var(--dark-text-color);margin-right:0;justify-content:flex-end;align-items:flex-end;margin-right:15px;}.pfeilmobbile.animated svg{transform:rotate(180deg);transition:transform 400ms ease-out;transform-origin:center;}.pfeilmobbile svg{transform:rotate(0deg);transition:transform 400ms ease-out;transform-origin:center;}.categories{margin-left:15px;margin-right:15px;}.navbar{width:100%;bottom:-20px;}.navbar.navbar.expanded{bottom:90px;}.ahrefs{display:none;}.about{display:flex;flex-direction:column;}.abouttitle{margin-top:0px;padding-left:0px;}.abouttext{width:300px;padding-left:0px;padding-bottom:50px;}.picture{width:auto;height:200px;margin-top:50px;margin-left:0px;margin-right:0;margin-bottom:25px;}.contacthead{top:30px;}.abouthead{top:30px;}.homehead{top:30px;}.projectshead{top:30px;}.project1{height:500px;}.project2{height:500px;}.project3{height:500px;}.project4{height:500px;}.project5{height:500px;}.project6{height:500px;}.project7{height:500px;}.links{position:fixed;display:flex;flex-direction:column;margin-top:0px;font-size:13vw;height:auto;width:auto;margin-right:15px;margin-left:15px;top:150px;align-content:space-between;right:0;left:0;opacity:0;transition:400ms ease-out;}.links.animated{opacity:1;width:auto;margin-top:0px;margin-right:15px;margin-left:15px;position:fixed;display:flex;align-content:space-between;font-size:13vw;right:0;left:0;transition:400ms ease-out;}.email:hover svg{width:11vw;height:11vw;}.email svg{width:11vw;height:11vw;}.email:hover.animated svg{width:11vw;height:11vw;}.email:not(:hover).animated svg{width:11vw;height:11vw;}.insta:hover svg{width:11vw;height:11vw;}.insta svg{width:11vw;height:11vw;}.insta:hover.animated svg{width:11vw;height:11vw;}.insta:not(:hover).animated svg{width:11vw;height:11vw;}.behance:hover svg{width:11vw;height:11vw;}.behance svg{width:11vw;height:11vw;}.behance:hover.animated svg{width:11vw;height:11vw;}.behance:not(:hover).animated svg{width:11vw;height:11vw;}.dribbble:hover svg{width:11vw;height:11vw;}.dribbble svg{width:11vw;height:11vw;}.dribbble:hover.animated svg{width:11vw;height:11vw;}.dribbble:not(:hover).animated svg{width:11vw;height:11vw;}.griditem{margin-top:20px;display:flex;justify-content:space-between;}.email{justify-content:space-between;width:100%;}.insta{justify-content:space-between;width:100%;}.behance{justify-content:space-between;width:100%;}.dribbble{justify-content:space-between;width:100%;}.spacebottom{height:50px;width:100px;}}