.footy {
    position: relative;
}
.footwrap {
    height: 34.75vw;
}
.footer-logo {
    position: relative;
    height: 34.75vw;
    background-image: url('./cssimages/logo.png');
    background-repeat: no-repeat;
    background-position: 212px 5.5vw;
    padding-left: 212px;
    padding-top: 5.5vw;
}
.footer-logo-text {
    position: absolute;
    width: 437px;
    height: 61px;
    color: #ffffff;
    font-family: "rubik_regular";
    font-size: 16px;
    letter-spacing: 0.5px;
    line-height: 22px;
    top: 14.6875vw;
    text-align: left;
}
.footer-advantage {
    color: #3595ec;
    float: left;
    height: 34.75vw;
    font-family: "rubik_medium";
    line-height: calc(1rem + .3vw);
    padding-top: 5.5vw;
    padding-left: 2vw;
    text-align: left;
}
.footera {
    clear: left;
    float: left;
    color: #ffffff;
    font-family: "rubik_regular";
    font-size: calc(0.7rem + .3vw);
    letter-spacing: 0.5px;
    text-align: left;
    text-decoration: none;
}

    .footera:visited {
        color: #ffffff;
    }

    .footera:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.footer-contact {
    color: #3595ec;
    height: 34.75vw;
    font-family: "rubik_medium";
    line-height: calc(1rem + .3vw);
    padding-top: 5.5vw;
    padding-left: 2vw;
    text-align: left;
}

    .footer-contact a, span {
        clear: left;
        float: left;
        color: #ffffff;
        font-family: "rubik_regular";
        font-size: calc(0.7rem + .3vw);
        letter-spacing: 0.5px;
        text-align: left;
        text-decoration: none;
    }

        .footer-contact a:visited {
            color: #ffffff;
        }

        .footer-contact a:hover {
            text-decoration: underline;
        }

.imprint {
    position: absolute;
    width: 90vw;
    height: 24px;
    top: 25.25vw;
    left: 5vw;
    text-align: center;
    display: block;
}

    .imprint a {
        color: #FFF;
        font-family: "rubik_regular";
        font-size: calc(0.7rem + .3vw);
        letter-spacing: 0.5px;
        text-decoration: none;
    }

        .imprint a:hover {
            color: #FFF;
            text-decoration: underline;
        }
right-arrow {
    background-image: url('./cssimages/right-arrow.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: calc(1rem + .3vw) calc(1rem + .3vw);
    height: calc(1rem + .3vw);
    width: calc(1rem + .3vw);
    text-align: right;
}

.empty-element {
    height: calc(1rem + .3vw);
    width: calc(1rem + .3vw);
}

.row-mod {
    position: absolute;
}

.move {
    align-items: stretch;
}

.copyright {
    position: absolute;
    width: 100%;
    top: 28.25vw;
    left: 5vw;
    font-family: "rubik_regular";
    font-size: 0.875vw;
    text-align: center;
    color: white;
}
.right-arrow {
    background-image: url(./cssimages/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: calc(1rem + .3vw) calc(1rem + .3vw);
    height: calc(1rem + .3vw);
    width: calc(1rem + .3vw);
    text-align: right;
}

.footer {
    top: -34.75vw;
    position: relative;
    height: 34.75vw;
    background-color: #002e59;
    z-index: -1;
}

    .footer img {
        top: -34.75vw;
        mix-blend-mode: multiply;
        width: 100%;
    }
@media screen and (max-width: 640px) {
    .footer-advantage, .footer-contact {
        height: 34.75vw;
        padding-top: 1vw;
        padding-left: 3vw;
    }

        .footera, .imprint a, .footer-contact a, span {
            font-size: 2.5vw;
            line-height: 4vw;
            height: 4vw;
        }

    .footerab {
        font-size: 2.5vw;
        line-height: 4vw;
        height: 8vw;
    }

    .imprint {
        width: 90vw;
        height: 24px;
        top: 29vw;
        left: 5vw;
        text-align: center;
        display: block;
    }

    .copyright {
        top: 33vw;
        left: -5vw;
        font-size: 1vw;
    }
    .h640 {
        display: none;
    }
}