.elementor-30464 .elementor-element.elementor-element-084d728{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cb15213 *//* --- General Body Styles --- */
.container-login-custom {
    color:#333;
    font-family: Lato;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
} 

/* --- Login Form Container --- */
.login-container-custom {
    background-color: #ffffff;
    padding: 80px;
    border-radius: 8px 8px 80px 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 500px;
    max-width: 500px;
    position: relative;
    box-sizing: border-box;
    border-bottom-right-radius: 80px;
}

/* --- Close Button ('x') --- */
.close-btn-custom {
    position: absolute;
    top: 15px;
    right: 20px;
    background: none;
    border: none;
    font-size: 28px;
    color: #aaa;
    cursor: pointer;
}
.close-btn-custom:hover {
   color: #aaa !important;
}

/* --- Heading "Anmelden" --- */
.login-heading-custom {
    font-family: Lato;
    color: #000;
    text-align: left;
    font-size: 28px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 30px;
}

/* --- Form Input Fields --- */
.form-group-custom {
    margin-bottom: 25px;
}

.form-group-custom input[type="text"],
.form-group-custom input[type="password"] {
    border-radius: 0px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 16px;
    background-color: #fff !important;
}

.form-group-custom input[type="text"]:focus,
.form-group-custom input[type="password"]:focus {
    outline: none;
    border-bottom-color: #0d2a25;
}

/* --- Submit Button "SENDEN" --- */
.submit-btn-custom {
    width: 100% !important;
    padding: 14px !important;
    border-radius: 0 10px 10px 10px !important;
    background: #063029 !important;
    color: #ffffff !important;
    border: none!important;
    font-size: 16px!important;
    font-weight: bold !important;
    cursor: pointer!important;
    margin-top: 10px!important;
    transition: background-color 0.2s!important;
}

.submit-btn-custom:hover {
    background-color: #1a4d44 !important;
    color: #fff !important;
}

/* --- Form Info Text --- */
.form-info-custom {
    color: #666;
    margin-top: 15px;
    font-size: 13px;
    text-align: left;
}

.form-info-custom a {
    color: rgba(27, 31, 38, 0.72);
    text-decoration: underline;
}
.form-info-custom a:hover {
    color: rgba(27, 31, 38, 0.72) !important;
    text-decoration: underline;
}
/* --- "Not a customer?" Link at the bottom --- */
.register-link-custom {
    margin-top: 30px;
    font-size: 14px;
    color: #666;
}

.register-link-custom a {
    color: rgba(27, 31, 38, 0.72);
    text-decoration: underline;
}
.register-link-custom a:hover {
    color: rgba(27, 31, 38, 0.72)!important;
    text-decoration: underline!important;
}
.forgot-row { margin-top: 10px; text-align: right; }
.forgot-link { font-size: 14px; text-decoration: underline; color: rgba(27,31,38,.72); }
.forgot-link:hover { color: rgba(27,31,38,1); }/* End custom CSS */