:root{--background-color:rgb(26,26,26);--background-color2:rgb(32,32,32);--text-color:rgb(231,231,231);--primary-color:rgb(116,111,255);--secondary-color:rgb(255,0,123);--tertiary-color:rgb(84,77,245);--link-color:rgb(246,201,77)}::-moz-selection{color:var(--secondary-color);background-color:var(--text-color)}::selection{color:var(--secondary-color);background-color:var(--text-color)}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background-color:var(--background-color);color:var(--text-color);font-family:Raleway,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:rgb(63,63,63)}body::-webkit-scrollbar-thumb{background-color:rgb(115,115,115);border-radius:6px;border:3px solid rgb(63,63,63)}a{color:var(--link-color);text-decoration:none}a:hover{color:var(--text-color)}.btn--primary{background-color:var(--tertiary-color);border:2px solid var(--tertiary-color);border-radius:8px;color:var(--text-color);cursor:pointer;display:inline-block;font-size:20px;line-height:1;margin:10px;padding:10px;text-align:center;text-decoration:none}.btn--primary:hover{transition-duration:0.2s;border:2px solid var(--primary-color);background-color:var(--background-color)}.btn--primary:active{transform:scale(.96)}.navigation-list{list-style:none;text-align:right}.navigation-list li{display:inline-block;margin:25px}.navigation-list a{display:inline-block;color:var(--text-color);font-size:calc(16px + 0.5vw)}.navigation-list a:hover{color:var(--primary-color);background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.navigation-list a:active{transform:scale(.96)}.navigation-list__item{text-decoration:none}.start{margin:0 auto;height:100vh;position:relative}.start-container{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);animation:fade-in 2s}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.start h1{font-size:calc(28px + 4vw);margin:0}.start h2{font-size:calc(20px + 2vw);margin:0;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.start p{color:var(--primary-color);font-size:calc(16px + 0.5vw);margin:0;background:linear-gradient(to right,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent}.start-social{margin:2em 0}.start-social__icon{height:50px;margin-right:5px}.start-social__icon:hover{animation:shake-icon 0.3s ease-in-out}@keyframes shake-icon{10%,90%{transform:translate3d(-1px,-1px,0)}20%,80%{transform:translate3d(2px,2px,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(0,2px,0)}}.start-social__icon:active{transform:scale(.96)}.section{margin:50px 0;position:relative;top:0;width:100%;line-height:1.6;transform:translateY(+100px)}.section-up{transform:translateY(0);transition:transform ease 1s}.section-container{margin:0;padding:80px 20px;position:relative;left:50%;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%);width:70%}.section__heading{color:var(--primary-color);font-size:calc(20px + 2vw)}.section__heading--smaller{color:var(--primary-color);font-size:calc(20px + 1vw)}.about-deg{position:absolute;left:0;width:100%;min-height:100%;background-color:var(--background-color2);transform:skewY(-2deg);z-index:-1}.about-portrait{border:5px solid var(--primary-color);border-radius:50%;float:right;height:250px;margin:20px;transform:none}.tech{padding-top:0}.tech__badge{height:40px;margin-right:20px;transform:translateY(+50px)}.tech__badge-up{transform:translateY(0);transition:transform ease 1s}.tech__badge:hover{transform:scale(1.2);transition:transform ease 0.3s}.tech__badge__tooltip{position:relative;display:inline-block}.tech__badge__tooltip .tech__badge__tooltiptext{visibility:hidden;width:120px;top:110%;left:50%;margin-left:-70px;background-color:var(--background-color);color:var(--text-color);text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1}.tech__badge__tooltip .tech__badge__tooltiptext::after{content:'';position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent var(--background-color) transparent}.tech__badge__tooltip:hover .tech__badge__tooltiptext{visibility:visible}.case-study{position:relative;display:flex;flex-direction:row;width:100%;height:400px;margin:100px 0}.case-study__heading{color:var(--secondary-color)}.case-study__img{width:50%;border-radius:10px 0 0 10px;background-image:url(../img/myFlix/myFlix-hero-mockuper-mini.png);background-size:cover;background-position:center}.case-study__text{width:50%;padding:2em;border-radius:0 10px 10px 0;background:linear-gradient(to right,var(--tertiary-color),var(--primary-color));display:flex;flex-flow:row wrap}.case-study__text__row:last-child{height:50px;margin-top:10px}.case-study__btn{position:absolute;right:36px;bottom:25px;padding:5px 8px;border-radius:6px;outline:none;cursor:pointer;background-color:var(--background-color);color:var(--background-color);--color:var(--background-color);overflow:hidden;border:2px solid var(--secondary-color);transition:color 0.5s;z-index:1;color:var(--secondary-color)}.case-study__btn:before{content:'';position:absolute;z-index:-1;background:var(--secondary-color);height:150px;width:200px;border-radius:50%}.case-study__btn:hover{color:var(--background-color);border:2px solid var(--secondary-color)}.case-study__btn:before{top:100%;left:100%;transition:all 0.7s}.case-study__btn:hover:before{top:-30px;left:-30px}.case-study__btn:active{transform:scale(.96)}.case-study__btn-live{position:absolute;right:170px}.case-study__badges{position:absolute;top:5px;left:5px}.case-study__text-2{border-radius:10px 0 0 10px}.case-study__img-2{border-radius:0 10px 10px 0;background-image:url(../img/preview_meet.png)}.case-study__badges-2{position:absolute;top:5px;right:5px}.case-study__btn-2{position:absolute;right:110px}.slideshow-container{position:relative;margin:50px 0;max-width:800px;left:50%;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%)}.slideshow-card{display:none}.slideshow__img{border-radius:10px;background-size:contain;background-position:center;background-repeat:no-repeat;display:block;height:400px;margin:auto;cursor:grab}.myflix-angular-img{background-image:url(../img/preview_myFlix-Angular.png)}.weather-app{background-image:url(../img/myFlix/myFlix-hero-mockuper-mini.png)}.Portfolio-app{background-image:url(../img/preview_meet.png)}.chatapp-img{background-image:url(../img/preview-chat-app.png)}.pokedex-img{background-image:url(../img/preview_pokedex.png)}.todo-img{background-image:url(../img/preview_todo.png)}.slideshow__number{position:absolute;top:60px;left:10px;color:var(--secondary-color);font-weight:700}.slideshow-tech{position:absolute;right:10px;top:65px}.slideshow-tech__icon{height:30px}.section-container-portfolio{padding-bottom:10px}.slideshow__description{min-height:200px}.slideshow-acknowledgment{font-size:12px;margin-top:10px}.slideshow__prev,.slideshow__next{position:absolute;top:250px;padding:18px;background-color:var(--tertiary-color);color:var(--text-color);font-weight:700;font-size:24px;transition:0.4s ease;user-select:none;cursor:pointer}.slideshow__prev{left:0;border-radius:0 3px 3px 0}.slideshow__next{right:0;border-radius:3px 0 0 3px}.slideshow__prev:hover,.slideshow__next:hover{background-color:var(--primary-color)}.slideshow__prev:active,.slideshow__next:active{transform:scale(.96)}.slideshow-btn{margin-left:0}#contact{background-color:var(--background-color2)}.btn-contact{background-color:var(--tertiary-color);border:none;border-radius:32px;color:var(--text-color);cursor:pointer;display:inline-block;font-size:26px;line-height:1;margin:10px 0;padding:10px 30px;text-align:center;text-decoration:none}.btn-contact:hover{transition-duration:0.2s;background-color:rgb(115,108,245)}.btn-contact:active{transform:scale(.96)}#contact{text-align:center}.contact-form{margin-top:50px}.contact-form__input,.contact-form__textarea{width:400px;padding:10px;background-color:rgb(58,58,58);border:none;border-radius:15px;color:var(--text-color);font-size:16px}.contact-form__input{height:40px;margin-bottom:20px}.contact-form__textarea{font-family:Raleway,sans-serif}.footer{margin-bottom:0;position:absolute;width:100%}.footer-container{padding:10px;text-align:center}.footer-social__icon{height:40px;margin-right:10px}.footer-social__icon:hover{animation:shake-icon 0.3s ease-in-out}.footer-social__icon:active{transform:scale(.96)}.copyright{font-size:14px;margin-top:10px}@media screen and (max-width:1060px){.case-study{flex-direction:column;height:auto}.case-study__img{width:100%;height:300px;border-radius:10px 10px 0 0}.case-study__text{width:100%;border-radius:0 0 10px 10px}.case-study__img-2{border-radius:10px 10px 0 0}.case-study__text-2{border-radius:0 0 10px 10px;order:1}}@media screen and (max-width:950px){.start-container{text-align:center}}@media screen and (max-width:900px){.section-container{width:100%;padding:40px}.about-portrait{float:none;height:250px;margin:20px}}@media screen and (max-width:600px){.section-container{padding:20px}.start-social__icon{height:40px}}@media screen and (max-width:450px){.navigation-list li{margin:10px}.contact-form input{height:40px;width:100%}.contact-form textarea{width:100%}}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.modal-content{background-color:#334049;margin:2% auto;border:1px solid #888;border-radius:8px;width:80%}.modal-titlebar{background-color:#273138;border-radius:8px 8px 0 0;padding:8px 8px;width:100%;text-align:center}.modal-dots{float:left;margin-left:10px}.modal-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 4px 0 0}.modal-dot--red{background-color:#ff605c;border:1px solid #e14640}.modal-dot--red:hover{cursor:pointer}.modal-dot--yellow{background-color:#ffbd44;border:1px solid #dfa123}.modal-dot--green{background-color:#00ca4e;border:1px solid #1dad2b}.modal-dots:hover .modal-dot--yellow,.modal-dots:hover .modal-dot--green{background-color:#7e7e7e;border:1px solid #747474}.modal-dot--yellow:hover,.modal-dot--green:hover{cursor:not-allowed}.modal-description{line-height:1.6;padding:20px;width:100%}.modal-description__img{height:400px}.impressum{width:80%;margin:50px auto;line-height:1.6}.impressum__heading{margin-top:50px}.impressum__heading2{color:var(--text-color);font-size:28px}.impressum p{margin-bottom:10px}

.page-header__item {
  height: 100px;
  width: 110px;
  position: absolute;
  top: 0;
  left: 0;
}
.case-study-one {
  background-color: #FC46AA;
    border-radius: 8px;
    color: var(--text-color);
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 10px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.blend {
  border-color: #202020;
}