.newsletter-wr {
    display: flex;
    justify-content: center;
	--nl-border-color: #0000007e
}
.newsletter-wr .wpb_wrapper .section-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.newsletter-wr .wpb_wrapper .section-title p {
    max-width: 300px;
    margin-bottom: 0;
}
.newsletter-wr .vc_column-inner {
    margin: 35px 0;
    padding: 0 35px 35px;
    max-width: 960px;
    display: flex;
    justify-content: center;
}
@media (max-width: 767px) {
    .newsletter-wr .vc_column-inner {
        margin: 35px 10px;
    }
}
.newsletter-wr .vc_column-inner .wpb_wrapper {
    max-width: 640px;
}
/* =========================================
   BREVO NEWSLETTER
   ========================================= */

#sib-container {
    width: 100%;
    max-width: none !important;

    padding: 0 !important;

    background: transparent !important;
}

.newsletter-wr .sib-form {
	font-family: "Function Pro";
    padding: 0 !important;
    background: transparent !important;
}


/* =========================================
   FONT
   ========================================= */

#sib-container,
#sib-container input,
#sib-container button,
#sib-container textarea,
#sib-container label,
.sib-form-message-panel {
    font-family: inherit !important;
}


/* =========================================
   FORM
   ========================================= */

#sib-form {
    display: flex;
    align-items: flex-start;

    width: 100%;
}


/* Brevo Wrapper */

#sib-form > div {
    padding: 0 !important;
}


/* =========================================
   INPUT WRAPPER
   ========================================= */

#sib-form > div:has(.sib-input) {
    flex: 1 1 auto;
    min-width: 0;
}

#sib-form .sib-input {
    padding: 0 !important;
}

#sib-form .form__entry {
    width: 100%;
}

#sib-form .form__label-row {
    width: 100%;
}


/* =========================================
   INPUT
   ========================================= */

#sib-form .entry__field {
    width: 100%;
    height: 54px;

    margin: 0 !important;

    border: 1px solid var(--nl-border-color) !important;
    border-right: 0 !important;

    border-radius: 50px 0 0 50px !important;

    background: #fff !important;

    overflow: hidden;
}

#sib-form .entry__field input {
    display: block;

    width: 100%;
    height: 52px;

    margin: 0;
    padding: 0 25px !important;

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

    background: transparent !important;

    font-family: inherit !important;
    font-size: 16px !important;
    color: #000 !important;
}


/* Placeholder */

#sib-form .entry__field input::placeholder {
    font-family: inherit !important;

    color: #777 !important;
    opacity: 1;
}


/* =========================================
   BUTTON WRAPPER
   ========================================= */

#sib-form > div:has(.sib-form-block__button) {
    flex: 0 0 auto;
}

#sib-form > div:has(.sib-form-block__button) .sib-form-block {
    padding: 0 !important;
    border: 1px solid var(--nl-border-color);
    border-left-width: 0px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background: #fff !important;
}


/* =========================================
   BUTTON
   ========================================= */

#sib-form .sib-form-block__button {
    display: flex;
    align-items: center;
    justify-content: center;

    height: 52px !important;

    margin: 0 !important;
    padding: 0 27px !important;

    /*
     * 1px schwarze Außenlinie
     * + 3px weiße Innenlinie
     */

    border: 3px solid #fff !important;

    border-radius: 50px !important;

    background-color: #f5edea !important;
    color: #000 !important;

    font-family: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;

    line-height: 1;
    white-space: nowrap;

    cursor: pointer;

    transition: background-color 250ms ease, color 250ms ease;
}


/* =========================================
   BUTTON HOVER
   ========================================= */

#sib-form .sib-form-block__button:hover {
    background-color: #000 !important;
    color: #fff !important;
}


/* =========================================
   FIELD ERROR
   ========================================= */

#sib-form .entry__error {
    margin-top: 0px;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 1.5;
    border-radius: 6px;
    padding: 5px;
    margin-left: 25px;
}


/* =========================================
   BREVO SUCCESS / ERROR
   ========================================= */

.sib-form-message-panel {
    display: none;

    width: 100%;
    max-width: none !important;

    margin: 0 0 15px !important;

    font-family: inherit !important;
}

.sib-form-message-panel__text {
    font-family: inherit !important;
}

.sib-form-message-panel .sib-notification__icon {
    width: 20px;
    height: 20px;
}


/* =========================================
   RECAPTCHA
   ========================================= */

#sib-form > div:has(.g-recaptcha-v3) {
    display: none;
}


/* =========================================
   AUTOFILL
   ========================================= */

#sib-form input:-webkit-autofill,
#sib-form input:-webkit-autofill:hover,
#sib-form input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000;

    transition: background-color 9999s ease-out;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    #sib-form {
        flex-direction: column;
        gap: 10px;
    }


    /* Input */

    #sib-form > div:has(.sib-input) {
        width: 100%;
    }

    #sib-form .entry__field {
        border: 1px solid var(--nl-border-color) !important;
        border-radius: 50px !important;
    }


    /* Button */

    #sib-form > div:has(.sib-form-block__button) {
        width: 100%;
    }

    #sib-form .sib-form-block__button {
        width: 100%;

        border-radius: 50px !important;

        text-align: center !important;
        
        background-color: #000 !important;
        color: #fff !important;
    }
    
    #sib-form > div:has(.sib-form-block__button) .sib-form-block {
        border-radius: 25px;
    }

}