/* =========================================================
   OWK Newsletter Bestellung / Popup
   MailPoet Formular im OWK-Stil
   ========================================================= */

/* Grundausrichtung */
.owk-newsletter-signup {
    text-align: center;
}

.owk-newsletter-signup .mailpoet_form,
.owk-newsletter-signup form.mailpoet_form,
.owk-newsletter-signup .mailpoet_form form,
.mailpoet_form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;

    text-align: center !important;
}

.owk-newsletter-signup .mailpoet_paragraph,
.mailpoet_form .mailpoet_paragraph {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;

    text-align: center !important;
}

/* =========================================================
   OWK Newsletter – E-Mail-Feld
   ========================================================= */

.owk-newsletter-signup input[type="email"],
.owk-newsletter-signup input[type="text"],
.owk-newsletter-signup input.mailpoet_text,
.owk-newsletter-signup .mailpoet_text,
.owk-newsletter-signup .mailpoet_form input[type="email"],
.owk-newsletter-signup .mailpoet_form input[type="text"],
.mailpoet_form input[type="email"],
.mailpoet_form input[type="text"],
.mailpoet_form input.mailpoet_text,
.mailpoet_form .mailpoet_text {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 58px !important;
    padding: 0 18px !important;

    border: 2px solid rgba(40, 125, 70, 0.34) !important;
    border-radius: 18px !important;

    background: #ffffff !important;
    color: var(--owk-text, #1f1f1f) !important;

    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;

    box-shadow: none !important;
    outline: none !important;

    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.owk-newsletter-signup input[type="email"]:focus,
.owk-newsletter-signup input[type="text"]:focus,
.owk-newsletter-signup input.mailpoet_text:focus,
.owk-newsletter-signup .mailpoet_text:focus,
.owk-newsletter-signup .mailpoet_form input[type="email"]:focus,
.owk-newsletter-signup .mailpoet_form input[type="text"]:focus,
.mailpoet_form input[type="email"]:focus,
.mailpoet_form input[type="text"]:focus,
.mailpoet_form input.mailpoet_text:focus,
.mailpoet_form .mailpoet_text:focus {
    border-color: var(--owk-accent, #287d46) !important;
    box-shadow: 0 0 0 4px rgba(40, 125, 70, 0.14) !important;
}

/* =========================================================
   OWK Newsletter – Absenden-Button
   ========================================================= */

.owk-newsletter-signup input[type="submit"],
.owk-newsletter-signup button[type="submit"],
.owk-newsletter-signup input.mailpoet_submit,
.owk-newsletter-signup button.mailpoet_submit,
.owk-newsletter-signup .mailpoet_submit,
.owk-newsletter-signup .mailpoet_form input[type="submit"],
.owk-newsletter-signup .mailpoet_form button[type="submit"],
.owk-newsletter-signup .mailpoet_paragraph input[type="submit"],
.owk-newsletter-signup .mailpoet_paragraph button[type="submit"],
.mailpoet_form .mailpoet_submit,
.mailpoet_form input.mailpoet_submit,
.mailpoet_form button.mailpoet_submit,
.mailpoet_form input[type="submit"],
.mailpoet_form button[type="submit"],
.mailpoet_form input[type="button"],
.mailpoet_paragraph .mailpoet_submit,
.mailpoet_paragraph input[type="submit"],
.mailpoet_paragraph button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 280px !important;
    max-width: 100% !important;
    min-height: 58px !important;

    margin: 10px auto 0 !important;
    padding: 0 34px !important;

    border: 2px solid var(--owk-accent, #287d46) !important;
    border-radius: 999px !important;

    background: var(--owk-accent, #287d46) !important;
    background-color: var(--owk-accent, #287d46) !important;
    color: #ffffff !important;

    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;

    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16) !important;

    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.owk-newsletter-signup input[type="submit"]:hover,
.owk-newsletter-signup button[type="submit"]:hover,
.owk-newsletter-signup input.mailpoet_submit:hover,
.owk-newsletter-signup button.mailpoet_submit:hover,
.owk-newsletter-signup .mailpoet_submit:hover,
.owk-newsletter-signup .mailpoet_form input[type="submit"]:hover,
.owk-newsletter-signup .mailpoet_form button[type="submit"]:hover,
.owk-newsletter-signup input[type="submit"]:focus,
.owk-newsletter-signup button[type="submit"]:focus,
.owk-newsletter-signup input.mailpoet_submit:focus,
.owk-newsletter-signup button.mailpoet_submit:focus,
.owk-newsletter-signup .mailpoet_submit:focus,
.owk-newsletter-signup .mailpoet_form input[type="submit"]:focus,
.owk-newsletter-signup .mailpoet_form button[type="submit"]:focus,
.mailpoet_form .mailpoet_submit:hover,
.mailpoet_form input.mailpoet_submit:hover,
.mailpoet_form button.mailpoet_submit:hover,
.mailpoet_form input[type="submit"]:hover,
.mailpoet_form button[type="submit"]:hover,
.mailpoet_form input[type="button"]:hover,
.mailpoet_form .mailpoet_submit:focus,
.mailpoet_form input.mailpoet_submit:focus,
.mailpoet_form button.mailpoet_submit:focus,
.mailpoet_form input[type="submit"]:focus,
.mailpoet_form button[type="submit"]:focus,
.mailpoet_form input[type="button"]:focus {
    border-color: var(--owk-accent-hover, #226C35) !important;

    background: var(--owk-accent-hover, #226C35) !important;
    background-color: var(--owk-accent-hover, #226C35) !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

    outline: none !important;
}

/* MailPoet setzt bei dir direkt #mailpoet_form_1 auf text-align:left */
#mailpoet_form_1,
.owk-newsletter-signup #mailpoet_form_1 {
    text-align: center !important;
}

#mailpoet_form_1 .mailpoet_paragraph,
.owk-newsletter-signup #mailpoet_form_1 .mailpoet_paragraph {
    text-align: center !important;
}

#mailpoet_form_1 .mailpoet_submit,
#mailpoet_form_1 input[type="submit"],
#mailpoet_form_1 button[type="submit"] {
    display: inline-flex !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =========================================================
   OWK Popup – Schließen-Button
   ========================================================= */

.owk-popup-close,
.owk-popup__close,
.owk-popup button[aria-label="Schließen"],
.owk-popup button[aria-label="Close"],
button.owk-popup-close,
button.owk-popup__close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;
    padding: 0 !important;

    border: 2px solid var(--owk-accent, #287d46) !important;
    border-radius: 999px !important;

    background: var(--owk-accent, #287d46) !important;
    background-color: var(--owk-accent, #287d46) !important;
    color: #ffffff !important;

    font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease !important;
}

.owk-popup-close:hover,
.owk-popup__close:hover,
.owk-popup button[aria-label="Schließen"]:hover,
.owk-popup button[aria-label="Close"]:hover,
button.owk-popup-close:hover,
button.owk-popup__close:hover,
.owk-popup-close:focus,
.owk-popup__close:focus,
.owk-popup button[aria-label="Schließen"]:focus,
.owk-popup button[aria-label="Close"]:focus,
button.owk-popup-close:focus,
button.owk-popup__close:focus {
    border-color: var(--owk-accent-hover, #226C35) !important;

    background: var(--owk-accent-hover, #226C35) !important;
    background-color: var(--owk-accent-hover, #226C35) !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

    outline: none !important;
}

.owk-popup-close *,
.owk-popup__close *,
.owk-popup button[aria-label="Schließen"] *,
.owk-popup button[aria-label="Close"] * {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* =========================================================
   OWK Newsletter – Darkmode
   ========================================================= */

body.owk-darkmode .owk-newsletter-signup input[type="email"],
body.owk-darkmode .owk-newsletter-signup input[type="text"],
body.owk-darkmode .owk-newsletter-signup input.mailpoet_text,
body.owk-darkmode .owk-newsletter-signup .mailpoet_text,
body.owk-darkmode .mailpoet_form input[type="email"],
body.owk-darkmode .mailpoet_form input[type="text"],
body.owk-darkmode .mailpoet_form input.mailpoet_text,
body.owk-darkmode .mailpoet_form .mailpoet_text {
    background: var(--owk-bg-surface, #242926) !important;
    color: var(--owk-text, #edf3ee) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

body.owk-darkmode .owk-newsletter-signup input[type="email"]:focus,
body.owk-darkmode .owk-newsletter-signup input[type="text"]:focus,
body.owk-darkmode .owk-newsletter-signup input.mailpoet_text:focus,
body.owk-darkmode .owk-newsletter-signup .mailpoet_text:focus,
body.owk-darkmode .mailpoet_form input[type="email"]:focus,
body.owk-darkmode .mailpoet_form input[type="text"]:focus,
body.owk-darkmode .mailpoet_form input.mailpoet_text:focus,
body.owk-darkmode .mailpoet_form .mailpoet_text:focus {
    border-color: var(--owk-accent, #c6b200) !important;
    box-shadow: 0 0 0 4px rgba(198, 178, 0, 0.18) !important;
}

/* =========================================================
   OWK Newsletter – Mobil
   ========================================================= */

@media (max-width: 640px) {
    .owk-newsletter-signup input[type="submit"],
    .owk-newsletter-signup button[type="submit"],
    .owk-newsletter-signup input.mailpoet_submit,
    .owk-newsletter-signup button.mailpoet_submit,
    .owk-newsletter-signup .mailpoet_submit,
    .mailpoet_form .mailpoet_submit,
    .mailpoet_form input[type="submit"],
    .mailpoet_form button[type="submit"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .owk-popup-close,
    .owk-popup__close,
    .owk-popup button[aria-label="Schließen"],
    .owk-popup button[aria-label="Close"],
    button.owk-popup-close,
    button.owk-popup__close {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        min-height: 46px !important;

        font-size: 1.65rem !important;
    }
}


/* =========================================================
   OWK Newsletter Popup – Overlay und Kartenhintergrund
   ========================================================= */

/* Außenbereich: nur abdunkeln, kein Bild */
.owk-popup {
    background: rgba(0, 0, 0, 0.58) !important;
}

/* Eigentliche Popup-Karte: Bild + helle Überlagerung */
.owk-popup__content,
.owk-popup-content,
.owk-popup__inner {
    background:
        linear-gradient(
            rgba(255, 255, 255, 0.82),
            rgba(255, 255, 255, 0.90)
        ),
        url("https://development.odenwaldklub-hoechst.de/owk2026/wp-content/themes/owk-klubheim.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 34px !important;
    overflow: hidden !important;
}

/* Darkmode: außen dunkler, innen dunkle Bildüberlagerung */
body.owk-darkmode .owk-popup {
    background: rgba(0, 0, 0, 0.78) !important;
}

body.owk-darkmode .owk-popup__content,
body.owk-darkmode .owk-popup-content,
body.owk-darkmode .owk-popup__inner {
    background:
        linear-gradient(
            rgba(16, 18, 17, 0.72),
            rgba(16, 18, 17, 0.86)
        ),
        url("https://development.odenwaldklub-hoechst.de/owk2026/wp-content/themes/owk-klubheim.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 34px !important;
    overflow: hidden !important;
}

/* =========================================================
   OWK Newsletter Popup – Overlay und Kartenhintergrund
   ========================================================= */

/* Außenbereich: nur abdunkeln, kein Bild */
.owk-popup {
    background: rgba(0, 0, 0, 0.88) !important;
}

/* Eigentliche Popup-Karte: Bild + helle Überlagerung */
.owk-popup__content,
.owk-popup-content,
.owk-popup__inner {
    background:
        linear-gradient(
            rgba(255, 255, 255, 0.82),
            rgba(255, 255, 255, 0.90)
        ),
        url("https://development.odenwaldklub-hoechst.de/owk2026/wp-content/themes/owk-klubheim.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 34px !important;
    overflow: hidden !important;
}

/* Darkmode: außen dunkler, innen dunkle Bildüberlagerung */
body.owk-darkmode .owk-popup {
    background: rgba(0, 0, 0, 0.78) !important;
}

body.owk-darkmode .owk-popup__content,
body.owk-darkmode .owk-popup-content,
body.owk-darkmode .owk-popup__inner {
    background:
        linear-gradient(
            rgba(16, 18, 17, 0.72),
            rgba(16, 18, 17, 0.86)
        ),
        url("https://development.odenwaldklub-hoechst.de/owk2026/wp-content/themes/owk-klubheim.webp") !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    border-radius: 34px !important;
    overflow: hidden !important;
}