body.login {
    background: #000;
}


body.login div#login form#loginform {
    border-radius: 4px;
    background: #fff;
}

body.login div#login {
    width: 100%;
    max-width: 400px;
}

body.login div#login h1 {
    text-align: left;
}
body.login div#login h1 a {
    background-size: contain;
    background-position: left top;
    margin: 0 0 25px 0;
    width: 100%;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55.296' height='32.26' viewBox='0 0 55.296 32.26'%3E%3Cpath id='marketingkollektiv-bildmarke' d='M-3001.708,1948.52l-4.324-7.956,4.938-9.083,9.268,17.039Zm-26.238,0,17-31.258h9.881l-17,31.258Zm-17.5,0,17-31.258h9.883l-17,31.258Z' transform='translate(3046.281 -1916.76)' fill='%23fff' stroke='rgba(0,0,0,0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E%0A");
}


body.login div#login #login_error,
body.login div#login .message,
body.login div#login .success {
    border-left-color: #fff;
    color: #fff;
    background: #2271b1;
    font-weight: bold;
}


body.login div#login a {
    transition: all .2s ease;
}
body.login div#login a:hover {
    color: white;
}


body.login div#login form#loginform input {
    outline: 0 !important;
    transition: all .2s ease;
    padding: .5em .75em;
    margin-top: .25em;
    border: 1px solid #e0e0e0;
}
body.login div#login form#loginform input#rememberme {
    margin-top: 0;
}



body.login div#login label {
    font-weight: bold;
}
body.login div#login .button.wp-hide-pw {
    height: 4.75em;
}
body.login div#login .button-primary {
    transition: all .2s ease;
    font-weight: bold;
}


body.login div#login p#backtoblog a,
body.login div#login p#nav a {
    color: #757575;
}