:root {
    --color-primary-dark: #002240;
    --color-accent: #c9a84c;
    --color-accent-alt: #244d62;
    --color-white: #f8f5f0;
    --color-dark: #353535;
    --color-text-muted: #353535;
    --color-overlay-light: rgba(255, 255, 255, 0.9);
    --color-overlay-dark: rgba(8, 16, 25, 0.25);
    --color-shadow-dark: rgba(0, 0, 0, .5);
    --color-shadow-popup: rgba(8, 16, 25, 0.5);
    --color-border-accent: #7d989a;
}

/**
 *
 * PAGE HEADER Customizing
 *
 **/
.custom-header-slider .content {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: calc(50% - 100px) !important;
    background: var(--color-overlay-light);
    /*border: 1px solid var(--color-accent);*/
    /*border-radius: 5px;*/
    padding: 1em 0;
    min-width: 40vw;
    width: 70vw;
    height: 200px;
    max-width: 70vw;
    padding: 1em;
}

.custom-header-slider .content h3 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
}

.custom-header-slider .content h3:after {
    content: "";
    background: url(/wp-content/uploads/2026/03/hhv_Horizontal-color.png) center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 75px;
    display: block;
    margin-top: .5em;
    bottom: 20px
}


.custom-header-slider-category .content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    top: calc(50% - 125px) !important;
    background: var(--color-overlay-light);
    border: 1px solid var(--color-accent);
    border-radius: 5px;
    padding: 1em 0;
    min-width: 40vw;
    width: 70vw;
    height: 250px;
    max-width: 70vw;
    padding: 1em;
}

.custom-header-slider-category:hover .content {
    border-width: 3px;
}

.custom-header-slider-category .content h3 {
    display: flex;
    flex-direction: column;
    font-weight: 400;
}

.ns-custom-icon-image img {
    height: 75px !important;
    width: 42.75px !important
    min-width: 30px;
    max-width: 100px;
}


.swiper-slide-active .container .content > h3,
.swiper-slide-active .container .content > p {
    transform: translateZ(0px) translateY(0px) !important;
    opacity: 1 !important;
}

/**
 *
 * NAV Customizing
 *
 **/
nav li a span {
    color: var(--color-text-muted);
}

nav .sf-menu li ul li .sf-sub-indicator {
    top: 8px !important;
    right: -15px !important;
}

/**
 *
 * BREADCRUMBS Customizing
 *
 **/
#breadcrumbs {
    font-size: 0.8em;
    color: var(--color-primary-dark);
}

#breadcrumbs a {
    color: var(--color-primary-dark);
}

/**
 *
 * FOOTER Customizing
 *
 **/

#footer-outer .row {
    display: flex;
    align-items: center;
}

.wp-container-1,
.wp-container-2,
.wp-container-3,
.wp-container-4,
#block-27 {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

#block-18 {
    margin-bottom: 0 !important;
}

#block-18 > div.wp-block-columns {
    justify-content: center;
}

#block-18 > .wp-block-image {
    text-align: center !important;
}

#block-9 > div.wp-block-buttons,
#block-13 > div.wp-block-buttons {
    text-align: center;
}

.wp-container-1 > .wp-block-button a,
.wp-container-4 > .wp-block-button a {
    display: flex;
    background-color: var(--color-accent);
    padding: 15px 120px;
    width: 180px;
    border-radius: 10px;
    justify-content: center;
}

#footer-outer .wp-block-buttons a:not(.nectar-button) {
    color: var(--color-dark) !important;
}

#footer-outer[data-custom-color=true] #footer-widgets a:not(.nectar-button):hover {
    opacity: 1;
    background: var(--color-white) !important;
}

body #footer-outer #footer-widgets .row {
    padding-bottom: 0 !important;
}

#footer-outer #copyright {
    padding-top: 0 !important
}

#copyright .container > .col > p {
    margin: 50px 0 !important;
}

#footer-outer #copyright a:not(.nectar-button) {
    font-weight: bold !important;
    color: var(--color-accent) !important;
    line-height: 1.5em !important;
}

#footer-outer #copyright a:hover:not(.nectar-button) {
    color: var(--color-white) !important;
}

.footer-icons {
    display: flex;
    flex-direction: row;
    gap: 20px;
    text-align: center;
    align-items: start;
}

.footer-icons a {
    display: flex;
}

.footer-icons img {
    width: 85px;
    height: 85px;
}

/**
 *
 * PAGE HOME Customizing
 *
 **/
#homeFlipBoxes .flip-box-front,
#homeFlipBoxes .flip-box-back {
    border-radius: 5px;
    height: 100px !important;
}

#homeFlipBoxes .nectar-flip-box .flip-box-back .inner,
#homeFlipBoxes .nectar-flip-box .flip-box-front .inner {
    padding: 10px !important;
}

#homeFlipBoxes .nectar-flip-box .flip-box-front .im-icon-wrap {
    margin-bottom: 0
}

