/* /-/responsive /-/ */
@media screen and (max-width: 992px) {
    .banner-alt{
        height: 150px;
    }
    .banner-logo{
        top: -60px;
        width: 150px;
    }
    .banner-logo + span svg,
    .settings-svg svg{
        width: 35px;
    }
    .banner-text{
        line-height: 35px;
    }
    .banner-text h1{
        font-size: 25px;
    }
    .banner-text span:nth-child(2),
    .banner-text span:nth-child(3){
        font-size: 16px;
    }
    .box .progress{
        width: 60%;
        height: 10px;
    }
}
@media screen and (max-width: 768px){
    .profil-form input,
    .profil-yetenek input,
    .profil-yetenek .box{
        height: 50px !important;
    }
}
@media screen and (max-width: 576px) {
    .banner-alt{
        height: 100px;
    }
    .banner-logo{
        top: -50px;
        width: 100px;
    }
    .banner-logo + span svg,
    .settings-svg svg{
        width: 30px;
    }
    .banner-text{
        line-height: 25px;
    }
    .banner-text h1{
        font-size: 20px;
    }
    .banner-text span:nth-child(2),
    .banner-text span:nth-child(3){
        font-size: 14px;
    }
    .box span{
        font-size: 12px;
        margin: 0 0 0 3px !important;
    }
}
@media screen and (max-width: 425px) {
    .settings-svg{
        margin: 0 5px 0 0 !important;
    }
    .banner-logo{
        top: -40px;
        width: 90px;
    }
    .banner-text h1{
        font-size: 16px;
    }
    .banner-text span:nth-child(2),
    .banner-text span:nth-child(3){
        font-size: 13px;
    }
    .banner-logo + span svg,
    .settings-svg svg{
        width: 25px;
    }
    .profil-form label,
    .profil-form input,
    .profil-yetenek input,
    .profil-yetenek label,
    .profil-form input::placeholder,
    .profil-yetenek input::placeholder{
        font-size: 14px !important;
    }
    .profil-yetenek input[type="range"]{
        height: 40px !important;
    }
}