html{width:100vw;scroll-behavior:smooth}body{margin:0;padding:0;background-color:#000;color:#fff;overflow-y:scroll;overflow-x:hidden;width:100vw}a{color:#fff;text-decoration:underline;cursor:pointer}.arrow{border:solid #fff;border-width:0 3px 3px 0;display:inline-block;padding:3px}.down{-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg)}.up{-ms-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.snbutton{font-size:4vh}.scrolldownbutton{font-family:Ubuntu,Helvetica,sans-serif;font-size:2vh;color:#fff;font-weight:700;position:absolute;bottom:8%;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);z-index:2;width:80%;padding:20px;text-align:center;cursor:pointer}.scrolldownbutton .arrow{border-color:#fff;border-width:0 4px 4px 0;width:10px;height:10px}.scrollbtn2{position:relative;bottom:2vh;left:50%}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#000}::-webkit-scrollbar-thumb:hover{background:#555}.unsel{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.outl{text-shadow:3px 1px 2px #000,3px -1px 2px #000,-1px 1px 1px #000,-1px -1px 1px #000}@keyframes textfade{from{-webkit-transform:translate(-40%,-10%);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0)}to{transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}}@keyframes bgblur{from{filter:blur(4px)}to{filter:blur(0)}}@-webkit-keyframes bgblur{from{filter:blur(4px);-webkit-filter:blur(4px)}to{filter:blur(0);-webkit-filter:blur(0)}}.intro{margin-top:0;height:100vh;background-image:url(/img/bg_lq.jpg);background-size:cover;background-attachment:fixed;width:100vw;animation:bgblur 1s;-webkit-animation:bgblur 1s}.introtextwrapper{position:absolute;left:32%;top:38%;background-color:#fff;height:100px;width:70vw}.introtext{font-family:Poppins,sans-serif;font-size:70px;height:101px;overflow:hidden;border-right:.15em solid #000;white-space:nowrap;animation:typing 2s steps(20,end),blink-caret .75s step-end 0}.imgaftername{height:50px;width:auto;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}@keyframes typing{from{width:0}to{width:40vw}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:orange}}.menu{height:70vh}.menuwrapper{position:absolute;bottom:10px;max-width:100vw;min-width:70vw;min-height:40vh;margin-left:57%;transform:translate(-50%,0)}.menuicon-img{position:relative;float:left;margin:10px 10px;height:35vh;width:auto;padding:10px;padding-top:10vh;transform:translate(-10%,0);opacity:0;cursor:pointer;-webkit-transform:translate(-10%,0);-moz-transform:translate(-10%,0);-ms-transform:translate(-10%,0);-o-transform:translate(-10%,0);transition:all .6s;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s}.menuicon-img:hover{height:36vh;margin-left:2px;margin-bottom:1px}#ico_socialmedia-img{transition:transform .4s,opacity .6s;-webkit-transition:transform .4s,opacity .6s;-moz-transition:transform .4s,opacity .6s;-ms-transition:transform .4s,opacity .6s;-o-transition:transform .4s,opacity .6s}#ico_work-img{transition:transform 1.2s,opacity 1.4s;-webkit-transition:transform 1.2s,opacity 1.4s;-moz-transition:transform 1.2s,opacity 1.4s;-ms-transition:transform 1.2s,opacity 1.4s;-o-transition:transform 1.2s,opacity 1.4s}#ico_linktree-img{transition:transform 2s,opacity 2.2s;-webkit-transition:transform 2s,opacity 2.2s;-moz-transition:transform 2s,opacity 2.2s;-ms-transition:transform 2s,opacity 2.2s;-o-transition:transform 2s,opacity 2.2s}.animateicon{transform:translate(20%,0);-webkit-transform:translate(20%,0);-moz-transform:translate(20%,0);-ms-transform:translate(20%,0);-o-transform:translate(20%,0);opacity:100%}.resetanimicon{transform:translate(-10%,0);opacity:0}section h1{font-size:40px;margin-left:60px;padding-top:20px}.socialmedia{height:70vh;background-image:url(/img/smbg-hq.jpg);background-size:cover;background-position:50%,60%;background-attachment:fixed}.sm_wrapper{max-width:100vw;min-width:80vw;min-height:60vh;margin-left:55%;transform:translate(-50%,10%);-webkit-transform:translate(-50%,10%);-moz-transform:translate(-50%,10%);-ms-transform:translate(-50%,10%);-o-transform:translate(-50%,10%)}.sm_container{float:left;margin:10px 10px;height:30vh;min-width:12vw;padding:10px;padding-top:3vh;background-color:#000;cursor:pointer;border:4px solid #fff;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;opacity:0}#instagram{transition:opacity .6s;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-ms-transition:opacity .6s;-o-transition:opacity .6s}#instagram2{transition:opacity 1s;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-ms-transition:opacity 1s;-o-transition:opacity 1s}#youtube{transition:opacity 1.4s;-webkit-transition:opacity 1.4s;-moz-transition:opacity 1.4s;-ms-transition:opacity 1.4s;-o-transition:opacity 1.4s}#twitch{transition:opacity 1.8s;-webkit-transition:opacity 1.8s;-moz-transition:opacity 1.8s;-ms-transition:opacity 1.8s;-o-transition:opacity 1.8s}#tiktok{transition:opacity 2.4s;-webkit-transition:opacity 2.4s;-moz-transition:opacity 2.4s;-ms-transition:opacity 2.4s;-o-transition:opacity 2.4s}.sm_icon{margin-left:50%;transform:translate(-50%,0);height:20vh}.sm_name{margin-top:10px;color:#fff;font-family:Poppins,sans-serif;text-align:center;font-size:20px}#twitch_un b{color:red}.sm_description{text-align:center;margin-top:18px;font-size:15px;font-family:sans-serif;font-style:italic}.openbtn{text-align:center;font-weight:800;font-size:25px;margin-top:10px;display:none}.sm_container:hover{height:33vh}.sm_container:hover .openbtn{display:block}.work{min-height:40vh}.profilbildwrapper{width:40vw;height:20vh;margin-top:20px;margin-left:10vw;display:inline-flex}#profilbild{height:20vh;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.profilname{margin-left:5vw;font-size:60px;height:20vh;padding-top:60px}.work p{width:75vw;word-wrap:normal;font-size:26px;line-height:35px;transform:translate(10%,5%);-webkit-transform:translate(10%,5%);-moz-transform:translate(10%,5%);-ms-transform:translate(10%,5%);-o-transform:translate(10%,5%)}.long{display:block;height:60vh;transition:opacity 1.4s,height .7s;transition-timing-function:ease-out;-webkit-transition:opacity 1.4s,height .7s;-moz-transition:opacity 1.4s,height .7s;-ms-transition:opacity 1.4s,height .7s;-o-transition:opacity 1.4s,height .7s}.linktree{z-index:100;height:50vh;border-top:3px solid #fff;font-family:sans-serif}.linksuche{margin-left:60px}.linksuche #linksuchfeld{background:0;border:0;border-bottom:2px solid #fff;outline:0;color:#fff;font-size:25px}#linksuchfeld:focus{border-color:red}.linksuche button[type=submit]{background:0;border:0;outline:0;cursor:pointer;font-size:25px}.linktree h3{position:relative;left:20%}.footerwrapper{width:90vw;height:23vh;margin-left:50%;transform:translate(-50%,0);font-family:sans-serif;text-align:center;background-color:#555;background:linear-gradient(to bottom right,orange,#3214e6);border-radius:3px;border:3px solid #fff;border-bottom:0}.hidden{display:block;height:0;overflow:hidden;opacity:0;font-size:0;transition:opacity .5s,height 1.4s}@media only screen and (max-width:1370px){body,html{overflow-x:hidden;width:101%}.intro{background-position:20%,50%}.introtextwrapper{left:20%;top:35%;width:90vw}.introtext{padding-left:26%;padding-top:9%;font-size:31px;height:70px;animation:typing 1.4s steps(50,end);-webkit-animation:typing .6s steps(50,end)}.imgaftername{height:60px;width:auto;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;position:absolute;left:3%;top:20%}.menu{height:35vh}.menuwrapper{left:0;margin-top:14vh;width:100vw;min-height:20vh;margin-left:57%}.menuicon-img{float:left;margin:0 10px;height:14vh;width:auto;padding:0;padding-top:3vh;transform:translate(-10%,0);opacity:100%}.menuicon-img:hover{height:15vh;margin-left:2px}.socialmedia{height:160vw}.sm_wrapper{width:100vw;margin-left:55%;transform:translate(-50%,5%);-webkit-transform:translate(-50%,5%);-moz-transform:translate(-50%,5%);-ms-transform:translate(-50%,5%);-o-transform:translate(-50%,5%)}.sm_container{margin:10px 10px;width:30vw;height:30vw;min-width:12vw;padding:10px;padding-top:3vh;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;opacity:0}#instagram2{display:none}.sm_container:hover{height:30vw;background-color:#d3d3d3}.sm_container:hover .openbtn{display:none}.sm_icon{margin-left:50%;transform:translate(-50%,0);height:8vh}.sm_name{margin-top:7px;font-size:15px}.sm_description{margin-top:8px;font-size:8px}.profilbildwrapper{width:99vw;height:60vw;margin-top:10px;margin-left:0;display:block}#profilbild{height:40vw;margin-left:50%;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0)}.profilname{margin-left:5vw;font-size:30px;height:20vh;padding-top:6px;text-align:center}.work p{margin-top:8px;width:80vw;word-wrap:normal;font-size:16px;line-height:22px}.long{z-index:0;height:98vh;transition:opacity 1.4s,height .7s;transition-timing-function:ease-out}.linktree{height:90vw}.linktree h3{position:relative;left:2%;font-size:11px}.linksuche{margin-left:60px}.linksuche #linksuche_desc{font-size:11px}.linksuche #linksuchfeld{background:#000;border:0;border-bottom:2px solid #fff;outline:0;color:#fff;font-size:17px}#linksuchfeld:focus{border-color:red}#linksuchfeld:focus .linktree{height:90vh}.linksuche button[type=submit]{background:0;border:0;outline:0;cursor:pointer;font-size:17px}.linktree h3{position:relative;left:20%}.hidden{height:0;opacity:0;transition:opacity .5s,height 1.4s}.scrolldownbutton{position:relative;top:70%}.scrollbtn2{position:relative;top:5px;bottom:2vh;left:50%}.footerwrapper{height:27vh;margin-left:50%;margin-top:20vh;transform:translate(-50%,0);border-radius:3px;border:3px solid #fff;-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);visibility:visible}.footerwrapper i{font-size:8px}}