*{transition:1s}html{margin:0;padding:0;scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-y:scroll}body{background-color:#eeebdd;width:100%;height:100vh;margin:0px;padding:0px;position:relative}.setScroll{scroll-snap-align:start}#Platformen,#Willkommen,#Impressum{width:100%;height:110vh}#Imagevideos,#Portraitbilder,#UeberMich,#Musikvideos{height:120vh}@media only screen and (min-width: 1024px){#Imagevideos,#Portraitbilder,#UeberMich,#Musikvideos{height:100vh}}li{list-style-type:none;background-size:contain}a{text-decoration:none;color:#1b1717;transition:.5s}a:hover{color:#ce1212}h1,h2,h3,h5{font-family:"Kanit",sans-serif}h4{font-family:"Lato",sans-serif;opacity:.4}.scrollSpeedSafer__Box{display:flex;justify-content:space-around;align-items:center;width:100vw;height:100vh;background-color:#eeebdd;position:fixed;z-index:96;top:0;animation:safer .3s 1 forwards}.scrollSpeedSafer__Box::after{content:":)";font-size:16px;font-family:"Kanit",sans-serif}@keyframes safer{from{opacity:0}to{opacity:1}}.load{width:100vw;height:100vh;background-color:#eeebdd;position:fixed;top:0;z-index:99;display:flex;justify-content:space-around;align-items:center;animation-name:end;animation-duration:3s;opacity:0;visibility:hidden;animation-iteration-count:1}@keyframes end{0%{opacity:1;visibility:visible}80%{opacity:1}100%{visibility:hidden}}.load .animated-text{font-family:monospace;overflow:hidden;height:1.1em;font-weight:600;font-size:30px;word-wrap:break-word;white-space:nowrap;animation:typing 1.5s steps(18) forwards}@keyframes typing{from{width:0}to{width:18ch}}.navigation{position:fixed;width:100%;height:64px;display:none;justify-content:space-around;align-items:center;z-index:98}.navigation__Contact{display:flex;justify-content:center;align-items:center;width:60px}.navigation__Contact--Image{height:30px;width:30px;margin-right:8px;transition:.5s}.navigation__Contact--Image:hover{transition:.5s;scale:1.2}.navigation__Main{display:flex;justify-content:space-between;align-items:center;width:800px;padding:0}.navigation__Main--Primary{font-family:"Kanit",sans-serif;font-size:24px;font-weight:600}.navigation__Main--Sekundary{font-family:"Kanit",sans-serif;opacity:.9;font-size:18px}.navigation__Main--Sekundary:hover{opacity:1;scale:1.1;text-decoration:underline}.navigation__Social{display:flex;justify-content:center;align-items:center;width:60px}.navigation__Social--Image{height:30px;width:30px;margin-right:8px}.navigation__Social--Image:hover{scale:1.2}.navigation-Small{display:flex;justify-content:space-around;align-items:center;width:100%;height:80px;position:fixed;top:0;z-index:98;display:none;background-color:#eeebdd}.navigation-Small__Open{position:absolute;left:20px;top:20px;width:40px;height:50px;margin-top:-3px;background-image:url(Media/Icons/Menu-Icon.svg);background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.7;border-radius:10px;z-index:99;cursor:pointer}.navigation-Small__Title{font-family:"Kanit",sans-serif;display:flex;justify-content:space-around;align-items:center;font-size:26px;font-weight:600;z-index:98;opacity:.7;height:100%;width:100%;margin-top:22px}.navigation-Small__Side{display:flex;justify-content:space-around;align-items:center;position:fixed;top:0;left:0;width:0;height:100%;background-color:#eeebdd;z-index:50;overflow:hidden;align-items:flex-start}.navigation-Small__Side--Content{display:flex;justify-content:space-around;align-items:center;width:200px;height:200px;flex-wrap:wrap;margin-top:100px}.navigation-Small__Side--Content .small-Nav{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center;flex-direction:column;padding:0}.navigation-Small__Side--Content .small-Nav-Link{font-family:"Lato",sans-serif;font-size:16px}.navigation-Small__Side--Content .small-Nav-Contact{display:flex;justify-content:space-around;align-items:center;justify-content:center;padding:0;width:100%}.navigation-Small__Side--Content .small-Nav-Social{display:flex;justify-content:space-around;align-items:center;justify-content:center;padding:0;width:100%}.navigation-Small__Up{width:100%}.navigation-Small__Down{width:0}.contact-Icon,.contact-Icon-Small{cursor:pointer}.contact-Icon #icon-Pop,.contact-Icon-Small #icon-Pop{display:flex;justify-content:space-around;align-items:center;width:240px;height:50px;background-color:#1b1717;border-radius:10px;position:absolute}.contact-Icon #icon-Copy,.contact-Icon-Small #icon-Copy{width:20px;height:20px;background-image:url(Media/Icons/Copy-Icon.svg);background-color:#1b1717;background-position:center;background-size:contain;background-repeat:no-repeat;border:none;cursor:pointer}.contact-Icon #icon-Copy:hover,.contact-Icon-Small #icon-Copy:hover{scale:1.3}.contact-Icon #icon-Value,.contact-Icon-Small #icon-Value{font-family:"Lato",sans-serif;background-color:#1b1717;color:#eeebdd;border:0}.view-bottom{display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:60px;height:50px;width:800px;z-index:99;left:50%;transform:translate(-50%, -50%)}@media only screen and (min-width: 1024px){.view-bottom{bottom:0}}.site{height:100vh;overflow:hidden;width:100vw}.header-icon{width:100%;display:flex;align-items:center}#icon-about{background-image:url(/Media/Icons/About.svg);height:24px;width:24px;background-position:center;background-size:cover;margin-left:16px}#icon-end{background-image:url(/Media/Icons/Light.svg);height:24px;width:24px;background-position:center;background-size:cover;margin-left:16px}.intro{position:fixed;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#eeebdd;opacity:0;opacity:1;z-index:4}.intro__Content{display:flex;justify-content:space-around;align-items:center;width:80%;margin-top:-250px;height:400px;opacity:.95;overflow:hidden}@media only screen and (min-width: 1024px){.intro__Content{width:800px;height:600px;margin-top:0}}.intro__Content--Text{font-family:"Kanit",sans-serif;display:flex;justify-content:space-around;align-items:center;position:absolute;font-size:20px;bottom:35%;left:50%;transform:translate(-50%, -50%);font-weight:400;z-index:2;white-space:nowrap;color:#1b1717}@media only screen and (max-height: 700px){.intro__Content--Text{bottom:30%}}@media only screen and (min-width: 1024px){.intro__Content--Text{width:auto;font-size:32px;color:#eeebdd;bottom:28%;border:none}}.intro a{display:flex;justify-content:space-around;align-items:center}.intro__Img{box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px;filter:brightness(0.7);transform:rotate(1deg);border-radius:10px;background-color:#1b1717;width:80%;margin:auto}.intro__Img:hover{box-shadow:none}@media only screen and (min-width: 1024px){.intro__Img{width:800px}}.intro__Image{font-family:"Kanit",sans-serif;padding:8px;background-color:#eeebdd;border-radius:8px;position:absolute;transform:rotate(1deg);left:50%;bottom:35%;transform:translate(-50%, 80%);white-space:nowrap;text-decoration:none;padding:8px;border-radius:10px;border:solid 2px #1b1717}.intro__Image:hover{padding:12px}@media only screen and (max-height: 700px){.intro__Image{bottom:30%}}@media only screen and (min-width: 1024px){.intro__Image{bottom:30%;margin-top:30px;border:none}}.aboutMe{position:fixed;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#eeebdd;opacity:0;z-index:2}.aboutMe__Content{display:flex;justify-content:space-around;align-items:center;justify-content:center;width:100%;height:700px;flex-wrap:wrap;margin-top:-100px}@media only screen and (min-width: 1024px){.aboutMe__Content{width:800px;flex-wrap:nowrap;margin-top:0}}.aboutMe__Content--Img{width:275px;height:275px;background-color:#eeebdd;border-radius:10px;overflow:hidden;position:relative;transform:rotate(2deg);z-index:2;transition:1s;margin-right:16px;margin-left:16px;box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px}.aboutMe__Content--Img:hover{box-shadow:none}@media only screen and (min-width: 1024px){.aboutMe__Content--Img{width:375px;height:450px}}.aboutMe__Content--Img #aboutMe-Video{height:100%;position:absolute;left:-40%}@media only screen and (min-width: 1024px){.aboutMe__Content--Img #aboutMe-Video{left:-210px}}.aboutMe__Content--Text{position:relative;z-index:1;width:275px;height:350px;font-size:smaller;margin-top:-50px;margin-bottom:150px;margin-left:16px;margin-right:16px}@media only screen and (min-width: 1024px){.aboutMe__Content--Text{width:375px;height:450px;margin-top:150px;font-size:small}}.aboutMe__Content--Text p{font-family:"Lato",sans-serif;font-size:18px;margin-bottom:32px}.aboutMe__Content--Text-Conversion{font-family:"Lato",sans-serif;cursor:pointer;padding:8px;background-color:#ce1212;border-radius:10px;color:#eeebdd;font-weight:600}.aboutMe__Content--Text-Conversion:hover{padding:12px}.projects{position:fixed;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#eeebdd;opacity:0;z-index:1;text-align:center;justify-content:flex-start}@media only screen and (min-width: 1024px){.projects{justify-content:center}}.projects__Title{font-family:"Kanit",sans-serif;width:100%;font-size:20px;margin-left:8px;margin-top:100px}.projects__Title span{font-family:"Lato",sans-serif;font-size:16px;margin-left:15px;margin-right:15px;opacity:.7;cursor:pointer}.projects__Title span:hover{font-size:20px}@media only screen and (min-width: 1024px){.projects__Title{margin-top:-100px;position:absolute;top:180px}}.projects__Content{display:flex;justify-content:space-around;align-items:center;width:400px;height:auto;justify-content:space-around;flex-wrap:wrap;scale:1}@media only screen and (min-width: 1024px){.projects__Content{width:800px;justify-content:space-between}}@media only screen and (max-height: 790px){.projects__Content{height:500px;overflow-y:scroll}}.projects__Content--Image{display:flex;justify-content:space-around;align-items:center;box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px;width:100px;height:auto;border-radius:10px;overflow:hidden;border:solid 0px #1b1717;border-radius:10px;margin-left:10px;margin-right:10px;overflow:hidden;cursor:pointer}.projects__Content--Image:hover{box-shadow:none}@media only screen and (min-width: 1024px){.projects__Content--Image{width:140px}}.projects__Content--Image:hover{border:solid 14px #eeebdd;border-radius:30px;margin-top:0;margin-bottom:0px}.projects__Content--Image:nth-child(2n+2){margin-top:20px}@media only screen and (min-width: 1024px){.projects__Content--Image:nth-child(2n+2){margin-top:20px}}.projects__Content .projects__parent{margin-top:50px}.projects__Content .projects__parent:nth-child(2n+2){margin-top:100px}@media only screen and (min-width: 1024px){.projects__Content .projects__parent:nth-child(2n+2){margin-top:0;margin-right:0}}.projects__Content--Item{box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px;display:flex;justify-content:space-around;align-items:center;width:165px;height:100px;background-color:#eeebdd;cursor:pointer;overflow:hidden;border:solid 0px #000;border-radius:10px;position:relative;opacity:.9}.projects__Content--Item:hover{box-shadow:none}.projects__Content--Item video{scale:1.2}.projects__Content--Item:hover{border:solid 14px #eeebdd;border-radius:30px}@media only screen and (min-width: 1024px){.projects__Content--Item{margin-right:0;width:375px;height:200px}}.projects__Content--Item-Text{width:100%;height:100%;position:absolute;opacity:1;z-index:99;border-radius:10px;font-size:12px}@media only screen and (min-width: 1024px){.projects__Content--Item-Text{font-size:20px}}.projects__Content--Item-Text .Item-Text-Content{opacity:0}.projects__Content--Item-Text:hover{opacity:.6;background:#1b1717}.projects__Content--Item-Text:hover .Item-Text-Content{opacity:1;color:#eeebdd}.projects__Content--Item-Title{font-family:"Lato",sans-serif;color:#1b1717;font-size:18px}.projects__Content .portrait-pictures__Content{padding-top:20px;width:400px;height:500px;flex-wrap:wrap;overflow-y:scroll}@media only screen and (max-height: 790px){.projects__Content .portrait-pictures__Content{overflow-y:visible;height:auto}}@media only screen and (min-width: 1024px){.projects__Content .portrait-pictures__Content{width:550px}}.projects .portrait-pictures__Content{padding-top:20px;width:400px;height:auto;flex-wrap:wrap}@media only screen and (max-height: 790px){.projects .portrait-pictures__Content{overflow-y:scroll;height:500px}}@media only screen and (min-width: 1024px){.projects .portrait-pictures__Content{width:550px}}.musics-movies,.portrait-picures{display:none;opacity:0}.video-Item-PopUp{box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px;display:flex;justify-content:space-around;align-items:center;position:fixed;z-index:99;top:0;height:auto;width:375px;top:50%;left:50%;transform:translate(-50%, -53%);background-color:#eeebdd;border:none;border-radius:10px;overflow:hidden;transition:0}.video-Item-PopUp:hover{box-shadow:none}@media only screen and (min-width: 1024px){.video-Item-PopUp{width:70%}}.image-Item-PopUp{box-shadow:rgba(0,0,0,.16) 0px 3px 6px,rgba(0,0,0,.295) 0px 3px 6px;display:flex;justify-content:space-around;align-items:center;position:fixed;z-index:99;top:0;height:auto;width:375px;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#eeebdd;border:none;border-radius:10px;overflow:hidden;transition:0}.image-Item-PopUp:hover{box-shadow:none}@media only screen and (min-width: 1024px){.image-Item-PopUp{height:auto;width:550px}}.close{position:absolute;top:0;right:0;z-index:2;margin:20px;width:100px;height:35px;border:none;background-color:#eeebdd;border-radius:10px;cursor:pointer;scale:1}.close::before{content:"Close";font-family:"Lato",sans-serif;font-size:16px}.close:hover{scale:1.1}.expandingImage{display:flex;justify-content:space-around;align-items:center;justify-content:center;width:100%;height:100vh;background-image:url(Media/nameSmall.svg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;position:fixed;z-index:3;opacity:0;margin-top:-80px;margin-left:-10px;scale:2}@media only screen and (min-width: 1024px){.expandingImage{background-image:url(Media/name.svg);margin-top:0;margin-left:0;scale:1}}.expandingImage__Platforms{width:18vw;height:80px;margin-top:100px;margin-left:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}@media only screen and (min-width: 1024px){.expandingImage__Platforms{width:10vw;height:80px;margin-top:190px;margin-left:0}}.expandingImage__Platforms--Item{width:4vw;height:auto;cursor:pointer}.expandingImage__Platforms--Item:hover{width:5vw}@media only screen and (min-width: 1024px){.expandingImage__Platforms--Item{width:2vw}.expandingImage__Platforms--Item:hover{width:3vw}}.expandingImage__Platforms--Title{font-family:"Kanit",sans-serif;width:18vw;white-space:nowrap;color:#eeebdd;font-size:2.5vw;letter-spacing:1.9px;text-align:center;margin-top:-30px}@media only screen and (min-width: 1024px){.expandingImage__Platforms--Title{font-size:1.6vw;width:10vw;margin-top:0px}}.expandingImage__Next{display:flex;justify-content:space-around;align-items:center;position:absolute;bottom:100px;width:100%;height:50px}.expandingImage__Next--Link{font-family:"Kanit",sans-serif;color:#eeebdd;font-size:24px}.expandingImage__Next--Link:hover{font-size:30px}.footer{width:100%;height:100vh;background-color:#eeebdd;position:fixed;opacity:0;z-index:1;display:flex;justify-content:center;flex-wrap:nowrap}@media only screen and (min-width: 1024px){.footer{align-items:center;flex-wrap:wrap}}.footer__Content{display:flex;justify-content:space-around;align-items:center;width:80%;margin-top:-50px;height:400px;border-bottom:2px solid #1b1717}@media only screen and (min-width: 1024px){.footer__Content{width:800px;height:250px;margin-top:0}}.footer__Content--Text{display:flex;justify-content:space-around;align-items:center;justify-content:center;align-items:center;opacity:0;flex-direction:column;position:absolute;font-size:20px;top:33%;left:50%;transform:translate(-50%, -50%);color:#1b1717;font-weight:400;width:80%;padding-bottom:32px;z-index:2;scale:1.2}@media only screen and (min-width: 1024px){.footer__Content--Text{width:auto;font-size:32px;top:50%}}.footer__Content--Text .header-icon{display:flex;justify-content:space-around;align-items:center;justify-content:center}.footer__Content--Text h2{font-family:"Kanit",sans-serif;font-size:32px;margin:0;white-space:nowrap;padding:0}@media only screen and (max-width: 445px){.footer__Content--Text h2{font-size:21px}}.footer__Content--Text h3{font-family:"Lato",sans-serif;font-size:18px;margin:0;margin-top:16px;white-space:nowrap}.footer__Content--Text h4{font-family:"Lato",sans-serif;font-size:16px;opacity:.7;transition:0;white-space:nowrap}.footer__Content--Text a{transition-duration:.5s}.footer__Content--Text a:hover{transition-duration:.5s}