@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";@import "https://fonts.googleapis.com/css2?family=Audiowide&display=swap";.accent-button,.accent-button2{transition:all .3s ease-in-out}html{scroll-behavior:smooth}*{margin:0;padding:0}body{font-family:Open Sans,sans-serif}.accent-button,.accent-button2{transition:all .3s ease-in-out}.nav-section{background-color:#212121;border:none;border-bottom:1px solid #dbdbdb;justify-content:center;align-items:center;width:100%;height:3rem;display:flex}.nav-section__nav-bar{justify-content:space-evenly;align-items:center;width:100%;height:100%;display:flex}.nav-section__link{color:#eee;font-size:1.2rem}.nav-section__hamburger-menu{flex-direction:column;justify-content:center;align-items:center;row-gap:7px;width:2rem;height:2rem;display:none;position:absolute;top:.5rem;right:2rem}.nav-section__bar1,.nav-section__bar2,.nav-section__bar3{background-color:#eee;border-radius:.2rem;width:2rem;height:3px;transition:all .5s ease-in-out}.nav-section__hamburger-menu:hover{cursor:pointer}.nav-section .transform-bar1{margin-bottom:-10px;transform:rotate(45deg)}.nav-section .transform-bar2{opacity:0}.nav-section .transform-bar3{margin-top:-10px;transform:rotate(-45deg)}@media screen and (width<=1000px){.nav-section__nav-bar{z-index:1;background-color:#212121;border:none;border-bottom:1px solid #dbdbdb;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;height:15rem;transition:all .5s ease-in-out;display:flex;position:absolute;top:0}.nav-section .hidden{top:-16rem}.nav-section__link{font-size:1.3rem}.nav-section__hamburger-menu{z-index:2;display:flex}}@media screen and (width<=600px){.nav-section__nav-bar{height:13rem}.nav-section__link{font-size:1rem}.nav-section__bar1,.nav-section__bar2,.nav-section__bar3{width:1.7rem;height:2px}.nav-section .transform-bar1{margin-bottom:-9px}.nav-section .transform-bar3{margin-top:-9px}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.head-section{background-image:linear-gradient(#0009,#00000080),url(/assets/fotis-fotopoulos-LJ9KY8pIH3E-unsplash-Dgs2XAiv.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;height:100vh;display:flex}.head-section__headline{color:#eee;column-gap:5rem;font-family:Audiowide,sans-serif;font-size:2.5rem}.head-section__slogan{color:#eee;margin:1rem 0 3rem;font-size:1.5rem}.head-section__action-buttons{justify-content:center;align-items:center;column-gap:3rem;width:100%;display:flex}.head-section__highlight-button,.head-section__project-button{column-gap:1rem;height:2.7rem;font-size:1.1rem}.head-section__highlight-button{width:13.5rem}.head-section__project-button{width:11rem}.head-section__apps-icon{width:1.7rem}@media screen and (width<=1000px){.head-section{height:75vh}.head-section__headline{font-size:2rem}.head-section__slogan{text-align:center;margin:1rem 5% 3rem;font-size:1.3rem}.head-section__highlight-button,.head-section__project-button{height:2.5rem;font-size:1rem}.head-section__favorite-icon,.head-section__apps-icon{width:1.5rem}}@media screen and (width<=600px){.head-section__headline{text-align:center;margin:0 5%;font-size:1.5rem}.head-section__slogan{font-size:1rem}.head-section__action-buttons{flex-direction:column;row-gap:1rem}.head-section__highlight-button,.head-section__project-button{width:12rem;height:2.3rem;font-size:.9rem}.head-section__favorite-icon,.head-section__apps-icon{width:1.3rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.accent-button,.accent-button2{transition:all .3s ease-in-out}.slider-section{flex-direction:column;justify-content:center;align-items:center;column-gap:3rem;padding-bottom:5rem;display:flex}.slider-section__buttons-and-slider{justify-content:center;align-items:center;column-gap:3rem;display:flex}.slider-section__canvas{background-color:#fff;border:1px solid #dbdbdb;border-radius:.2rem;justify-content:center;align-items:center;width:63rem;height:60rem;margin:auto 0;display:flex}.slider-section__slider{width:0;height:0;transform-style:preserve-3d;justify-content:center;align-items:center;transition:all .5s ease-in-out;display:flex}.slider-section__cart{background-color:#fff;border-radius:.2rem;flex-direction:column;row-gap:.3rem;display:flex;position:absolute;box-shadow:0 0 10px 6px #4b4b4b80}.slider-section .active-cart{width:23rem;padding:1rem;transition:all .5s ease-in-out}.slider-section .project-cart{transform:translateZ(25rem)}.slider-section .project-cart2{transform:rotateY(72deg)translateZ(25rem)}.slider-section .project-cart3{transform:rotateY(144deg)translateZ(25rem)}.slider-section .project-cart4{transform:rotateY(-144deg)translateZ(25rem)}.slider-section .project-cart5{transform:rotateY(-72deg)translateZ(25rem)}.slider-section__img-container{width:100%;height:100%;margin:.1rem auto;overflow:hidden}.slider-section__img{object-fit:cover;border-radius:.2rem;width:100%;height:100%;transition:all .3s ease-in-out}.slider-section__img:hover{scale:1.1}.slider-section .hidden{opacity:0}.slider-section .show{opacity:1}.slider-section .prev-card,.slider-section .next-card{width:20rem;transition:all .5s ease-in-out}.slider-section__category{text-align:left;margin-top:.3rem;font-size:.8rem}.slider-section__cart-headline{margin:1rem auto;font-size:1.3rem}.slider-section__project-options{justify-content:center;align-items:center;column-gap:.3rem;width:100%;display:flex}.slider-section__project-button{border-radius:.2rem;justify-content:center;align-items:center;column-gap:.5rem;width:13rem;height:2.5rem;margin:.1rem 0 1rem;font-size:1.1rem;font-weight:500;display:flex}.slider-section__arrow-right-icon{width:1.4rem}.slider-section__more-info-icon,.slider-section__buy-ticket-icon{width:1.5rem}.slider-section__prev-button,.slider-section__next-button{background-color:#fff;border-radius:.2rem;justify-content:center;align-items:center;width:2.7rem;height:2.7rem;transition:all .3s ease-in-out;display:flex;box-shadow:0 0 4px 2px #4b4b4b80}.slider-section__prev-button{margin-right:7rem}.slider-section__next-button{margin-left:7rem}.slider-section__prev-button:hover,.slider-section__next-button:hover{color:#24a0ed}.slider-section__prev-icon,.slider-section__next-icon{width:2.3rem}@media screen and (width<=1600px){.slider-section__canvas{width:60rem}.slider-section__prev-button{margin-right:3rem}.slider-section__next-button{margin-left:3rem}}@media screen and (width<=1400px){.slider-section__canvas{width:45rem;height:45rem}.slider-section .project-cart{transform:translateZ(20rem)}.slider-section .project-cart2{transform:rotateY(72deg)translateZ(20rem)}.slider-section .project-cart3{transform:rotateY(144deg)translateZ(20rem)}.slider-section .project-cart4{transform:rotateY(-144deg)translateZ(20rem)}.slider-section .project-cart5{transform:rotateY(-72deg)translateZ(20rem)}.slider-section__category{font-size:.7rem}.slider-section__cart-headline{font-size:20px}.slider-section .active-cart{width:17rem;height:auto}.slider-section .prev-card,.slider-section .next-card{width:auto;height:auto}.slider-section__prev-button{margin-right:1rem}.slider-section__next-button{margin-left:1rem}}@media screen and (width<=1000px){.slider-section{padding-bottom:10rem}.slider-section__headline{font-size:2rem}.slider-section__canvas{width:35rem;height:40rem}.slider-section .project-cart{transform:translateZ(15rem)}.slider-section .project-cart2{transform:rotateY(72deg)translateZ(15rem)}.slider-section .project-cart3{transform:rotateY(144deg)translateZ(15rem)}.slider-section .project-cart4{transform:rotateY(-144deg)translateZ(15rem)}.slider-section .project-cart5{transform:rotateY(-72deg)translateZ(15rem)}.slider-section__category{font-size:.6rem}.slider-section__cart-headline{font-size:18px}.slider-section .active-cart{width:15rem;height:auto;padding:.7rem}.slider-section .prev-card,.slider-section .next-card{width:auto;height:auto}.slider-section__prev-button,.slider-section__next-button{width:2.5rem;height:2.3rem;position:absolute;top:115rem}.slider-section__prev-button{left:35%}.slider-section__next-button{right:35%}.slider-section__prev-icon,.slider-section__next-icon{width:2rem}.slider-section__project-button{height:2.3rem;font-size:15px}.slider-section__arrow-right-icon{width:1.3rem}}@media screen and (width<=600px){.slider-section{padding-bottom:7rem}.slider-section__canvas{width:17rem;height:27rem}.slider-section .project-cart{transform:translateZ(7rem)}.slider-section .project-cart2{transform:rotateY(72deg)translateZ(7rem)}.slider-section .project-cart3{transform:rotateY(144deg)translateZ(7rem)}.slider-section .project-cart4{transform:rotateY(-144deg)translateZ(7rem)}.slider-section .project-cart5{transform:rotateY(-72deg)translateZ(7rem)}.slider-section__category{font-size:.5rem}.slider-section__cart-headline{font-size:15px}.slider-section .active-cart{z-index:0;width:9.5rem;height:auto;padding:.5rem}.slider-section .prev-card,.slider-section .next-card{width:5rem;height:auto}.slider-section__prev-button,.slider-section__next-button{width:2.3rem;height:2rem;top:73rem}.slider-section__prev-icon,.slider-section__next-icon{width:1.7rem}.slider-section__project-options{flex-direction:column;row-gap:.5rem}.slider-section__project-button{width:10rem;height:2rem;font-size:.8rem}.slider-section__arrow-right-icon{width:1.1rem}.slider-section .prev-button,.slider-section .next-button{width:5rem;height:2rem;font-size:.5rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.project-highlights-section{background-color:#f3f5f6}.project-highlights-section__headline{text-align:center;padding:5rem 0;font-family:Audiowide,sans-serif;font-size:1.7rem}@media screen and (width<=1000px){.project-highlights-section__headline{padding:5rem 0;font-size:1.5rem}}@media screen and (width<=600px){.project-highlights-section__headline{padding:5rem 0;font-size:1.3rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.project-section{background-color:#f3f5f6;flex-direction:column;justify-content:center;align-items:center;row-gap:3rem;width:100%;padding:3rem 0 5rem;display:flex}.project-section__headline{padding:3rem 0 0;font-family:Audiowide,sans-serif;font-size:1.7rem}@media screen and (width<=1400px){.project-section__headline{margin-top:.5rem}}@media screen and (width<=1000px){.project-section{padding:1.5rem 0 3rem}.project-section__headline{margin:0;font-size:1.5rem}}@media screen and (width<=600px){.project-section__headline{text-align:center;margin:0 5%;font-size:1.3rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.web-projects-overview{width:90%;display:flex}.web-projects-overview__project-overview{grid-template-columns:1fr 1fr 1fr;gap:3rem;width:100%;padding:3rem;display:grid}@media screen and (width<=1700px){.web-projects-overview{width:95%}.web-projects-overview__project-overview{grid-template-columns:1fr 1fr;display:grid}}@media screen and (width<=1400px){.web-projects-overview{width:100%}.web-projects-overview__project-overview{gap:3rem 1.5rem;padding:1.5rem}}@media screen and (width<=1000px){.web-projects-overview{width:95%}.web-projects-overview__project-overview{grid-template-columns:1fr;padding:1.5rem}}@media screen and (width<=600px){.web-projects-overview{width:100%}.web-projects-overview__project-overview{row-gap:1.5rem;padding:.5rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.slider-project{background-color:#fff;border-radius:.2rem;flex-direction:column;row-gap:1.5rem;padding:2rem 2rem 3rem;display:flex;box-shadow:0 12px 16px #4b4b4b80}.slider-project__slider-main-div{flex-direction:column;margin-top:1rem;display:flex}.slider-project__slider-and-button{height:27rem;display:flex}.slider-project__left-button,.slider-project__right-button{background-color:#fff;width:2.3rem;height:2.3rem;margin:auto;transition:all .3s ease-in-out}.slider-project__left-button:hover,.slider-project__right-button:hover{color:#24a0ed}.slider-project__left-icon,.slider-project__right-icon{width:1.5rem}.slider-project__slider{justify-content:center;align-items:center;width:20rem;height:27rem;display:flex;position:relative}.slider-project__img{opacity:0;border-radius:.2rem;width:15rem;height:auto;transition:all .3s ease-in-out;position:absolute}.slider-project .active-img{opacity:1}.slider-project__doots{justify-content:center;align-items:center;column-gap:1rem;width:100%;height:1rem;margin:1rem 0;display:flex}.slider-project__doot{background-color:#24a0ed;border-radius:50%;width:.4rem;height:.4rem}.slider-project .active-doot{width:.6rem;height:.6rem}.slider-project__title{margin-left:10%;font-size:1.2rem;font-weight:700}.slider-project__technologies{gap:.3rem;width:100%;padding:.1rem;display:flex}.slider-project__technology{color:#24a0ed;justify-content:center;align-items:center;padding:.1rem .2rem;font-size:.7rem;display:flex}.slider-project__description{margin-bottom:1rem;line-height:1.3rem}.slider-project__link{margin:auto auto 0}.slider-project__app-button{column-gap:1rem;width:11rem;height:2.5rem;font-size:1rem;font-weight:600}.slider-project__arrow-right-icon{width:1.4rem}@media screen and (width<=1700px){.slider-project{width:27rem;margin:0 auto}}@media screen and (width<=1400px){.slider-project{width:25rem}}@media screen and (width<=1000px){.slider-project{width:27rem}.slider-project__slider-main-div{flex-direction:column;margin-top:1rem;display:flex}.slider-project__slider-and-button{height:25rem}.slider-project__left-button,.slider-project__right-button{width:2rem;height:2rem}.slider-project__left-icon,.slider-project__right-icon{width:1.3rem}.slider-project__slider{justify-content:center;align-items:center;width:17rem;height:25rem;display:flex;position:relative}.slider-project__img{width:13rem}.slider-project__doots{column-gap:.5rem}.slider-project__doot{width:.3rem;height:.3rem}.slider-project .active-doot{width:.5rem;height:.5rem}.slider-project__title{margin-left:10%;font-size:1.2rem;font-weight:700}.slider-project__technologies{gap:.3rem;width:100%;padding:.1rem;display:flex}.slider-project__technology{padding:.1rem .2rem;font-size:.6rem}.slider-project__description{margin-bottom:1rem;font-size:15px;line-height:1.3rem}.slider-project__app-button{width:11rem;height:2.3rem;font-size:15px;font-weight:500}.slider-project__arrow-right-icon{width:1.3rem}}@media screen and (width<=600px){.slider-project{width:15rem;padding:.5rem .5rem 3rem}.slider-project__slider-main-div{flex-direction:column;margin-top:1rem;display:flex}.slider-project__slider-and-button{height:23rem}.slider-project__left-button,.slider-project__right-button{width:1.7rem;height:1.7rem}.slider-project__left-icon,.slider-project__right-icon{width:1rem}.slider-project__slider{justify-content:center;align-items:center;width:17rem;height:23rem;display:flex;position:relative}.slider-project__img{width:11rem}.slider-project__doots{column-gap:.5rem}.slider-project__doot{width:.3rem;height:.3rem}.slider-project .active-doot{width:.5rem;height:.5rem}.slider-project__title{margin-left:10%;font-size:1.1rem;font-weight:700}.slider-project__technologies{grid-template-columns:1fr 1fr 1fr 1fr;gap:.3rem;width:100%;padding:.1rem;display:grid}.slider-project__technology{padding:.1rem .2rem;font-size:.5rem}.slider-project__description{margin:0 3% 1rem;font-size:.9rem;line-height:1.3rem}.slider-project__app-button{width:11rem;height:2.1rem;font-size:.9rem;font-weight:500}.slider-project__arrow-right-icon{width:1.2rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.project{background-color:#fff;border-radius:.2rem;flex-direction:column;row-gap:1.5rem;padding:2rem 2rem 4rem;display:flex;box-shadow:0 12px 16px #4b4b4b80}.project__img-div{width:15rem;height:auto;margin:1rem auto 0}.project__img{border-radius:.2rem;width:100%;height:100%}.project__title{margin-left:10%;font-size:1.2rem;font-weight:700}.project__technologies{gap:.3rem;width:100%;padding:.1rem;display:flex}.project__technology{color:#24a0ed;justify-content:center;align-items:center;padding:.1rem .2rem;font-size:.7rem;display:flex}.project__description{margin-bottom:1rem;line-height:1.3rem}.project__link{margin:auto auto 0}.project__app-button{column-gap:1rem;width:11rem;height:2.5rem;font-size:1rem;font-weight:600}.project__arrow-right-icon{width:1.4rem}@media screen and (width<=1700px){.project{width:27rem;margin:0 auto}}@media screen and (width<=1400px){.project{width:25rem}}@media screen and (width<=1000px){.project{width:27rem}.project__img-div{width:13rem;height:auto;margin:1rem auto 0}.project__title{margin-left:10%;font-size:1.2rem;font-weight:600}.project__technologies{gap:.3rem;width:100%;padding:.1rem;display:flex}.project__technology{font-size:.6rem}.project__description{margin-bottom:1rem;font-size:15px;line-height:1.3rem}.project__app-button{column-gap:1rem;width:11rem;height:2.3rem;font-size:15px;font-weight:500}.project__arrow-right-icon{width:1.2rem}}@media screen and (width<=600px){.project{width:15rem;padding:.5rem .5rem 3rem}.project__img-div{width:13rem;height:auto;margin:1rem auto 0}.project__title{margin-left:10%;font-size:1.2rem;font-weight:600}.project__technologies{grid-template-columns:1fr 1fr 1fr;gap:1px;padding:0;display:grid}.project__technology{font-size:.5rem}.project__description{margin:0 3% 1rem;font-size:.9rem;line-height:1.3rem}.project__app-button{column-gap:1rem;width:11rem;height:2.1rem;font-size:.9rem;font-weight:500}.project__arrow-right-icon{width:1.2rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.service-div{border:.1rem solid #dbdbdb;border-radius:.2rem;flex-direction:column;justify-content:center;align-items:center;width:85%;margin:0;padding-bottom:1rem;display:flex}.accent-button,.accent-button2{transition:all .3s ease-in-out}.windows-pop-up-main-div{margin:17rem 0 0;position:absolute}.windows-pop-up-message-div{text-align:center;background-color:#fff;border:1px solid #9e9e9e;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;width:40rem;height:13rem;font-size:1.3rem;display:flex}.password-generator{background-image:linear-gradient(silver,#fff,#fff,silver);padding-bottom:3rem}.password-generator__headline{color:#000;background-color:#f3f5f6;border:1px solid #e0e0e0;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;width:35%;margin:2rem 3% 0;padding:1.3rem 0;font-size:1.7rem;display:flex}.password-generator__special-sign{justify-content:center;align-items:center;width:15rem;display:flex}.password-generator__lock-sign{width:15rem}.password-generator__output{text-align:center;color:#000;margin-top:3rem;font-size:1.7rem}.password-generator__password{color:red;font-size:2rem}.password-generator__main-div{grid-template-columns:1fr 1fr;column-gap:1rem;width:100%;margin-top:3rem;display:grid}.password-generator__generally-password-div{background-color:#fff;border:1px solid #e0e0e0;border-radius:.3rem;justify-content:center;align-items:center;row-gap:1rem;margin:0 10%;padding:3rem 0;font-size:1.5rem;display:flex}.password-generator__create-generally-password-button{margin:.5rem 0;padding:.7rem 1.5rem;font-size:1.4rem}.password-generator__special-password-div{color:#000;background-color:#fff;border:1px solid #e0e0e0;border-radius:.3rem;flex-direction:column;justify-content:center;align-items:center;row-gap:1rem;margin:0 10%;padding:2rem 0;font-size:1.5rem;display:flex}.password-generator__special-password-headline{margin:0 1rem}.password-generator__input-and-button-div{justify-content:center;align-items:center;column-gap:1rem;height:2.3rem;margin:.5rem 0;display:flex}.password-generator__input{text-align:center;width:13rem;height:90%;font-size:1.2rem}.password-generator__create-special-password-button{width:13rem;height:100%;font-size:1.3rem}.password-generator__checkbox-div{justify-content:center;align-items:center;column-gap:1rem;width:100%;font-size:1.4rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.5rem;height:1.5rem}@media screen and (width>=1700px){.windows-pop-up-main-div{margin:13rem 0 0 33%}.windows-pop-up-message-div{box-sizing:border-box;width:100%;height:auto;padding:2rem 3%;font-size:1.3rem}.close-button{width:5rem;height:2rem;font-size:1.1rem}.password-generator{width:100%;margin-bottom:-1rem;padding:2rem 0 3rem}.password-generator__headline{width:95%;max-width:40rem;margin:1rem auto 0;padding:1.7rem 0;font-size:1.7rem}.password-generator__special-sign,.password-generator__lock-sign{width:16rem}.password-generator__output{margin:2rem 0;padding:.5rem 3%;font-size:1.5rem}.password-generator__password{color:red;word-break:break-all;font-size:1.7rem}.password-generator__main-div{grid-template-columns:1fr 1fr;column-gap:1rem;width:95%;margin:1rem auto 0;display:grid}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:95%;max-width:40rem;margin:0 auto;padding:1.7rem 3% 2.3rem;font-size:1.3rem;display:flex}.password-generator__create-generally-password-button{width:90%;max-width:25rem;height:4rem;font-size:1.3rem}.password-generator__special-password-headline{margin:0 1rem;font-size:1.4rem}.password-generator__input-and-button-div{justify-content:center;align-items:center;column-gap:.5rem;height:2.5rem;display:flex}.password-generator__input{width:90%;height:87%;font-size:1.5rem}.password-generator__create-special-password-button{width:93%;max-width:21rem;height:100%;font-size:1.2rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 20%;font-size:1.4rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.5rem;height:1.5rem}}@media screen and (width<=1700px){.windows-pop-up-main-div{margin:15rem 0 0 27%}.windows-pop-up-message-div{box-sizing:border-box;width:100%;height:auto;padding:2rem 3%;font-size:1.2rem}.close-button{width:5rem;height:2rem;font-size:1.1rem}.password-generator{width:100%;margin-bottom:-1rem;padding:1.7rem 0 2.7rem}.password-generator__headline{width:95%;max-width:40rem;margin:1rem auto 0;padding:1.7rem 0;font-size:1.7rem}.password-generator__special-sign,.password-generator__lock-sign{width:16rem}.password-generator__output{margin:1.5rem 0;padding:.5rem 3%;font-size:1.5rem}.password-generator__password{color:red;word-break:break-all;font-size:1.7rem}.password-generator__main-div{grid-template-columns:1fr 1fr;column-gap:1rem;width:95%;margin:1rem auto 0;display:grid}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:95%;max-width:40rem;margin:0 auto;padding:1.7rem 3% 2.3rem;font-size:1.3rem;display:flex}.password-generator__create-generally-password-button{width:90%;max-width:22rem;height:3rem;font-size:1.2rem}.password-generator__special-password-headline{margin:0 1rem;font-size:1.4rem}.password-generator__input-and-button-div{justify-content:center;align-items:center;column-gap:.5rem;height:2.5rem;display:flex}.password-generator__input{width:90%;height:90%;font-size:1.4rem}.password-generator__create-special-password-button{width:93%;max-width:20rem;height:100%;font-size:1.1rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 20%;font-size:1.4rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.5rem;height:1.5rem}}@media screen and (width<=1400px){.windows-pop-up-main-div{margin:17rem 0 0 25%}.windows-pop-up-message-div{box-sizing:border-box;width:80%;height:auto;padding:2rem 3%;font-size:1.1rem}.close-button{width:3.7rem;height:1.7rem;font-size:1rem}.password-generator{width:100%;margin-bottom:-1rem;padding:1.5rem 0 2.5rem}.password-generator__headline{width:95%;max-width:30rem;margin:1rem auto 0;padding:1.7rem 0;font-size:1.5rem}.password-generator__special-sign,.password-generator__lock-sign{width:14rem}.password-generator__output{margin:1.5rem 0;padding:.5rem 3%;font-size:1.5rem}.password-generator__password{color:red;word-break:break-all;font-size:1.7rem}.password-generator__main-div{flex-direction:column;row-gap:1rem;width:95%;margin:1rem auto 0;display:flex}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:95%;max-width:40rem;margin:0 auto;padding:1.7rem 3% 2.3rem;font-size:1.3rem;display:flex}.password-generator__create-generally-password-button{width:90%;max-width:22rem;height:3rem;font-size:1.2rem}.password-generator__special-password-headline{margin:0 1rem;font-size:1.4rem}.password-generator__input-and-button-div{justify-content:center;align-items:center;column-gap:.5rem;height:2rem;display:flex}.password-generator__input{width:90%;height:87%;font-size:1.3rem}.password-generator__create-special-password-button{width:93%;max-width:20rem;height:100%;font-size:1.1rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 20%;font-size:1.3rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.5rem;height:1.5rem}}@media screen and (width<=1000px){.windows-pop-up-main-div{margin:15rem 0 0}.windows-pop-up-message-div{box-sizing:border-box;width:80%;height:auto;padding:2rem 3%;font-size:1.1rem}.close-button{width:3.7rem;height:1.7rem;font-size:1rem}.password-generator{width:100%;margin-bottom:-1rem;padding:1rem 0 2rem}.password-generator__headline{width:95%;max-width:23rem;margin:1rem auto 0;font-size:1.5rem}.password-generator__special-sign,.password-generator__lock-sign{width:14rem}.password-generator__output{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:.5rem 3%;font-size:1.3rem;display:flex}.password-generator__password{color:red;word-break:break-all;padding:0 3%;font-size:1.5rem}.password-generator__main-div{flex-direction:column;row-gap:1rem;width:95%;margin:1rem auto 0;display:flex}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:95%;max-width:40rem;margin:0 auto;padding:1.7rem 3% 2rem;font-size:1.3rem;display:flex}.password-generator__create-generally-password-button{width:90%;max-width:19rem;padding:.3rem;font-size:1.1rem}.password-generator__special-password-headline{margin:0 1rem;font-size:1.3rem}.password-generator__input-and-button-div{justify-content:center;align-items:center;column-gap:.5rem;height:2rem;display:flex}.password-generator__input{width:90%;height:87%;font-size:1.2rem}.password-generator__create-special-password-button{width:93%;max-width:20rem;height:100%;font-size:1rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 17%;font-size:1.1rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.5rem;height:1.5rem}}@media screen and (width<=600px){.windows-pop-up-main-div{margin:15rem 0 0}.windows-pop-up-message-div{box-sizing:border-box;width:80%;height:auto;padding:2rem 3%;font-size:1rem}.close-button{width:3.5rem;height:1.5rem;font-size:.9rem}.password-generator{width:100%;margin-bottom:-1rem;padding:.7rem 0 1.5rem}.password-generator__headline{width:95%;max-width:23rem;margin:1rem auto 0;font-size:1.3rem}.password-generator__special-sign,.password-generator__lock-sign{width:12rem}.password-generator__output{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:0 3%;font-size:1.3rem;display:flex}.password-generator__password{color:red;word-break:break-all;padding:0 3%;font-size:1.5rem}.password-generator__main-div{flex-direction:column;row-gap:1rem;width:95%;margin:1rem auto 0;display:flex}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:95%;margin:0 auto;padding:1rem 3%;font-size:1.3rem;display:flex}.password-generator__create-generally-password-button{width:90%;max-width:18rem;height:2.5rem;font-size:1rem}.password-generator__special-password-headline{margin:0 1rem;font-size:1.2rem}.password-generator__input-and-button-div{flex-direction:column;row-gap:.5rem;max-width:12rem;height:3rem;display:flex}.password-generator__input{width:90%;font-size:1.1rem}.password-generator__create-special-password-button{width:93%;height:2.3rem;font-size:1rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 20%;font-size:1rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.3rem;height:1.3rem}}@media screen and (width<=300px){.windows-pop-up-main-div{margin:19rem 1rem 0 0}.windows-pop-up-message-div{box-sizing:border-box;width:80%;height:auto;padding:1rem 3%;font-size:.9rem}.close-button{width:3rem;height:1.5rem;font-size:.8rem}.password-generator{width:100%;margin-bottom:-1rem;padding:.3rem 0 1.3rem}.password-generator__headline{width:95%;margin:1rem auto 0;font-size:1rem}.password-generator__special-sign,.password-generator__lock-sign{width:9rem}.password-generator__output{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;padding:0 3%;font-size:1rem;display:flex}.password-generator__password{color:red;word-break:break-all;padding:0 3%;font-size:1.2rem}.password-generator__main-div{flex-direction:column;row-gap:1rem;width:95%;margin:1rem auto 0;display:flex}.password-generator__generally-password-div,.password-generator__special-password-div{box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:1rem 3%;font-size:1rem;display:flex}.password-generator__create-generally-password-button{width:90%;height:2.5rem;font-size:.9rem}.password-generator__special-password-headline{text-align:center;margin:0 3%;font-size:1rem}.password-generator__input-and-button-div{flex-direction:column;row-gap:.5rem;max-width:10rem;display:flex}.password-generator__input{width:90%;font-size:1rem}.password-generator__create-special-password-button{width:93%;height:2rem;font-size:.9rem}.password-generator__checkbox-div{box-sizing:border-box;justify-content:center;align-items:center;row-gap:1rem;width:100%;padding:0 0 0 15%;font-size:.8rem;display:flex}.password-generator__checkbox{border:2px solid #555;width:1.3rem;height:1.3rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.technology-section{background-color:#001f3f;padding-bottom:7rem}.technology-section__headline{text-align:center;color:#eee;padding:5rem 0 3rem;font-family:Audiowide,sans-serif;font-size:1.7rem}.technology-section__ux{border-radius:.2rem;align-items:center;width:85%;margin:0 auto;display:flex;position:relative;box-shadow:inset 0 0 16px -7px #fff}.technology-section__ux:after{content:"";pointer-events:none;width:1rem;position:absolute;top:0;bottom:0;right:0;box-shadow:inset -10px 0 16px -7px #fff}.technology-section__technology-overview-div{align-items:center;row-gap:3rem;padding:3rem 0;display:flex;overflow-x:scroll}.technology-section__technology-div{column-gap:7rem;width:auto;margin:0 7rem;display:flex}.technology-section__markup-language-div,.technology-section__programming-language-div,.technology-section__framework-div,.technology-section__version-control-div,.technology-section__backend-service-div{flex-direction:column;justify-content:center;align-items:center;display:flex}.technology-section__backend-service-div{width:13rem}.technology-section__technology-headline{text-align:center;color:#fff;word-wrap:break-word;margin-bottom:3rem;font-size:1.5rem}.technology-section__subdivision-div{align-items:center;column-gap:3rem;display:flex}.technology-section__html-div,.technology-section__css-div,.technology-section__scss-div,.technology-section__javascript-div,.technology-section__typescript-div,.technology-section__react-div,.technology-section__tailwind-css-div,.technology-section__git-div,.technology-section__supabase-div{color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.technology-section span{text-align:center;color:#fff;margin-bottom:1rem;font-size:1.4rem}.technology-section__img-div{column-gap:3rem;display:flex}.technology-section__img{background-color:#f3f5f6;border-radius:50%;width:8rem;height:8rem}@media screen and (width<=1000px){.technology-section__headline{font-size:1.5rem}.technology-section__technology-overview-div{grid-template-columns:auto;row-gap:3rem;margin:0 auto;padding:2rem 0;display:grid}.technology-section__markup-language-div,.technology-section__programming-language-div,.technology-section__framework-div,.technology-section__version-control-div,.technology-section__backend-service-div{flex-direction:column;justify-content:center;align-items:center;display:flex}.technology-section__technology-headline{margin-bottom:1rem;font-size:1.3rem}.technology-section__subdivision-div{justify-content:space-around;align-items:center;display:flex}.technology-section__html-div,.technology-section__css-div,.technology-section__scss-div,.technology-section__javascript-div,.technology-section__typescript-div,.technology-section__react-div,.technology-section__git-div,.technology-section__supabase-div,.technology-section__img-div{align-items:center;column-gap:1.5rem;display:flex}.technology-section span{font-size:1.2rem}.technology-section__img{width:6rem;height:6rem}}@media screen and (width<=600px){.technology-section{padding-bottom:5rem}.technology-section__headline{font-size:1.3rem}.technology-section__technology-div{column-gap:5rem;margin:0 3rem}.technology-section__markup-language-div,.technology-section__programming-language-div,.technology-section__framework-div,.technology-section__version-control-div,.technology-section__backend-service-div{flex-direction:column;justify-content:center;align-items:center;display:flex}.technology-section__technology-headline{margin-bottom:1rem;font-size:1rem}.technology-section__subdivision-div{justify-content:center;align-items:center;row-gap:.5rem;display:flex}.technology-section__html-div,.technology-section__css-div,.technology-section__scss-div,.technology-section__javascript-div,.technology-section__typescript-div,.technology-section__react-div,.technology-section__git-div,.technology-section__supabase-div,.technology-section__img-div{justify-content:center;align-items:center;column-gap:1.5rem;display:flex}.technology-section span{font-size:.9rem}.technology-section__img{width:4rem;height:4rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.about-us-section{background-color:#f3f5f6;padding:3rem 0}.about-us-section__headline{text-align:center;padding:3rem 0;font-family:Audiowide,sans-serif;font-size:1.7rem}.about-us-section__about-us-div{background-color:#fff;border:1px solid #dbdbdb;border-radius:.2rem;justify-content:space-between;align-items:center;width:75%;margin:3rem auto;padding:3rem 3%;display:flex}.about-us-section__description-div{width:50%;padding:0 3% 0 5%}.about-us-section__developer-headline{font-size:1.5rem}.about-us-section__text{font-size:1.3rem}.about-us-section__img-div{justify-content:center;width:50%;display:flex}.about-us-section__img{border-radius:.2rem;height:20rem}@media screen and (width<=1400px){.about-us-section__about-us-div{width:85%}}@media screen and (width<=1000px){.about-us-section{padding:1.5rem 0}.about-us-section__headline{padding:1.5rem 0 0;font-size:1.5rem}.about-us-section__about-us-div{flex-direction:column;row-gap:3rem}.about-us-section__description-div{width:90%;padding:0 3% 0 5%}.about-us-section__developer-headline{font-size:1.3rem}.about-us-section__text{font-size:1rem}.about-us-section__img-div{justify-content:center;width:90%;display:flex}}@media screen and (width<=600px){.about-us-section{padding:1rem 0}.about-us-section__headline{font-size:1.3rem}.about-us-section__about-us-div{flex-direction:column;row-gap:3rem}.about-us-section__description-div{width:90%;padding:0 3% 0 5%}.about-us-section__developer-headline{font-size:1.1rem}.about-us-section__text{font-size:.9rem}.about-us-section__img-div{justify-content:center;width:90%;display:flex}.about-us-section__img{height:15rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.contact-section{background-color:#f3f5f6;padding:3rem 0 7rem}.contact-section__headline{text-align:center;padding:3rem 0 5rem;font-family:Audiowide,sans-serif;font-size:1.7rem}.contact-section__contact-div{background-color:#fff;border:.1rem solid #dbdbdb;border-radius:.2rem;width:80%;margin:0 auto;padding:3rem 0}.contact-section__contact-div-headline{margin:1rem 0 0 5%;font-size:1.5rem}.contact-section__text{margin:3rem 0 0 5%;font-size:1.3rem}.contact-section__mail-address{align-items:center;width:100%;margin:1rem 0 1rem 5%;font-size:1.3rem;display:flex}.contact-section__link{color:#24a0ed}.contact-section__icon{width:1.7rem;height:auto;margin-right:1rem}@media screen and (width<=1000px){.contact-section{padding:1.5rem 0 5rem}.contact-section__headline{padding:1.5rem 0 3rem;font-size:1.5rem}.contact-section__contact-div{padding:2rem 0}.contact-section__contact-div-headline{margin:1rem 0 0 5%;font-size:1.1rem}.contact-section__text{margin:1rem 0 0 5%;font-size:1rem}.contact-section__mail-address{align-items:center;margin:1rem 0 1rem 1%;font-size:1.2rem;display:flex}.contact-section__icon{width:1.5rem;height:auto;margin:0 1rem 0 4%}}@media screen and (width<=600px){.contact-section{padding:1.5rem 0 3rem}.contact-section__headline{padding:1.5rem 0;font-size:1.3rem}.contact-section__contact-div{width:95%;padding:2rem 0}.contact-section__contact-div-headline{margin:0 0 0 5%;font-size:1rem}.contact-section__text{margin:1rem 3% 0 5%;font-size:1rem}.contact-section__mail-address{align-items:center;margin:1rem 0 1rem 1%;font-size:1rem;display:flex}.contact-section__icon{width:1.5rem;height:auto;margin:0 1rem 0 4%}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.footer-section{background-color:#212121;justify-content:center;align-items:center;column-gap:3rem;width:100%;height:3rem;display:flex}.footer-section__link,.footer-section__copy-right{color:#eee;font-size:1rem}@media screen and (width<=600px){.footer-section{flex-direction:column;justify-content:center;align-items:center;row-gap:.5rem;height:4rem;display:flex}.footer-section__link,.footer-section__copy-right{font-size:.9rem}}.accent-button,.accent-button2{transition:all .3s ease-in-out}.to-top-button{opacity:0;border:2px solid #18273a;border-radius:.2rem;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .5s ease-in-out;display:flex;position:fixed;bottom:7rem;right:10%}.to-up-icon{width:2rem}.show{opacity:1}.no-interaction{cursor:context-menu}@media screen and (width<=1000px){.to-top-button{width:2.7rem;height:2.7rem;bottom:5rem}.to-up-icon{width:1.6rem}}@media screen and (width<=600px){.to-top-button{width:2.5rem;height:2.5rem;bottom:3rem}.to-up-icon{width:1.5rem}}.app-div{z-index:0;min-height:100vh;max-height:100%}.button{border-radius:.2rem;justify-content:center;align-items:center;display:flex}.button:hover{cursor:pointer}.primary-button{color:#24a0ed;background-color:#111;transition:all .3s ease-in-out}.secondary-button{color:#24a0ed;background-color:#f3f5f6;transition:all .3s ease-in-out}.accent-button,.accent-button2{transition:all .3s ease-in-out}.primary-button:hover{background-color:#f3f5f6}.secondary-button:hover{background-color:#111}.hover:hover{cursor:pointer}.disable-button{background-color:#ccc}.back-icon{transition:all .3s ease-in-out}.link{transition:all .2s ease-in-out}.link:hover{color:#24a0ed}.no-link{text-decoration:none}.no-hover:hover{cursor:context-menu}.imprint-section__back-icon{width:2rem;margin:3rem 0 0 10%;transition:all .3s ease-in-out}.imprint-section__back-icon:hover{color:#24a0ed}.imprint-section__headline{text-align:center;margin-top:5rem;font-size:1.7rem}.imprint-section__note{text-align:center;margin:1rem 0;font-size:1.3rem}.imprint-section__imprint{flex-direction:column;margin-top:3rem;display:flex}.imprint-section__person-div{flex-direction:column;row-gap:.3rem;margin:0 auto;display:flex}@media screen and (width<=1000px){.imprint-section__back-icon{width:1.7rem}.imprint-section__headline{font-size:1.5rem}.imprint-section__note{font-size:1.2rem}.imprint-section__person-div{font-size:15px}}@media screen and (width<=600px){.imprint-section__headline{margin-top:3rem;font-size:1.3rem}.imprint-section__note{margin:.5rem 0;font-size:1.1rem}.imprint-section__person-div{font-size:.9rem}}