/**** SINGLE POST CTA ****/
.hornisse-scta-wrapper {
    display: flex;
    border-radius: 16px;
    font-family: 'Poppins', sans-serif;
    margin: 3.889vw 0;
}
.hornisse-scta-wrapper.hornisse-scta-wrapper-floating {
    position: absolute;
    right: -22vw;
    top: 8vw;
    padding: 2.222vw 1.667vw;
    justify-content: center;
    align-items: center;
    border: 1px solid #B8B3B4;
    width: 21.528vw;
    z-index: 100;
    background-color: #F8F3F4;
}
.hornisse-scta-wrapper.hornisse-scta-wrapper-text {
    background-color: #fff;
    width: 100%;
    max-width: 51.389vw;
}

.hornisse-scta-wrapper .hornisse-scta-image-desktop {
    width: 42%;
    max-width: 21.667vw;
    border-radius: 16px 0 0 16px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.hornisse-scta-wrapper .hornisse-scta-image-mobile {
    display: none;
}

.hornisse-scta-wrapper .hornisse-scta-content {
    width: 58%;
    display: flex;
    flex-direction: column;
    padding: 2.222vw 1.111vw 2.222vw 2.222vw;
}
.hornisse-scta-wrapper.hornisse-scta-wrapper-floating .hornisse-scta-content {
    padding: 0;
    width: 100%;
}

.hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-title {
    color: #262D2B;
    font-size: 1.528vw;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-description {
    color: #262D2B;
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 1.667vw 0 1.111vw 0;
}

.hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-button a {
    border-bottom: 0.069vw solid #262D2B;
}

.hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-button a:hover {
    border: none;
}

@media screen and (max-width: 1024px) {
    .hornisse-scta-wrapper.hornisse-scta-wrapper-floating {
        display: none;
    }
    .hornisse-scta-wrapper.hornisse-scta-wrapper-text {
        flex-direction: column;
        max-width: 100%;
        margin: 7.292vw 0;
    }
    .hornisse-scta-wrapper.hornisse-scta-wrapper-text > div {
        width: 100%;
    }
    .hornisse-scta-wrapper .hornisse-scta-image-desktop {
        display: none;
    }
    .hornisse-scta-wrapper .hornisse-scta-image-mobile {
        border-radius: 16px 16px 0 0;
        display: flex;
        overflow: hidden;
    }
    .hornisse-scta-wrapper .hornisse-scta-content {
        padding: 4.167vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-title {
        font-size: 2.865vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-description {
        font-size: 2.083vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-button a {
        font-size: 2.344vw;
    }
}
@media screen and (max-width: 767px) {
    .hornisse-scta-wrapper {
        margin: 13.023vw 0;
    }
    .hornisse-scta-wrapper .hornisse-scta-content {
        padding: 7.442vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-title {
        font-size: 5.116vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-description {
        font-size: 3.721vw;
    }
    .hornisse-scta-wrapper .hornisse-scta-content .hornisse-scta-button a {
        font-size: 4.186vw;
    }
}

/**** FAQ CTA ****/
.hornisse-faq-wrapper {
    display: flex;
    border-radius: 16px;
    font-family: 'Poppins', sans-serif;
    background-color: #fff;
    width: 100%;
    max-width: 51.389vw;
    margin: 3.889vw 0;
}

.hornisse-faq-wrapper .hornisse-faq-image-desktop {
    width: 42%;
    max-width: 21.667vw;
    border-radius: 0 16px 16px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.hornisse-faq-wrapper .hornisse-faq-image-mobile {
    display: none;
}

.hornisse-faq-wrapper .hornisse-faq-content {
    width: 58%;
    display: flex;
    flex-direction: column;
    padding: 2.222vw 1.667vw 2.222vw 1.667vw;
}

.hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-title {
    color: #262D2B;
    font-size: 1.528vw;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
}

.hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-description {
    color: #262D2B;
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin: 0.556vw 0 2.222vw 0;
}

.hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-button {
    width: 100%;
}

.hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-button a {
    display: flex;
    color: #064A3D;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    padding: 0.694vw 2.5vw;
    width: 100%;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: 37px;
    border: 2px solid #064A3D;
    transition: all 0.3s ease;
}

.hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-button a:hover {
    color: #F8F3F4;
    border: 2px solid #F7885B;
    background-color: #F7885B;
}

@media screen and (max-width: 1024px) {
    .hornisse-faq-wrapper {
        flex-direction: column;
        max-width: 100%;
        margin: 7.292vw 0;
    }
    .hornisse-faq-wrapper .hornisse-faq-content {
        padding: 4.167vw 3.125vw 4.167vw 3.125vw;
    }
    .hornisse-faq-wrapper > div {
        width: 100% !important;
    }
    .hornisse-faq-wrapper .hornisse-faq-image-desktop {
        display: none;
    }
    .hornisse-faq-wrapper .hornisse-faq-image-mobile {
        border-radius: 16px 16px 0 0;
        display: flex;
        overflow: hidden;
    }
    .hornisse-faq-wrapper .hornisse-faq-content {
        padding: 4.167vw;
    }
    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-title {
        font-size: 2.865vw;
    }
    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-description {
        font-size: 2.083vw;
        margin: 1.042vw 0 4.167vw 0;
    }
    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-button a {
        font-size: 2.344vw;
        padding: 1.302vw 4.688vw;
    }
}
@media screen and (max-width: 767px) {
    .hornisse-faq-wrapper {
        margin: 13.023vw 0;
    }
    .hornisse-faq-wrapper .hornisse-faq-content {
        padding: 7.442vw 5.581vw 7.442vw 5.581vw;
    }

    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-title {
        font-size: 5.116vw;
    }
    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-description {
        font-size: 3.721vw;
        margin: 1.86vw 0 7.442vw 0;
    }
    .hornisse-faq-wrapper .hornisse-faq-content .hornisse-faq-button a {
        font-size: 4.186vw;
        padding: 2.326vw 8.372vw;
    }
}

/**** NEWSLETTER CTA ****/
.hornisse-newsletter-wrapper {
    display: flex;
    border-radius: 16px;
    font-family: 'Poppins', sans-serif;
    background-color: #064A3D;
    color: #fff;
    width: 100%;
    max-width: 51.389vw;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 2.778vw 2.222vw;
    gap: 2.222vw;
    margin: 3.889vw 0;
}

.hornisse-newsletter-wrapper .hornisse-newsletter-top {
    font-size: 1.528vw;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

.hornisse-newsletter-wrapper .hornisse-newsletter-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    gap: 2.222vw;
}

.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-description {
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 36%;
    max-width: 16.806vw;
}
.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form {
    width: 64%;
    display: flex;
}
.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input {
    border-radius: 32px 0 0 32px;
    border: 1px solid #F8F3F4;
    outline: none;
    padding: 0.833vw 2.222vw;
    background-color: #F8F3F4;
    color: #262D2B;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    width: 16.25vw;
}
.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input::placeholder {
    color: #B8B3B4;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button {
    border-radius: 0 32px 32px 0;
    border: 1px solid #F8F3F4;
    height: 3.75vw;
    width: auto;
    flex-grow: 1;
    padding: 0.833vw 2.222vw;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #F8F3F4;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    transition: all 0.3s ease;
}
.hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button:hover {
    background-color: #387468;
}

@media screen and (max-width: 1024px) {
    .hornisse-newsletter-wrapper {
        padding: 4.172vw 2.086vw;
        gap: 4.172vw;
        max-width: 100%;
        width: 100%;
        margin: 7.292vw 0;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom {
        display: flex;
        flex-direction: column;
        gap: 2.086vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom > div {
        width: 100% !important;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-top {
        font-size: 2.865vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-top {
        font-size: 2.865vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-description {
        font-size: 2.086vw;
        max-width: 100%;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form {
        max-width: 100%;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input {
        width: 54.419vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button {
        height: 7.04vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input,
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input::placeholder,
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button {
        font-size: 2.344vw;
    }
}
@media screen and (max-width: 767px) {
    .hornisse-newsletter-wrapper {
        padding: 7.442vw 3.721vw;
        gap: 7.442vw;
        margin: 13.023vw 0;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom {
        gap: 3.721vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-top {
        font-size: 5.116vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-description {
        font-size: 3.721vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button {
        height: 12.558vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input,
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input::placeholder,
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form button {
        font-size: 4.186vw;
    }
    .hornisse-newsletter-wrapper .hornisse-newsletter-bottom .hornisse-newsletter-form input {
        width: inherit;
    }
}