@media only screen and (max-width: 600px){

.login { height: 100vh;  width: 100%; }    

.login > img { position: fixed; height: 100%; width: auto; }
    
.box-title label {
    display: none;
    font-size: 1rem;
    position: absolute;
    text-align: right;
    line-height: 1.5rem;
}

.login-box.konto .box-title label.label-name, 
.login-box.login .box-title label.label-name, 
.login-box.logout .box-title label.label-name, 
.login-box.change .box-title label.label-name, 
.login-box.forget .box-title label.label-name, 
.login-box.forget .box-title label.label-email, 

.login-box.anfordern .box-title label.label-name,
.login-box.login .box-title label.label-password, 
.login-box.logout .box-title label.label-password,
.login-box.getpass .box-title label.label-passnew,
.login-box.getpass .box-title label.label-passrepeat {
    display: inline-block;
    width: 130px;
    left: 10px;
    top: 16px;
}    

.login-box.login .box-title label.label-password, 
.login-box.logout .box-title label.label-password,
.login-box.getpass .box-title label.label-passrepeat,
.login-box.forget .box-title label.label-email{
    top: 48px;
}

.login-box.login .box-title label.label-login, 
.login-box.logout .box-title label.label-login,
.login-box.forget .box-title label.label-anfor,
.login-box.getpass .box-title label.label-passsave
{
    display: inline-block;
    left: 150px;
    text-align: center;
    top: 84px;
    width: 50%;
}

.login > .login-box * {
    text-shadow: none !important;
}

.login > .login-box .login-forget {
  font-size: 1rem;
  padding-left: 150px !important;
}


    
.login-box .box-title { display: block; }
    
.login > .login-box input {
  height: 1.2rem;
  margin-left: 150px;
  width: calc(100% - 165px);
}
    
.login > .login-box,
.login > .login-box.responsiv {
    background-color: #EBEBEB;
    background-image: none;
    box-shadow: none;
    height: auto !important;
    left: 10px !important;
    padding-bottom: 10px;
    width: calc(100% - 20px);
    position: relative;
}

.login > .login-box .check {
    margin: 0 10px 0 0 !important;
    width: calc(100% - 15px) !important;
}

.login > .login-box .login-error{
    margin-left: 0;
    margin-right: 0;
    width: calc(100vw - 20px);
}

#custom-konto { left: 0; width: 100%;}
#custom-konto .admin-box { width: 100%;}
#custom-konto .admin-tools-box { box-sizing: border-box;}
#custom-konto .admin-tools-box table{ width: 100%; }

#custom-konto .admin-input input{
   background-color: #FFFFFF; 
   box-sizing: border-box;  
   width: 100%;
}

#custom-konto td.input-title {
    min-width: 100px;
    width: 5%;
}

#custom-konto .last-child { text-align: right;}
#custom-konto .last-child td {
  display: inline-block;
  padding-right: 0;
  padding-top: 25px;
}

    
}