/*.login_klassisch{*/
/*    display: none;*/
/*    min-width: 432px;*/
/*}*/

.login_box{
    min-width: 432px;
}

.login_box-hidden{
    display: none;
}

.login_box-mobile{
    min-width: 360px;
}

.login_switch{
    display: inline-block;
        margin-bottom: 10px;
    margin-left: 1px;
}

.windowtop_phone{
    top: 0;
}

.container-login-middle-center {
    position: absolute;
    width: 430px;
    height: 130px;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0;
}


.container-pw-vergessen-middle-center {
    position: absolute;
    width: 430px;
    height: 200px;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    margin-top: 0;
    margin-left: 0;
}

.container-pw-vergessen-middle-center,
.container-login-middle-center {
    top: max(calc(100svh / 2 - 125px),10px); /*responsive vertikal zentriert, mindestens 10px Abstand vom oberen Rand*/
    transform: translate(-50%, 0) !important;
    transition: all 0.5s;
}

.login_container-top{
    top: max(calc(100vh / 2 - 125px),10px); /*responsive vertikal zentriert, mindestens 10px Abstand vom oberen Rand*/
    transition: all 0.5s;
}

.container-login-middle-center-mobile {
    width: 360px;
    top: max(calc(100svh / 2 - 135px),10px); /*responsive vertikal zentriert, mindestens 10px Abstand vom oberen Rand*/
    transform: translate(-50%, 0) !important;
    transition: all 0.5s;
}

.login_container-mobile-top{
    top: max(calc(100svh / 2 - 170px),10px); /*responsive vertikal zentriert, mindestens 10px Abstand vom oberen Rand*/
    transition: all 0.5s;
}