/*
Theme Name: Weblabels v5.0 - Child Theme
Theme URI: https://www.weblabels.de
Author: Patrick Hinz | Weblabels
Author URI: https://www.weblabels.de
Description: Die v5.0.5 des hauseigenen Themes von Weblabels
Template:     weblabels
Version:      5.0.5
*/


/*##################################
        Generelle Styles
##################################*/

button {
        color: var(--e-global-color-f10a8cb) !important;
        border-color: var(--e-global-color-f10a8cb) !important;
}

button:hover {
        color: var(--e-global-color-70651b5) !important;
        border-color: var(--e-global-color-70651b5) !important;
}

.fa-search:before {
        color: white !important;
}

a.negativ {
        color: #fff !important;
}

.jet-search-filter__input {
        color: var(--e-global-color-primary);
}

/*
@media (max-width: 767px) {
        .elementor-section.elementor-section-boxed>.elementor-container {
                padding: 0 20px 0 20px !important;
        }
} */

/*##################################################
            Contact Form 7 Master Styling
##################################################*/
.wpcf7-form a {
        color: var(--e-global-color-primary);
}

.wpcf7-form a:hover {
        color: var(--e-global-color-secondary);
        text-decoration: none;
}

.wpcf7-form label {
        flex-direction: column;
}

/*##################################
     CF7 Image Capture Border
##################################*/
.captcha-image label>input:checked+svg {
        border: 2px solid var(--e-global-color-primary) !important;
}

.link--datenschutz,
.captcha-image label {
        font-family: Sans-serif;
        font-size: 12px;
        font-weight: 500;
        margin-top: 2%;
}

.cf7ic_instructions,
.captcha-image svg,
.wpcf7 form .wpcf7-response-output {
        color: var(--e-global-color-70651b5);
}

.captcha-image {
        border-color: var(--e-global-color-primary) !important;
        border-radius: 20px;
}



/*** Unterseiten
* class: .sticky-header */
header.sticky-header {
        --header-height: 160px;
        --shrink-header-to: 0.8;
        --transition: .45s cubic-bezier(.4, 0, .2, 1);
        background-color: rgba(244, 245, 248, 0);
        transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);
}

/*** Unterseiten
* Sticky header activated */
header.sticky-header.elementor-sticky--effects {
        background-color: rgba(244, 245, 248, .8);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
        top: 10px !important;
}

/*** Startseite
* class: .sticky-header-start */
header.sticky-header-start {
        --header-height: 110px;
        --shrink-header-to: 0.8;
        --transition: .45s cubic-bezier(.4, 0, .2, 1);
        background-color: rgba(244, 245, 248, 0);
        transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);
}

/*** Startseite
* Sticky header activated */
header.sticky-header-start.elementor-sticky--effects {
        background-color: rgba(244, 245, 248, .8);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        backdrop-filter: saturate(180%) blur(20px);
}

header.sticky-header>.elementor-container,
header.sticky-header-start>.elementor-container {
        min-height: var(--header-height);
        transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects>.elementor-container,
header.sticky-header-start.elementor-sticky--effects>.elementor-container {
        min-height: calc(var(--header-height) * var(--shrink-header-to));
}

header.sticky-header.elementor-shape-bottom {
        display: none !important;
}


/** Produkte Loop **/

.elementor-grid-item:nth-child(odd) {
        background-color: var(--e-global-color-78dda36);
}

/** Popup **/

.popup-wrapper {
        border: 3px solid #fff;
        padding: 50px;
        border-radius: 20px;
}

.pum-theme-567 .pum-title,
.pum-theme-hello-box .pum-title,
.pum-theme-567 .pum-content,
.pum-theme-hello-box .pum-content {
        text-align: center !important;
}

.pum-theme-567 .pum-container,
.pum-theme-hello-box .pum-container {
        background-color: transparent;
        background-image: linear-gradient(85deg, var(--e-global-color-f10a8cb) 0%, var(--e-global-color-70651b5) 100%);
}

button.negativ-button {
        background-color: transparent !important;
        color: #fff !important;
        border-color: #fff !important;
}

button.negativ-button:hover {
        color: var(--e-global-color-f10a8cb) !important;
        border-color: var(--e-global-color-f10a8cb) !important;
}

.popup-question {
        font-size: 30px;
        font-weight: 700;
        margin: 20px 0 30px 0;
        display: block;
}


/** Print **/

@media print {

        header,
        footer,
        .dontprint {
                display: none !important;
        }
}


/*##################################
     Sticky Header Patrick
##################################*/

header {
        height: 160px !important;
        transition: all 0.5s ease-out !important;
}

header.elementor-sticky--effects {
        height: 110px !important;
        transition: all 0.5s ease-out !important;
}

header.elementor-sticky--effects .header-logo img {
        height: 67px !important;
        transition: height 0.5s ease-out !important;
        margin-top: -40px !important;
}

header.elementor-sticky--effects .header-logostart img {
        height: 67px !important;
        transition: height 0.5s ease-out !important;
        margin-top: -50px !important;
}

/*Main Navi Desktop OnScroll Margin Effect*/
header.elementor-sticky--effects .header--main-startnavi {
        transition: all 0.5s ease-out !important;
        margin-top: -70px !important;
}

header.elementor-sticky--effects .header--main-navi {
        transition: all 0.5s ease-out !important;
        margin-top: -40px !important;
}

.elementor-sticky--effects .header-logo img {
        transition: all 0.5s ease-out !important;
}