.login-title {
    position: absolute;
    top: -52px;
    left: 5%;
    width: 27%;
}

.note {
    position: absolute;
    top: 15%;
    right: 10%;
    width: 18%;
}

/* --- Zentrierte Gruppe: Katze + Formular --- */
.login-form-group {
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.login-cat {
    width: 40%;
}

.login-form-group form {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}

.login-row {
    display: flex;
    align-items: center;
    gap: 16px;
}

.login-label {
    width: 180px;
}

.login-row input {
    width: 220px;
    font-size: 18px;
    padding: 8px 12px;
    box-shadow: 4px 4px 0px gray;
}

#submit-btn {
    width: 40%;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

#submit-btn:hover svg path:first-child {
    fill: yellow;
}