.elementor-4551 .elementor-element.elementor-element-6af87544{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-58a84194 *//* --- 1. OCEANWP UMSCHALTER (ANMELDEN / REGISTRIEREN) --- */
.woocommerce-account .owp-account-link {
    color: #7BB584 !important;               /* Ihr Grün */
    font-family: "2 Stringline DNA", sans-serif !important; /* Ihre Schrift */
    font-size: 30px !important;
    text-decoration: none !important;
    background: none !important;
    border: none !important;
    padding: 0 10px !important;
    font-weight: normal !important;
    
    /* HIER IST DIE ÄNDERUNG: Erster Buchstabe wird groß */
    text-transform: capitalize !important; 
}

/* Hover-Effekt */
.woocommerce-account .owp-account-link:hover,
.woocommerce-account .current .owp-account-link {
    color: #7BB584 !important;
    opacity: 0.8 !important;
}

/* Trennzeichen (falls vorhanden) einfärben */
.woocommerce-account .owp-account-links li::after {
    color: #7BB584 !important;
}


/* --- 2. DAS FORMULAR (DIE BOX) --- */
.woocommerce-account form.woocommerce-form-login,
.woocommerce-account form.woocommerce-form-register {
    border: 2px solid #7BB584 !important;    /* Grüner Rahmen */
    border-radius: 30px !important;          /* Rund */
    padding: 40px !important;
    margin: 20px auto 0 auto !important;
    max-width: 450px !important;
    background-color: #ffffff !important;
    
    /* Flexbox für Sortierung */
    display: flex !important;
    flex-direction: column !important;
}

/* Struktur aufbrechen */
.woocommerce-account form.woocommerce-form-login p {
    display: contents !important;
}


/* --- 3. SORTIERUNG DER ELEMENTE --- */

/* PLATZ 1: EINGABEFELDER */
.woocommerce-account form.woocommerce-form-login .form-row {
    order: 1 !important;
    margin-bottom: 15px !important;
    display: block !important;
    width: 100% !important;
}

/* Styling Input-Felder */
.woocommerce-account input.woocommerce-Input {
    padding: 12px !important;
    border-radius: 10px !important;
    border: 1px solid #ccc !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.woocommerce-account input.woocommerce-Input:focus {
    border-color: #7BB584 !important;
    outline: none !important;
}

/* PLATZ 2: "ANGEMELDET BLEIBEN" (Kästchen RECHTS) */
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme {
    order: 2 !important;
    display: flex !important;
    flex-direction: row-reverse !important; /* Text links, Kästchen rechts */
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    cursor: pointer !important;
}
/* Reset Checkbox */
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__rememberme input {
    margin: 0 !important;
}

/* PLATZ 3: BUTTON "ANMELDEN" */
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit {
    order: 3 !important;
    background-color: #7BB584 !important;
    color: #ffffff !important;
    border-radius: 30px !important;
    padding: 12px 40px !important;
    border: none !important;
    font-weight: bold !important;
    margin: 0 auto 20px auto !important; 
    display: block !important;
    width: auto !important;
}
.woocommerce-account form.woocommerce-form-login .woocommerce-form-login__submit:hover {
    background-color: #7BB584 !important;
    transform: none !important;
}

/* PLATZ 4: "PASSWORT VERGESSEN" */
.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword {
    order: 4 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
}
.woocommerce-account form.woocommerce-form-login .woocommerce-LostPassword a {
    color: #555555 !important;
    text-decoration: underline !important;
    font-size: 14px !important;
}

/* DETAILS: Passwort-Auge */
.woocommerce-account .woocommerce-form-login .show-password-input {
    color: #7BB584 !important;
    font-weight: 900 !important;
    font-size: 18px !important;
    top: 10px !important;
    right: 15px !important;
    opacity: 1 !important;
}

/* 1. Den Rahmen der Box grün färben */
.woocommerce-info {
    border-color: #7BB584 !important;      /* Rahmenfarbe ändern */
    border-top-color: #7BB584 !important;  /* Sicherstellen, dass auch der obere Rand grün ist */
}

/* 2. Das kleine "i" Icon davor auch grün färben */
.woocommerce-info::before {
    color: #7BB584 !important;
}


/* --- 4. "oder" KREIS ENTFERNEN & KLEINSCHREIBEN --- */
.woocommerce-account li.or, 
li.or {
    border: none !important;              /* Entfernt den Kreis-Rahmen */
    border-radius: 0 !important;          /* Entfernt die runde Form */
    width: auto !important;               /* Hebt die feste Breite auf */
    height: auto !important;              /* Hebt die feste Höhe auf */
    background: transparent !important;   /* Entfernt den Hintergrund */
    letter-spacing: normal !important;    /* Verhindert unnatürliche Abstände */
    font-size: 14px !important;           /* Macht das Wort dezent kleiner */
    line-height: normal !important; 
    padding: 10px 15px !important;        /* Platz nach links und rechts */
    display: inline-block !important;     /* Sauber in einer Zeile */
    color: #555555 !important;            /* Dezentes Grau */
    text-transform: lowercase !important; /* Zwingt das Wort zur Kleinschreibung */
}/* End custom CSS */