@layer page {/* -----------  Login-Seite --------- */

    /* Login zentriert */

.login-form-container {
    background-color: transparent;
}    

.login-flex {
    align-items: center;  
}

.login-logo {
    width: -webkit-fill-available;
}

.login-form {
    flex-direction: column;
}

.video-col {
    justify-content: center;
}

@media screen and (max-width: 1250px) {
    .video_anmeldung  {
        width: 480px;
        height: 270px;     
    }
}

@media screen and (max-width: 1024px) {
    .video_anmeldung  {
        width: 640px;
        height: 360px;     
    }
    .login-flex {
        flex-direction: column;
    }
    .teaser-col-video, .teaser-col {
        width: 100%!important;
    }
    .teaser-col-video, .login-form {
        margin-left: 0!important;
    }
    .teaser-col {
        order: 1;
    }
    .teaser-col-video {
        order: 2
    }
    .teaser-logo {
        width: 80%!important;
    }
}

@media screen and (max-width: 767px) {
    .video_anmeldung  {
        width: 480px;
        height: 270px;     
    }
    .login-form {
        align-items: center;
    }
    .video-col {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 540px) {
    .video_anmeldung  {
        width: 320px;
        height: 180px;     
    }
}

/* Login Breakpoints */

@media screen and (max-width: 480px) {
    .vin-page {
        background-color: var(--background-color-login-form);
    }
    .box-shadow {
        box-shadow: none;
    }
}

.title h1, .logo-center {
    text-align: center;
}

.teaser-col {
    justify-content: center;
}

.teaser-col-video {
    justify-content: flex-end;
}

.button-col {
    justify-content: center;
}

@media screen and (max-width: 767px){
.teaser-col {
    order: 1;
}

.teaser-col-video {
    order: 2;
}}.footer-text p {
    color: #fff;
}

.footer-text p a {
    color: var(--primary-text);
}

.footer-text p a:hover {
    color: var(--primary);
}


.yemby-footer {
    justify-content: right;
    padding-right: 60px;
}

.footer-container {
    padding-bottom: 20px;
}

.yemby-logo-footer {
    padding-right: 5px;
}

.legals-footer {
    padding-left: 60px;
}

@media screen and (max-width: 768px) {
    .footer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .yemby-footer {
        justify-content: center;
        padding-right: 0;
        padding-bottom: 22px;
    }
    .legals-footer {
        justify-content: center;
        padding-left: 0;
        width: 100%!important;
    }
}[data-id="lvjdc"] {display:flex;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="lvjdc"] {}}@media screen and (max-width: 767px){[data-id="lvjdc"] {}}@media screen and (max-width: 480px){[data-id="lvjdc"] {}}[data-id="l3w4t"] {max-width:100%;max-height:100%;width:100%;display:block;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){[data-id="l3w4t"] {width:80%;display:block;margin-left:auto;margin-right:auto;}}@media screen and (max-width: 480px){}[data-id="hlrkt"] {width:100%;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="hlrkt"] {width:100%;}}@media screen and (max-width: 767px){[data-id="hlrkt"] {width:100%;}}@media screen and (max-width: 480px){[data-id="hlrkt"] {width:100%;}}[data-id="6cnft"] {display:flex;width:55%;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="6cnft"] {width:50%;}}@media screen and (max-width: 767px){[data-id="6cnft"] {width:100%;margin-top:6rem;margin-bottom:3rem;}}@media screen and (max-width: 480px){[data-id="6cnft"] {width:100%;margin-top:3rem;margin-bottom:2rem;}}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="zj-rp"] {color:#fff;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="xuoxj"] {}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="zg-a-"] {text-align:end;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="x9kru"] {}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="rbqlt"] {display:inline-block;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="fzlsk"] {display:inline-block;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="n30de"] {display:flex;width:50%;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="yj2pw"] {width:50%;display:flex;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="1ko34"] {padding-top:15px;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="oa5c7"] {}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="0knpb"] {padding-top:0px;padding-bottom:0px;padding-left:0px;padding-right:0px;background-color:rgba(2,29,54,1);}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="xbjgx"] {}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="wa47y"] {}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="uzhk0"] .vin-button{margin-top:2rem;margin-bottom:2rem;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}[data-id="vilns"] {display:flex;width:100%;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="vilns"] {width:100%;}}@media screen and (max-width: 767px){[data-id="vilns"] {width:100%;}}@media screen and (max-width: 480px){[data-id="vilns"] {width:100%;}}[data-id="9qd8x"] {margin-left:25px;margin-right:25px;margin-top:-35px;margin-bottom:35px;background-alpha:;display:flex;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="9qd8x"] {margin-top:35px;}}@media screen and (max-width: 767px){[data-id="9qd8x"] {margin-left:0px;margin-right:0px;padding-left:25px;padding-right:25px;margin-top:0px;margin-bottom:0px;}}@media screen and (max-width: 480px){[data-id="9qd8x"] {width:100%;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px;}}[data-id="rro-g"] {width:45%;margin-top:7rem;margin-left:6rem;margin-right:3rem;margin-bottom:4rem;display:flex;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="rro-g"] {width:50%;margin-left:4rem;display:block;margin-top:4rem;margin-bottom:4rem;}}@media screen and (max-width: 767px){[data-id="rro-g"] {width:100%;margin-top:0rem;margin-left:0rem;margin-right:0rem;}}@media screen and (max-width: 480px){[data-id="rro-g"] {width:100%;margin-top:0px;margin-left:auto;margin-right:auto;}}[data-id="fe2er"] {min-height:100%;display:flex;max-height:100%;height:100%;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){[data-id="fe2er"] {padding-left:1rem;padding-right:1rem;}}[data-id="o-db2"] {background-repeat:no-repeat;background-position:center center;background-attachment:fixed;background-size:cover;margin-top:5rem;}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){[data-id="o-db2"] {margin-top:2rem;}}@media screen and (max-width: 767px){[data-id="o-db2"] {margin-top:0px;}}@media screen and (max-width: 480px){}[data-id="gumby"] {height:100%;background-alpha:1;max-height:100%;background-color:rgba(2,29,54,1);}@media screen and (min-width: 1920px){}@media screen and (max-width: 1365px){}@media screen and (max-width: 767px){}@media screen and (max-width: 480px){}}