#homeFlipBoxes .flip-box-front .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    font-size: 1.75em;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
    color: var(--color-white);
}

#homeFlipBoxes .flip-box-back .inner .im-icon-wrap {
    color: var(--color-white);
}

.highlightedText {
    font-size: 24px !important;
    line-height: 30px !important;
    font-family: "Cormorant Garamond", serif;
    font-weight: 600;
}

.custom-grid-height .wpb_column {
    min-height: 155px !important;
}

.custom-grid-height .vc_column-inner h3 {
    font-size: 1.4vw !important;
    line-height: 1.7vw !important;
    word-break: break-word;
}

.custom-grid-height .vc_column-inner:hover h3 {
    color: var(--color-accent);
}

.custom-grid-logo::after {
    content: "";
    position: absolute;
    background: url(/wp-content/uploads/2022/09/Herzhandverstand-Logo-Farbe-Icon.png) center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    display: block;
    visibility: visible;
    top: 0;
    left: 0;
}

del {
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

del:after {
    border-top: 2px solid var(--color-dark);
    position: absolute;
    content: "";
    right: 0;
    top: 60%;
    left: 0;
}

.meta-category {
    display: none;
}

.nectar-button {
    border-radius: 5px !important;
}

.nectar-button span {
    font-size: 1.2em !important;
}


.custom-home-references .post.type-post {
    padding: 2em 3em;
}

.custom-home-references .post.type-post::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    left: 105%;
    background: var(--color-dark);
    visibility: visible;
}


.custom-home-references .post.type-post:last-child::after {
    visibility: hidden;
}

.custom-home-references .post.type-post .post-header h3 {
    font-size: 20px;
}

.testimonial_slider .controls {
    display: none !important;
}

.nectar-rotating-words-title.element_stagger_words .beginning-text span, .nectar-rotating-words-title.element_stagger_words .dynamic-words span, .nectar-rotating-words-title.element_stagger_words .ending-text span {
    line-height: 1.4em;
}

.container.normal-container.slider-pagination-wrap {
    display: none;
}

em.animated {
    text-transform: none !important;
}

/**
 *
 * POPUP Customizing
 *
 **/
.fancybox-bg {
    background-color: var(--color-overlay-dark) !important;
}

.fancybox-slide--html {
    padding: 0 !important;
}

.fancybox-is-open .fancybox-inner {
    height: 60vh !important;
    width: 80vw !important;
    left: 10vw;
    top: 17.5vh;
}

.fancybox-is-open .fancybox-stage {
    box-shadow: 0 30px 40px var(--color-shadow-popup) !important;
}

button.fancybox-button {
    background: transparent !important;
}

.dh-popup {
    width: 100% !important;
    height: 100% !important;
    padding: 2em !important;
}

.dh-popup ul,
.dh-popup p {
    margin-left: 20px;
    width: 80%;
}

.dh-popup li {
    margin-bottom: 15px;
    line-height: 22px;
}

.nectar-highlighted-text em {
    text-transform: uppercase;
}

.vertical-line::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    left: 90%;
    background: #000;
    visibility: visible;
}

.edit-link {
    display: none;
}

.custom-link {
    display: inline-block !important;
    width: auto !important;
    background: rgb(216, 172, 167);
    border-radius: 5px;
    color: var(--color-dark) !important;
    padding: 0.75em 1.5em !important;
    font-family: "Cormorant Garamond", serif !important;
    font-weight: bold !important;
}

.custom-link:hover,
.custom-link:focus {
    box-shadow: 5px 5px 15px var(--color-shadow-dark);
    cursor: pointer;
}

/**
 *
 * LEISTUNGEN SUBSITES Customizing
 *
 **/
.custom-card-grid {
    margin-bottom: 0 !important;
}

.custom-card-grid:first-child {
    padding-top: 40px !important;
    border-radius: 5px 5px 0px 0px;
}

.custom-card-grid:last-child {
    padding-bottom: 40px !important;
    border-radius: 0px 0px 5px 5px;
}

.custom_service_carousel .owl-item .carousel-item .vc_column-inner {
    min-height: 255px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-column-bg-image,
.custom-column-bg-image > div.vc_column-inner {
    min-height: 300px !important;
}

/**
 *
 * HIGHLIGHTED TEXT Customizing
 *
 **/
.nectar-highlighted-text[data-style="regular_underline"] em.animated {
    background-size: 80% 3px !important;
    padding-bottom: 6px;
    padding-left: 6px;
}

/**
 *
 * TEXT LIST Customizing
 *
 **/
.wpb_text_column > .wpb_wrapper > ul {
    margin-left: 20px !important;
    width: 80%;
}


.wpb_text_column > .wpb_wrapper > ul > li {
    margin-bottom: 15px;
    line-height: 22px;
}

.vertical-line-90::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 90%;
    top: 0%;
    left: 90%;
    background: #000;
    visibility: visible;
}

/**
 *
 * WPFORMS Customizing
 *
 **/
ul#wpforms-477-field_8,
{
    padding-left: 0;
    margin-left: 0;
}

