/*
Theme Name: Weblabels v7.0 - Child Theme
Theme URI: https://www.weblabels.de
Author: Patrick Hinz | Weblabels
Author URI: https://www.web-labels.de
Description: Description: Die v7.0 des hauseigenen Themes von Weblabels mit Bootstrap 5.2.3 + Icons und Fontawsome 6. Das Theme ist sehr leicht in der Größe und bietet viele verschiedene Funktionalitäten für die man sonst ein Plugin benötigt. Von der Merkliste bis hin zur WooCommerce Bildergalerie ohne Plugin.
Template:     weblabels
Tested up to: 8.3
Requires PHP: 7.4
Version:      7.0.0

#  ##   ##  #######  ######            ####       ##     ######   #######  ####      ##### #
#  ##   ##   ##   #   ##  ##            ##       ####     ##  ##   ##   #   ##      ##   ## #
#  ##   ##   ## #     ##  ##            ##      ##  ##    ##  ##   ## #     ##      # #
#  ## # ##   ####     #####             ##      ##  ##    #####    ####     ##       ##### #
#  #######   ## #     ##  ##            ##   #  ######    ##  ##   ## #     ##   #       ## #
#  ### ###   ##   #   ##  ##            ##  ##  ##  ##    ##  ##   ##   #   ##  ##  ##   ## #
#  ##   ##  #######  ######            #######  ##  ##   ######   #######  #######   ##### #
*/

/*##################################
        Generelle Styles
##################################*/
.cta--underline.elementor-headline--style-highlight svg{ top:6% !important; }
.img-accordion-title { margin: 32px; }
.eael-img-accordion .overlay h2 { -webkit-transform: none !important;  transform: none !important; }
.eael-img-accordion .overlay-inner *{ visibility: visible !important;  opacity: 1 !important; }
.overlay-inner.overlay-inner-show h2{ font-weight: 700 !important; }
.e-filter-item[aria-pressed="true"] { font-weight: 700 !important; }

.backdrop-filter-10{ backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; }

.elementor-field-subgroup {
    text-align: center !important;
}

.kontakt-icon-box .elementor-icon { box-shadow: 0 0 3px 3px rgb(0, 8, 214 / 10%); }
.kontakt-icon-box .elementor-icon-box-wrapper:hover p { color: var(--e-global-color-46cf031); }

.hf-message{ text-align: center; margin: 20px 0px; }

/*##################################
        Hero Slider Styles
##################################*/
.hero--slider .swiper-pagination-bullet { width: 40px !important; height: 4px !important; border-radius: 2px !important; }
.hero--slider .swiper-pagination-bullet.swiper-pagination-bullet-active { height: 6px !important; top: 1px !important; position: relative; }

.kacheln--mehr-infos .eael-image-accordion-item .img-accordion-title { margin: 0px; }
.kacheln--mehr-infos .eael-img-accordion .overlay .overlay-inner { margin: 20px !important; }
.kacheln--mehr-infos .eael-image-accordion-item p { display: none !important; }
.kacheln--mehr-infos .eael-image-accordion-item.overlay-active p { display: block !important; }
.kacheln--mehr-infos .eael-image-accordion-item.overlay-active p { color: var(--e-global-color-text) !important; text-align: left;}
.kacheln--mehr-infos .eael-image-accordion-item.overlay-active h2.img-accordion-title { color: var(--e-global-color-text) !important; }

.kacheln--mehr-infos .eael-img-accordion .overlay-active .overlay .overlay-inner { 
    margin: 20px !important;
    display: flex !important;
    align-items: flex-end;
    justify-content: space-between !important;
    height: 85% !important;
    flex-direction: column-reverse;
}




/*##################################################
        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; }
.captcha-image          { margin: 15px 0px 0px 0px !important; }

.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;
}

/*##################################################
        JetFormBuilder Master Styling
##################################################*/
/* Achtung: :has() braucht moderne Browser */
.jet-form-builder__fields-group.checkradio-wrap:has(input[name="object_types[]"]) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .4rem 2rem;
}

.kontakt--form-textarea textarea{ height: 120px !important; padding: 9px 16px !important; margin-top: -56px !important;}
.kontakt--form-kontaktdaten input , .kontakt--form-kontaktdaten select { height: 40px !important; padding:0px 16px !important;}


/*##################################################
        Mobile Tweaks
##################################################*/
@media screen and (max-width:1366px) {
        .img-accordion-title { margin-right: 16px; }
}

@media screen and (max-width:1200px) {
        .img-accordion-title { margin-right: 10px; }
}

@media screen and (max-width:1024px) {
        .kontakt--form-textarea textarea {margin-top: -56px !important;}
}

@media screen and (max-width:781px) {
        .wp-block-columns.kontakt--form-adresse{
                flex-wrap:nowrap !important;
        }
        .kontakt--form-kontaktdaten.wp-block-column{
                margin-bottom: -60px !important;
        }
        .kontakt--form-textarea textarea{
                margin-top: 0px !important;
        }
}

@media screen and (max-width:767px) {
        .jet-form-builder__fields-group.checkradio-wrap:has(input[name="object_types[]"]) {
                display: flex;
        }
}