.elementor-7413 .elementor-element.elementor-element-d649572{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:10px;--margin-bottom:10px;--margin-left:0px;--margin-right:10px;}.elementor-7413 .elementor-element.elementor-element-29877d8{--display:flex;}.elementor-7413 .elementor-element.elementor-element-3b97639{--display:flex;}.elementor-7413 .elementor-element.elementor-element-fd500a8{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-7413 .elementor-element.elementor-element-d649572{--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}}/* Start custom CSS *//* 1. STYLING DER ELEMENTOR TABS */
.elementor-tabs-wrapper {
    display: flex;
    justify-content: center;
    background: #f8fafc;
    padding: 8px;
    border-radius: 16px;
    margin-bottom: 30px !important;
}

.elementor-tab-title {
    background: transparent !important;
    border: none !important;
    transition: all 0.3s ease !important;
    border-radius: 12px !important;
}

.elementor-tab-title a {
    color: #64748b !important;
    font-weight: 600 !important;
    padding: 12px 25px !important;
}

.elementor-tab-title.elementor-active {
    background: #ffffff !important;
    box-shadow: 0 4px 15px rgba(168, 85, 247, 0.15) !important;
}

.elementor-tab-title.elementor-active a {
    color: #A855F7 !important; /* Klusta Lila */
}

/* 2. KARTEN-DESIGN FÜR DEN INHALT */
.klusta-form-card, .acf-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.03);
    border: 1px solid #f1f5f9;
}

/* 3. INPUT FELDER (FÜR BEIDE FORMULARE) */
.klusta-form-card input[type="text"],
.klusta-form-card input[type="email"],
.klusta-form-card input[type="password"],
.acf-field input[type="text"],
.acf-field input[type="email"],
.acf-field textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 2px solid #e2e8f0 !important;
    border-radius: 12px !important;
    background: #fcfcfd !important;
    transition: all 0.3s ease !important;
    font-size: 16px !important;
    margin-top: 8px !important;
}

.klusta-form-card input:focus,
.acf-field input:focus,
.acf-field textarea:focus {
    outline: none !important;
    border-color: #A855F7 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(168, 85, 247, 0.1) !important;
}

/* 4. LABELS */
.acf-label label, .klusta-form-card label {
    font-weight: 700 !important;
    color: #1e293b !important;
    display: block;
    margin-top: 15px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* 5. DER SPEICHER-BUTTON */
.klusta-submit-btn, .acf-button {
    background: linear-gradient(135deg, #A855F7 0%, #7C3AED 100%) !important;
    color: white !important;
    border: none !important;
    padding: 15px 35px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    margin-top: 25px !important;
    display: inline-block;
}

.klusta-submit-btn:hover, .acf-button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(124, 58, 237, 0.3) !important;
}

/* 6. GEFAHRENBEREICH (LÖSCHEN-TAB) */
.klusta-delete-zone {
    border: 2px dashed #fee2e2 !important;
    background: #fffbfa !important;
    padding: 40px !important;
    text-align: center;
}

       .klusta-user-identity-box {
            background: rgba(168, 85, 247, 0.05);
            padding: 20px;
            border-radius: 15px;
            margin-bottom: 25px;
            border: 1px solid rgba(168, 85, 247, 0.1);
        }
        .identity-row {
            display: flex;
            gap: 20px;
            margin-top: 10px;
        }
        .identity-item {
            flex: 1;
            margin-bottom: 10px;
        }
        .identity-label {
            display: block;
            font-size: 0.75rem;
            font-weight: 700;
            color: #64748b;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .identity-value {
            font-size: 1rem;
            color: #0f172a;
            font-weight: 600;
        }
        .identity-note {
            font-size: 0.75rem;
            color: #94a3b8;
            margin-top: 10px;
            font-style: italic;
        }
        .klusta-divider {
            border: 0;
            height: 1px;
            background: linear-gradient(to right, transparent, rgba(168, 85, 247, 0.2), transparent);
            margin: 30px 0;
        }/* End custom CSS */