.elementor-14527 .elementor-element.elementor-element-432af16{--display:flex;}.elementor-14527 .elementor-element.elementor-element-12a856f > .elementor-widget-container{padding:30px 30px 30px 30px;}#elementor-popup-modal-14527 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:60px 0px 0px 850px;}#elementor-popup-modal-14527 .dialog-message{width:500px;height:auto;}#elementor-popup-modal-14527{justify-content:center;align-items:flex-start;}#elementor-popup-modal-14527 .dialog-close-button{display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-12a856f *//* ===== POPUP/MODAL RAHMEN ===== */
/* Hauptcontainer des Popups */
.dialog-widget-content {
    border: 0px solid #333333; /* Rahmendicke und -farbe anpassen */
    border-radius: 0px; /* Abgerundete Ecken */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); /* Schatten für Tiefe */
}

/* Alternativ: Nur das Login-Formular umrahmen */
#rcp_login_form {
    border: 0px solid #007cba; /* Blauer Rahmen */
    border-radius: 0px;
    padding: 20px;
    background-color: #ffffff;
}

/* ===== FORMULARFELDER RAHMEN ===== */
/* Alle Eingabefelder */
#rcp_login_form input[type="text"],
#rcp_login_form input[type="password"] {
    border: 1px solid #ddd; /* Standard-Rahmenfarbe */
    border-radius: 0px;
    padding: 10px;
    transition: border-color 0.3s ease;
}

/* Formularfelder bei Fokus */
#rcp_login_form input[type="text"]:focus,
#rcp_login_form input[type="password"]:focus {
    border-color: #1B60AB; /* Fokus-Rahmenfarbe */
    outline: none;
    box-shadow: 0 0 5px rgba(0, 124, 186, 0.3);
}

/* Spezifische Felder einzeln ansprechen */
#rcp_user_login {
    border-color: #28a745; /* Grüner Rahmen für Kundennummer */
}

#rcp_user_pass {
    border-color: #dc3545; /* Roter Rahmen für Passwort */
}

/* ===== BUTTON STYLING ===== */
/* Login-Button */
#rcp_login_submit,
.rcp-button {
    background-color: #1B60AB; /* Hintergrundfarbe */
    border: 2px solid #1B60AB; /* Rahmenfarbe */
    color: #ffffff; /* Textfarbe */
    padding: 12px 25px;
    border-radius: 0px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%; /* Volle Breite */
}

/* Button bei Hover */
#rcp_login_submit:hover,
.rcp-button:hover {
    background-color: #1B60AB;
    border-color: #1B60AB;
    transform: translateY(-2px); /* Leichter Hover-Effekt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Button bei Klick */
#rcp_login_submit:active,
.rcp-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* ===== ZUSÄTZLICHE STYLING-OPTIONEN ===== */

/* Labels stylen */
#rcp_login_form label {
    color: #333;
    font-weight: normal;
    margin-bottom: 5px;
    display: block;
}

/* "Angemeldet bleiben" komplett ausblenden */
#rcp_login_form p:nth-of-type(3) {
    display: none !important;
}

.rcp_lost_password {
    display: none;
}

/* Popup-Hintergrund abdunkeln */
.dialog-widget {
    background-color: rgba(0, 0, 0, 0.7); /* Dunkler Overlay */
}

/* ===== RESPONSIVE ANPASSUNGEN ===== */
@media (max-width: 768px) {
    #rcp_login_form {
        padding: 15px;
        margin: 10px;
    }
    
    #rcp_login_form input[type="text"],
    #rcp_login_form input[type="password"] {
        padding: 8px;
        font-size: 16px; /* Verhindert Zoom auf iOS */
    }
}

/* Abstand über dem Login-Button erhöhen */
#rcp_login_form p:last-child {
    margin-top: 20px;
}/* End custom CSS */