ul#wpforms-477-field_8 li {
    list-style-type: none;
    line-height: 1em;
}

ul#wpforms-477-field_8 li input[type="checkbox"] {
    margin-right: 10px
}

ul#wpforms-477-field_8 label,
#wpforms-477-field_8-container .wpforms-field-description {
    font-size: .8em !important;
    font-style: italic !important;
    line-height: 1.5em;
}

#wpforms-477-field_8-container {
    margin-bottom: 30px;
}

#wpforms-477-field_8-container ul {
    margin-bottom: 0;
    margin-left: 0;
}

#wpforms-477-field_8-container .wpforms-field-description {
    margin-left: 0px;
    margin-top: 0;
}

#wpforms-477-field_8-container .wpforms-field-description a {
    color: var(--color-accent-alt);
}

#wpforms-477-field_8-container .wpforms-field-description a:hover {
    text-decoration: underline;
}

.wpforms-submit {
    background: var(--color-accent) !important;
    font-size: 18px !important;
    padding: 2.5% 7.5% !important;
    color: var(--color-dark) !important;
}

.wpforms-submit:hover,
.wpforms-submit:focus {
    color: var(--color-white) !important;
}


/**
 *
 * REFERENZEN Customizing
 *
 **/
.custom-reference-text > .wpb_wrapper > p {
    font-size: .75em;
    padding-bottom: 0 !important;
}

/**
 *
 * Sticky Button Customizing
 *
 **/
#ssb-container {
    top: 50%;
}

#ssb-container ul li p {
    padding: 0 !important;
}

/**
 *
 * Inspiration Customizing
 *
 **/
#instagram_herzhandverstand .sbi_follow_btn a:hover {
    background: var(--color-primary-dark) !important;
    box-shadow: inset 0 0 10px 20px var(--color-primary-dark) !important;
}

#instagram_pairformance a.sbi_load_btn:hover {
    background: var(--color-accent);
}

/**
 *
 * MOBILE Customizing
 *
 **/
@media only screen and (min-width: 1350px) {
    .custom-grid-height .vc_column-inner h3 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}


@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    /**
 *  PAGE HOME
 **/
    .custom-grid-height h4 {
        font-size: 16px !important;
    }
}

@media only screen and (max-width: 1000px) {
    /**
     * Header
     **/
    .custom-header-slider .container,
    .custom-header-slider-category .container {
        max-width: 70vw !important;
    }

    /**
     * Footer
     **/
    #footer-outer .row {
        flex-direction: column;
    }

    #footer-outer .row .col.span_4 {
        margin: 0;
    }

    #footer-outer .row .col.span_4:nth-child(2) {
        display: none;
    }

    .footer-icons {
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-icons img {
        width: 85px !important;
        height: 85px !important;
    }

    /**
     *  PAGE HOME
     **/
    .custom-grid-height {
        margin-bottom: 0 !important;
    }

    .custom-grid-height .vc_column-inner h3 {
        font-size: 1em !important;
        line-height: 1.5em !important;
    }

    .custom-grid-logo {
        display: none !important;
    }

    .custom-grid-logo::after {
        display: none !important;
    }

    body .testimonial_slider blockquote p {
        font-size: 16px;
        line-height: 20px;
    }

    /**
     * Highlighted Text
     **/
    .highlightedText {
        font-size: 20px !important;
        line-height: 24px !important;
    }

    /**
     * POPUP Customizing
     **/
    .dh-popup {
        height: 80vh;
        overflow: scroll;
    }

    .vertical-line::after {
        visibility: hidden;
    }

    /**
     * LIST Customizing
     **/
    .vertical-line-90::after {
        visibility: hidden;
    }


    /**
     *
     * LEISTUNGEN SUBSITES Customizing
     *
     **/
    .custom_service_carousel .owl-item .carousel-item .vc_column-inner {
        min-height: 240px !important;
    }

    .owl-carousel[data-desktop-cols] .owl-stage {
        padding: 0 !important;
    }

    .owl-item > .carousel-item > div {
        margin-bottom: 0 !important;
    }

    .container-wrap .main-content .column-image-bg-wrap[data-bg-pos="center center"] .column-image-bg {
        background-position: top center !important;
    }
}

@media only screen and (max-width: 690px) {
    .custom-header-slider-category .content {
        height: auto;
    }

    .custom-header-slider-category .content .ns-custom-icon {
        display: none;
    }

    .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev, .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
        top: 50% !important;
    }

    .testimonial_slider[data-style="minimal"] .testimonial-next-prev .prev {
        left: -10px;
    }

    .testimonial_slider[data-style="minimal"] .testimonial-next-prev .next {
        right: -10px;
    }

    .container.normal-container.slider-pagination-wrap {
        display: inherit;
    }

    .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-quick-view-box .flickity-page-dots .dot.is-selected:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before {
        box-shadow: inset 0 0 0 1px #fff !important;
    }

    .bg-img-custom-height {
        height: 250px;
    }
}