/* CUSTOM FONTS */

@font-face {
    font-display: swap;
    font-family: "Rither";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Rither/Rither.otf") format("opentype");
  }

  /* GENERAL */

body.lehre {
    overflow-x: hidden;
}

  /* IMAGE LIGHTBOX */
  .pswp__bg {
    background: rgb(0 0 0 / 70%) !important;
  }

  .l2-no-cklick {
    pointer-events: none;
  }
  .l2-do-cklick {
    pointer-events: all;
  }
  .l2_point_cursor article,
   .l2_point_cursor article * {
    cursor: pointer !important;
  }
/* ANSPRECHPARTNER */

.l2-ansprechpartner-image-container img {
    border-radius: 50% !important;
}

.l2-termin-buchen-btn span.elementor-button-content-wrapper {
    flex-direction: row-reverse;
}

.l2-termin-buchen-btn .elementor-button .elementor-align-icon-left {
    display: flex;
    margin-left: 5px;
    margin-right: 0px;
}

[class*="elementor-kit"] .l2-contactperson a:not(.elementor-button) {
    text-transform: unset !important;
    font-weight: unset !important;
    color: var( --e-global-color-primary ) !important;
}

.l2-contactperson-title span {
    color: var(--e-global-color-primary)
}

.l2-cta-box-bg {
    background-size: contain;
    background-position: top left;
}

.l2-kontakt-doof .l2-textblock-container {
    max-width: 100% !important;
}
@media screen and (max-width:768px) {
    .baumarkt-baustoffhandel .l2-kontakt-doof {
        background-image: none !important;
    }
    .baumarkt-baustoffhandel p.l2-typo-headline-subline,
    .baumarkt-baustoffhandel p.l2-typo-headline-subline a {
        font-size: 16px !important;
    }
}
@media screen and (max-width:991px) {
    .l2-contactperson > div {
        flex-direction: column !important;
        gap: 32px !important;
    }
    
    .l2-contactperson > div > div {
        width: 100% !important;
    }

    .l2-contactperson img {
        margin: 0 auto;
        display: block;
    }
}



/* HEADER */
/* header.elementor-location-header {
    position: relative !important;
     width: 100%;
} */
header {
    z-index: 100011 !important;
}

@media only screen and (max-width: 1199px) {
    header ~ div .elementor-element-5846731 {
    display: none !important;
    }
}

/* TYPOGRAPHY */

[class*="l2-typo-headline"] .elementor-widget-container * span {
    color: var(--e-global-color-brand_primary_01) !important;
}

.l2-overline.elementor-widget-heading .elementor-heading-title {
    color: var( --e-global-color-text ) !important;
}

/* GRID RESPONSIVE */

.l2-loadmore-grid .dce-item_title {
    padding-top: 4px !important;
}

.l2-loadmore-grid .l2-content-media-layout-column .l2-textblock-container {
    flex-direction: column !important;
    gap: 24px !important;
}

.l2-loadmore-grid .l2-typo-headline-subline .elementor-heading-title {
    color: var(--e-global-color-brand_primary_01) !important;
}

.l2-loadmore-grid .l2-layout-container {
    gap: 32px !important;
}

@media screen and (min-width:992px) and (max-width:1439px) {
    .l2-grid-columns-3 .dce-post-item,
    .l2-grid-columns-4 .dce-post-item {
        width: calc(100% / 3) !important;
        flex: 0 1 calc(100% / 3) !important;
    }
}

@media screen and (max-width:991px) {
    .l2-grid-columns-3 .dce-post-item,
    .l2-grid-columns-4 .dce-post-item {
        width: calc(100% / 1) !important;
        flex: 0 1 calc(100% / 1) !important;
    }
}

/* 3 SAEULEN PLANUNG */

.l2-3saeulenplanung .l2-gradient-overlay {
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    background-position: 0 0;
    width: 100%;
    background-size: contain;
}

.l2-3saeulenplanung .l2-gradient-overlay {
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    background-position: 0 0;
    width: 100%;
    background-size: contain;
}

.l2-3saeulenplanung .l2-textblock-image {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    position: relative;
}
@media screen and (min-width:768px) {
    .l2-3saeulenplanung .dce-acf-repeater-item {
        min-height: 480px;
    }
    .l2-3saeulenplanung .l2-textblock-image {
        min-height: 380px;
    }
    .l2-3saeulenplanung .dce-acf-repeater-item:nth-child(odd) .l2-textblock-image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center left;
        position: relative;
    }
    .l2-3saeulenplanung .dce-acf-repeater-item:nth-child(even) .l2-textblock-image {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center right;
        position: relative;
    }
}



.l2-3saeulenplanung .l2-textblock-image + .l2-textblock-container {
    justify-content: center;
}

.l2-3saeulenplanung .dce-acf-repeater-item > div > [class*="l2-textblock-image-position"] {
    gap: 64px;
}

.l2-3saeulenplanung .dce-acf-repeater-grid {
    flex-direction: column !important;
}

@media only screen and (min-width: 1200px) {
    .l2-3saeulenplanung .l2-layout-repeater-grid > .l2-textblock-container-left {
        max-width: 70%;
        margin-bottom: 64px;
    }
}

@media screen and (max-width:991px) {
    .l2-3saeulenplanung .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        width: 100% !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .l2-3saeulenplanung .l2-layout-repeater-grid {
        padding-bottom: 64px !important;
    }
}


/* STANDARDS CONTAINER */ 
.l2-textblock-repeater-cl .dce-acf-repeater-item {
    flex: 0 1 calc(calc(100% / 3) - 64px) !important;
    flex-grow: 1 !important;
}
@media screen and (max-width:991px) {
    .l2-standards-container .dce-acf-repeater-item {
        flex: 1 1 calc(100% / 3) !important;
        padding-bottom: 0 !important;

    }
}


@media screen and (max-width:1279px) {
    .l2-standards-container .dce-acf-repeater-grid {
        gap: 32px;
    }
}



.l2-standards-container .l2-gradient-overlay {
    background-size: 900px;
    background-repeat: no-repeat;
}

.l2-standards-container [class*="l2-standards"] {
    padding: 32px !important;
}

.l2-standards-container [class*="l2-standards"] .l2-headline {
    margin-bottom: 8px !important;
}

/* PROJEKTABLAUF */

.l2-img-show-desktop,
.l2-img-show-mobile {
    margin: 72px auto;
    display: flex;
}

@media screen and (max-width:767px) {
    .l2-img-show-desktop {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .l2-img-show-mobile {
        display: none;
    }
}

.l2-projektablauf-container .l2-gradient-overlay {
    background-repeat: no-repeat;
}

/* FACTBOX */

.l2-factbox-container {
    margin: 32px 0 0;
    background: #ecf0f6;
    padding: 32px;
    gap: 24px;
    display: flex;
    flex-direction: column;
}

.l2-factbox-container > div {
    display: flex;
    gap: 80px;
}

@media screen and (max-width:767px) {
    .l2-factbox-container > div {
        flex-direction: column;
        gap: 32px;
    }
    
}


.l2-factbox-container .elementor-heading-title {
    color: var(--primitive-color-brand-primary01) !important;
}

.l2-factbox-price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.l2-factbox-price br {
    display: none;
}

/* MODELLE GRID */

.l2-modelle-grid .l2-content-media-layout-column .l2-textblock-container {
    flex-direction: column !important;
    gap: 24px !important;
}
.l2-modelle-grid .dce-wrapper-grid .dce-post-item .dce-post-button {
    display: none;
}

.l2-modelle-grid .dce-item.dce-item_image {
    margin: 0 !important;
}

.l2-modelle-grid .dce-item_title {
    padding-top: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.l2-modelle-grid .dce-item_content {
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.l2-modelle-grid .dce-item_title,
.l2-modelle-grid .dce-item_content {
    line-height: 0 !important;
}

.l2-modelle-grid .dce-post-block {
    position: relative;
}
article:not(.type-case) .l2-modelle-grid.dce-post-block::before {
    content: "";
    background-image: url("/wp-content/uploads/2024/03/grid-button-small.svg");
    background-size: contain;
    width: 48px;
    height: 52px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1000;
}


/* GLOBAL GRID FIX */

.l2-layout-grid-carousel .dce-post-content {
    display: -webkit-box !important;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@-moz-document url-prefix() {
    .dce-post-content {
        white-space: wrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ANIMATIONEN */

.l2-layout-grid-carousel article {
    transition: transform 0.15s ease !important;
}

.l2-layout-grid-carousel article:hover {
    transform: scale(calc(1.02));
}

/* BUTTON FIX */

.l2-dark-mode .l2-button-primary a:hover {
    background-color: var(--token-color-background-primary-mode-light) !important;
    color: var(--token-color-text-default-light-mode-dark) !important;
}

/* MENU TOGGLE */

.elementor-nav-menu--dropdown .has-submenu a i::before,
li.leistung_mm_trigger a i::before {
    font-size: 10px;
    line-height: 3em;
}

li.leistung_mm_trigger a i {
    transition: all 0.15s ease !important;
    transform: scaleY(1) !important;
}

.elementor-nav-menu--dropdown a.has-submenu.highlighted,
li.leistung_mm_trigger a.active {
   color:  var( --e-global-color-primary ) !important;
}

@media screen and (max-width:1199px) {
    body > div.elementor.elementor-9469.elementor-location-header > header > div > div.elementor-element.elementor-element-319c173b.e-flex.e-con-boxed.e-con.e-child > div > div.elementor-element.elementor-element-235e2b7.elementor-nav-menu--stretch.elementor-hidden-desktop.elementor-nav-menu__text-align-aside.elementor-nav-menu--toggle.elementor-nav-menu--burger.elementor-widget.elementor-widget-nav-menu > div > nav {
        margin-top: 10px !important;
    }
}



li.leistung_mm_trigger a.active i {
    transform: scaleY(-1) !important;
    transition: all 0.15s ease !important;
}

/* MENU PADDINGS */

header > div > div:nth-child(2) {
    padding-right: 0;
 }

 /* SUBMENUS */
 
 .elementor-nav-menu--dropdown .sub-arrow {
    display: none !important;
 }

 .elementor-nav-menu--dropdown .sub-menu a {
    /* color: var( --e-global-color-text ) !important; */
    font-family: var( --e-global-typography-navigationmeta-font-family ), Sans-serif !important;
    font-size: var( --e-global-typography-navigationmeta-font-size ) !important;
    font-weight: var( --e-global-typography-navigationmeta-font-weight ) !important;
    text-transform: var( --e-global-typography-navigationmeta-text-transform ) !important;
    line-height: var( --e-global-typography-navigationmeta-line-height ) !important;
    letter-spacing: var( --e-global-typography-navigationmeta-letter-spacing ) !important;
    word-spacing: var( --e-global-typography-navigationmeta-word-spacing ) !important;
}

.elementor-nav-menu--dropdown .has-submenu {
    justify-content: space-between;
}
.elementor-nav-menu--dropdown a i {
    transition: all 0.15s ease !important;
}

.elementor-nav-menu--dropdown a.highlighted i {
    transform: rotate(45deg) !important;
    transition: all 0.15s ease !important;
}

.elementor-nav-menu--dropdown a {
    padding-top: var(--primitive-spacing-04-16) !important;
    padding-bottom: var(--primitive-spacing-04-16) !important;
    margin-left: var(--primitive-spacing-08-32) !important;
    margin-right: var(--primitive-spacing-08-32) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-nav-menu--dropdown a {
    border-top: 1px solid var(--primitive-color-ci-secondary04) !important;
    border-left: none !important;
}

.elementor-nav-menu--dropdown .sub-menu a,
.elementor-nav-menu--dropdown .elementor-item {
    line-height: 1 !important;
    background: #fff !important;
}

.elementor-nav-menu--dropdown a.elementor-sub-item {
    padding-left: var(--primitive-spacing-04-16) !important;
}

.elementor-nav-menu--dropdown a.elementor-sub-item + ul a.elementor-sub-item {
    padding-left: var(--primitive-spacing-08-32) !important;
    border: none !important;
}


.elementor-nav-menu--dropdown a.elementor-sub-item + ul a.elementor-sub-item:first-child {
    padding-top: 0 !important;
}

ul.elementor-nav-menu > li:nth-child(2) > a:first-child {
    border-top: none !important;
}


/* MOBILE NEW */

#menu-primary-de .menu-item-has-children span.uc-menu-item-pointer i.fas.fa-minus {
    transform: rotate(0deg) !important;
}

/* HEADER HEIGHT */

@media screen and (max-width:1199px) {
    header {
        min-height: auto !important;
    }
    header > div {
        padding: 0 !important;
    }
}

@media screen and (max-width:959px) {
   header .elementor-widget-theme-site-logo img {
        height: 50px !important;
   }
}


/* GLOBAL GRID FIX */

/* .dce-posts-container {
    overflow: hidden;
} */

/* HOME SLIDER */

.l2-header-slider .swiper-autoheight .swiper-wrapper {
    height: auto !important;
}

.l2-header-slider .l2-layout-container > div {
    justify-content: center !important;
}

.l2-header-slider .l2-layout-container {
    padding: 0 !important;
}

@media screen and (max-width:959px) {
    .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic {
        width: auto !important;
    }
    
    .swiper-pagination-bullets.swiper-pagination-horizontal.swiper-pagination-bullets-dynamic  span.swiper-pagination-bullet {
        left: 0 !important;
    }
}

/* HEADER SLIDER */

@media screen and (min-width:992px) and (max-width:1439px) {
    .l2-header-slider .l2-textblock-container-lef,
    .l2-cta .l2-textblock-container-left {
        padding: 32px !important;
    }
}


/* UNTERNEHMENSVORSTELLUNG */

/* @media screen and (min-width:992px) and (max-width:1439px) {
    .l2-unternehmensvorstellung .l2-textblock-container-left {
        margin: 0 32px !important;
    }
} */
.l2-untern-weiteres .repater_text_bild_video .rtbv-image-container:first-child {
    background-position: 0% 18%;

}
@media screen and (min-width:992px) {
    .l2-unternehmensvorstellung .l2-textblock-container-left {
        margin: 0 32px !important;
    }

}

.l2-unternehmensvorstellung .l2-layout-container {
    gap: 32px !important;
}

@media screen and (max-width:991px) {
    /* [class*="l2-content-media-layout"] {
        gap: 0 !important;
    } */
    .l2-textblock-container-left {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .l2-unternehmensvorstellung {
        padding: 64px 24px !important;
    }

    .l2-unternehmensvorstellung .l2-textblock-container-left {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    /* .l2-media-container-right {
       --min-height: 100vw !important;
    } */
    .l2-unternehmensvorstellung .l2-layout-container {
        flex-direction: column-reverse !important;
    }
    /* .l2-unternehmensvorstellung .l2-media-container-right {
        --min-height: 100vw !important; 
    } */
}

/* UNSERE LEISTUNGEN */


@media screen and (min-width:1024px) {
    .l2-unsereleistungen-boxes.l2-3ergrid .rtbv-container.rtbv-image-container {
        max-height: 540px !important;
        width: calc(33.333% - calc(32px / 1.5)) !important;
    }
    .l2-unsereleistungen-boxes.l2-2x2ergrid .rtbv-container.rtbv-image-container {
        flex: 1 1 calc(50% - 32px) !important;
    }
}

/* .repater_text_bild_video {
    gap: 8px !important;
} */

.repater_text_bild_video {
    justify-content: space-between;
}

.l2-unsereleistungen-boxes .repater_text_bild_video {
    gap: 32px !important;
}


.rtbv-container.rtbv-image-container {
    background-size: cover !important;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .l2-unsereleistungen-boxes .rtbv-container {
        flex: 1 1 40% !important;
       height: 300px !important;
    }
}



@media screen and (min-width:992px) and (max-width:1439px) {
    .l2-container-width-full-boxed {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

section.repater_text_bild_video.l2-master-flex-direction .rtbv-container.rtbv-image-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(39deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 60%);
}

section.repater_text_bild_video.l2-master-flex-direction {
    justify-content: flex-start;
}

@media screen and (max-width:991px) {
    section.repater_text_bild_video.l2-master-flex-direction {
        /* flex-direction: column !important; */
        gap: 24px !important;
        /* padding: 0 24px 24px !important; */
    }

    .l2-container-width-full-boxed {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    .l2-container-width-full-boxed [class*="l2-textblock-container"]:not([class*="l2-standards"]) {
        padding: 0 !important;
    }
    
}


/* CTA */

.l2-cta-box-bg {
    background-size: cover;
}

.l2-cta .l2-textblock-container-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media screen and (max-width:1279px) {
    .l2-textblock-container {
        max-width: 100% !important;
    }
}

@media screen and (max-width:991px) {
    .l2-cta .l2-layout-container {
        flex-direction: column-reverse !important;
    }
    .l2-cta .l2-media-container-right {
        min-height: 100vw !important;
    }
}


/* NEUIGKEITEN */

.l2-neuigkeiten article:hover > div {
    box-shadow: 0px 8px 16px 0px rgba(0, 61, 83, 0.10);
}

.elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover {
    transform: scale(1.05) !important;
}

.elementor-animation-grow {
    transition: all 0.15s ease !important;
}

.l2-flex-column-override .l2-layout-container {
  flex-direction: column !important;
}

.l2-flex-column-override .l2-layout-container .l2-media-container-right {
    width: 100%;
}

@media screen and (max-width:991px) {
    .l2-neuigkeiten .l2-layout-container {
        flex-direction: column !important;
    }

    .l2-neuigkeiten .l2-media-container-right {
        height: auto !important;
        min-height: 0 !important;
    }
}

@media screen and (min-width:576px) and (max-width:991px) {
    .l2-neuigkeiten .dce-post-item {
        width: 50% !important;
        flex: auto !important;
    }
}

/* QUICKLINKS */

.l2-quicklinks .l2-content-repeater-container .dce-acf-repeater-grid .dce-acf-repeater-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.l2-dark-mode.l2-quicklinks .l2-content-repeater-container .dce-acf-repeater-grid .dce-acf-repeater-item {
    background-color: #585e61 !important;
    border: none !important;
}

@media screen and (max-width:379px) {
    .l2-quicklinks .dce-acf-repeater-grid {
        flex-direction: column !important;
    }
    .l2-quicklinks .dce-acf-repeater-grid > div {
        width: 100% !important;
    }
}

/* MATERIALITAET */

.l2-materialitaet .dce-acf-repeater-item > div > .l2-textblock-image-position-default {
    gap: 24px !important;
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .l2-materialitaet .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 1 1 40% !important;
    }
}


/* TESTIMONIAL */

@media screen and (min-width:768px) {
    .l2-testimonials .swiper-pagination-bullet {
        left: 0 !important;
    }
    
    .l2-testimonials .swiper-pagination-bullets-dynamic {
        top: -40px !important;
        /* width: 100% !important; */
        transform: none !important;
        left: calc(50% - 36px) !important;
    }
}

@media screen and (max-width:991px) {
    .l2-testimonials .swiper-pagination-bullets-dynamic {
        top: -32px !important;
    }
    .l2-testimonial-slide-item {
        gap: 32px !important;
    }
}

/* COUNTER */

.l2-counter-textblock * {
    padding: 0 !important;
}

.l2-counter-one > div {
    gap: 0 !important;
}

.l2-counter-container {
    padding: 0 !important;
}

@media screen and (max-width:1023px) {
    .l2-counter-container > .e-con-inner {
        gap: 32px !important;
    }
    .l2-counter-container .elementor-counter-title {
        overflow-wrap: break-word;
    }
}

@media screen and (max-width:767px) {
    .l2-counter-container > div {
        flex-direction: column !important;
        align-items: center !Important;
    }
    
    .l2-counter-container [data-element_type="container"] {
        width: 100%;
    }

    .l2-counter-one [data-element_type="container"] {
        justify-content: flex-start !important;
        align-items: flex-start !important;
        display: flex;
    }
    
    .l2-counter-one [data-element_type="widget"] {
        width: 100%;
    }
    
    .l2-counter-one .elementor-counter-title {
        text-align: left !important;
    }
}

/* CHARTS */

@media screen and (max-width:991px) {
    .l2-chart-container > div {
        gap: 32px !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

}

@media screen and (min-width:576px) and (max-width:767px) {
    .l2-chart-container > div > div {
        --width: calc(50% - 16px) !important;
    }
}



@media screen and (max-width:575px) {
    .l2-chart-container > div {
        flex-direction: column !important;
    }
    .l2-chart-container > div > div {
        --width: 100% !important;
        align-items: center !important;
    }
}

/* LOGO LEISTE */

.l2-logoleiste img {
    inline-size: 100%;
}


.l2-logoleiste .dce-acf-repeater-slider_carousel {
    width: calc(100% + 24px);
    margin-left: -12px;
}

.l2-logoleiste .dce-acf-repeater {
    overflow: hidden;
}

/* IMAGE SLIDER */

.l2-image-slider .l2-layout-container {
    gap: 0 !important;
}

/* CONTENT MEDIA CUSTOM */
/* 
@media screen and (max-width:767px) {
    .l2-content-media-custom-container .l2-media-container-right {
        --min-height: 80vw !important;
    }    
} */

/* FIXES 080842024 */

.l2-chart-title {
    max-width: 75%;
    text-align: center;
}

.l2-png-mid-bottom > .l2-gradient-overlay {
    display: none;
    /* background-image: url(/wp-content/uploads/2024/04/grundriss_grafik-1.png);
    z-index: 1000 !important;
    background-size: 350px;
    background-repeat: no-repeat;
    background-position: center bottom; */
}

@media screen and (min-width:992px) and (max-width:1023px) {
    .l2-png-mid-bottom > .l2-gradient-overlay  {
        background-size: 300px;
    }
}



@media screen and (max-width:991px) {
    /* .l2-png-mid-bottom {
        padding-bottom: 400px !important;
    }
    .l2-png-mid-bottom > .l2-gradient-overlay  {
        background-position: 50% calc(100% - 64px);
    } */
}

@media screen and (max-width:440px) {
    /* .l2-png-mid-bottom > .l2-gradient-overlay  {
        background-size: calc(100% - 64px);
    } */
}

/* HOTFIX CENTER BTN */

.l2-layout-center .l2-textblock-btn-container > div {
    justify-content: center !important;
}

/* HOTFIX DREIHANS LOGO BG */

.l2-dreihans-logo-bg {
    background-position: top right !important;

}

/* .l2-unternehmensvorstellung.l2-dreihans-logo-bg {
    background-image: none !important;
} */

@media screen and (min-width:992px) {
    .l2-unternehmensvorstellung.l2-solitary-logo .l2-textblock-container-left {
        background-image: url('/wp-content/uploads/2024/04/icon_big.png') !important;
        background-repeat: no-repeat !important;
        background-position: top right !important;
    }    
}



/* HOTFIX LEISTUNGEN HOEHE */

.l2-repeater-height-400 .rtbv-container.rtbv-image-container {
    max-height: 450px;
}

@media screen and (max-width:991px) {
    .l2-outline-logo-bg > .l2-gradient-overlay {
        background-image: none !important;
    }
}

/* ANWENDUNGSBEREICHE */

article.anwendungsbereich:hover .dce-item_title {
    padding: 32px 0 0 32px !important;
}

@media screen and (min-width:768px) and (max-width:1279px) {
    .l2-anwendungsbereiche .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(50% - 16px) !important;
    }
    .l2-anwendungsbereiche.l2-smarthome .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(50% - 16px) !important;
    }
}

@media screen and (min-width:1280px) {
    .l2-anwendungsbereiche .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(50% - 32px) !important;
    }
    .l2-anwendungsbereiche.l2-smarthome .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(33.33% - 43px) !important;
    }
}



/* VIDEO HERO */

.l2-media-container-right .elementor-background-video-container {
    position: relative !important;
}


.l2-video-hero-leistungen.l2_social_icon_hover .l2-hero-social a:hover  {
    color: var(--token-color-button-white-mode-light) !important;

}


@media screen and (min-width:992px) {
    .l2-media-container-right .elementor-html5-video {
        position: relative !important;
        left: 0px !important;
        top: 50% !important;
        height: auto !important;
        display: block !important;
        max-height: 500px !important;
        transform: translateY(-50%) scale(1.5) !important;
    }   
}

@media screen and (max-width:991px) {
    .l2-media-container-right .elementor-html5-video {
 
        position: relative !important;
        left: 0px !important;
        top: 0px !important;
        height: auto !important;
        display: block !important;
        max-height: 500px !important;
        transform: scale(1.5) !important;
    }
}



.l2-video-hero-leistungen .l2-textblock-container {
    padding: 32px 0 !important;
}

/* 
@media screen and (min-width:1200px) {
    .l2-media-container-right .elementor-html5-video {
        transform: scale(1.75) !important;
    }
} */



@media screen and (max-width:991px) {
    
.l2-video-hero-leistungen .l2-layout-container {
    flex-direction: column !important;
    gap: 0 !important;
}
}

/* VORTEILE CONTENT BLOCK */


@media only screen and (max-width: 991px) {
    .l2-container-bg-white {
        background-image: none !important;
    }
        .l2-container-bg-white.l2-container-width-full-boxed [class*="l2-textblock-container"]:not([class*="l2-standards"]).l2-textblock-container {
        background-color: #eaebeb;
        padding: 48px 32px !important;
        }
}



@media only screen and (min-width: 992px) {
    .l2-container-bg-white .l2-textblock-container {
        background-color: #eaebeb;
        padding-left: 32px;
        padding-right: 32px;
    }

     .l2-container-bg-white .l2-media-container-right {
         display: none;
     }
}

/* POPUP FORM */

.elementor-popup-modal i.eicon-close {
    display: none !important;
}

.l2-rueckruf-anfordern-btn {
    cursor: pointer;
}

.elementor-popup-modal .elementor-message.elementor-message-success {
    color: #fff !important;
}


.elementor-popup-modal .elementor-button[type="submit"]:hover {
    color: #01132B !important;
}

/* ANWENDUNGSGEBIETE GRID */


.l2-anwendungsbereiche-grid .l2-layout-grid-carousel .dce-post-content {
    -webkit-line-clamp: unset;
    padding: 0 !important;
}

.l2-anwendungsbereiche-grid .dce-post-block {
    background-color: transparent !important;
    height: 380px !important;
    overflow: hidden;
    justify-content: flex-end;
}

.l2-anwendungsbereiche-grid .dce-item_title {
    min-height: 52px;
    background: black;
    padding: 0 !important;
}


.l2-anwendungsbereiche-grid .dce-item_content {
    background-color: black !important;
    height: 0;
    padding: 0 32px 0 !important;
    transition: all 0.3s ease;
    overflow: hidden;
   /* margin-bottom: -24px !important; */
}

.l2-anwendungsbereiche-grid .dce-item:hover .dce-item_content {
    padding-bottom: 24px !important;
}

.l2-anwendungsbereiche-grid .dce-post-content ul {
    padding-left: 16px !important;
}


@media (hover: hover) {
    .l2-anwendungsbereiche-grid article:hover .dce-item_content {
        height: 1000% !important;
        margin-bottom: 0 !important;
    }

    .l2-anwendungsbereiche-grid.l2-modelle-grid article:hover .dce-post-block::before {
        transform: rotate(-90deg);
    }

    .l2-anwendungsbereiche-grid.l2-modelle-grid article:hover .dce-item.dce-item_title.elementor-repeater-item-a4a47cc {
        padding: 32px 0 0 32px !important;
    }
}

@media (hover: none) {
    .l2-anwendungsbereiche-grid article.l2-active-item .dce-item_content {
        height: 1000% !important;
        margin-bottom: 0 !important;
    }

    .l2-anwendungsbereiche-grid.l2-modelle-grid article.l2-active-item .dce-post-block::before {
        transform: rotate(-90deg);
    }

    .l2-anwendungsbereiche-grid.l2-modelle-grid article.l2-active-item .dce-item.dce-item_title.elementor-repeater-item-a4a47cc {
        padding: 32px 0 0 32px !important;
    }    
}

.l2-anwendungsbereiche-grid.l2-modelle-grid .dce-item.dce-item_title.elementor-repeater-item-a4a47cc {
    display: flex;
    align-items: center;
    padding: 0 32px !important;
    transition: .1s padding ease-in-out;
}


.l2-anwendungsbereiche-grid.l2-modelle-grid .dce-post-block::before {
    transition: all 0.15s ease;
    width: 52px;
    background-size: cover;
}

.l2-anwendungsbereiche-grid .dce-posts-container .dce-post-image .dce-img img {
    height: auto !important;
    left: calc(50% + 1px) !important;
    transform: scale(1.01) translate(-50%, 0%) !important;
}

@media screen and (min-width:992px) {
    .l2-anwendungsbereiche-grid .dce-posts-container .dce-post-image .dce-img img {
        top: 17.5% !important;
    }
}

@media screen and (max-width:991px) {
    .l2-anwendungsbereiche-grid .dce-posts-container .dce-post-image .dce-img img {
        top: 0 !important;
    }
}

.l2-anwendungsbereiche-grid .l2-layout-grid-carousel {
    gap: 16px !important;
}

.l2-megamenu-container .l2-menu-extrabold a {
    font-weight: 800 !important;
}

.l2-megamenu-container .l2-menu-extrabold + div > div {
    margin-top: 8px !important;
}

/* LOAD MORE BUTTON FIX */

.l2-loadmore-btn a {
    background-color: var(--e-global-color-brand_primary_01) !important;
}

/* HERO FIX */

.l2-home-hero-video {
    aspect-ratio: 2 / 1 !important;
    height: auto !important;
}

/* @media screen and (max-width:991px) {
    .l2-home-hero-video {
        aspect-ratio: 2 / 1 !important;
        height: auto !important;
    }
} */

/* MEGAMENU FIX */

.l2-megamenu-container ul#menu-1-9e879b7 li > a,
.l2-megamenu-container .l2-menu-extrabold a {
    font-size: 22px !important;
}

.l2-megamenu-container .l2-megamenu-3col-container {
    transform: translateX(-50%);
    left: 50%;
    transition: all 0.3s ease;
    overflow: hidden;
}

.l2-megamenu-container .l2-submenu-trigger.current_page_item a::after,
.l2-megamenu-container .l2-menu-extrabold a:hover,
.l2-megamenu-container .l2-menu-extrabold a:hover::after {
    color: var(--e-global-color-brand_primary_01) !important;
}


.l2-megamenu-container  .elementor-heading-title,
.l2-megamenu-container .l2-menu-extrabold a {
    transition: all 0.15s ease !important;
}

.l2-megamenu-3col-container .current-menu-item a {
    color: var(--e-global-color-brand_primary_01) !important;
}

.l2-megamenu-container:not(.l2-submenu-active) .l2-megamenu-3col-container {
   width: 900px;
   transform: translateX(-50%);
   left: 50%;
   transition: all 0.3s ease;
}

.l2-submenu-active {
    z-index: 1001 !important;
}

.l2-megamenu-container .l2-megamenu-3col-container > div > div {
    min-width: 390px !important;
 }

.l2-megamenu-container .l2-megamenu-3col-container > div > div {
    height: 360px !important;
    transition: all 0.15s ease;
}

.l2-megamenu-container.l2-submenu-active .l2-megamenu-3col-container > div > div {
    height: 404px !important;
    transition: all 0.15s ease;
}

.l2-megamenu-container .l2-megamenu-3col-container > div > div:first-child .l2-menu-extrabold a {
    font-size: 22px !important;
}

.l2-megamenu-container .l2-submenu-trigger a {
    gap: 8px;
}

.l2-megamenu-container .l2-submenu-trigger a::after {
    content: "\f078" !important;
    font-family: 'Font Awesome 6 Free' !important;
    position: relative !important;
    color: var(--e-global-color-text) !important;
    opacity: 1 !important;
    font-size: 12px;
    transform: rotate(270deg);
    transition: all 0.15s ease;
}

.l2-megamenu-container.l2-submenu-active .l2-submenu-trigger a,
.l2-megamenu-container.l2-submenu-active .l2-submenu-trigger a::after,
.l2-megamenu-container .l2-submenu-trigger:hover a,
.l2-megamenu-container .l2-submenu-trigger:hover a::after {
    color: var(--e-global-color-primary ) !important;
}

.l2-megamenu-container.l2-submenu-active .l2-submenu-trigger:hover a::after {
    transform: rotate(90deg);
}

.l2-megamenu-container .l2-megamenu-3col-container > div > div:nth-child(2) .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child) {
    margin-bottom: 42px !important;
}

.l2-megamenu-container:not(.l2-submenu-active) .l2-megamenu-3col-container .l2-rundumsbauen-column {
   opacity: 0;
   transition: opacity .1s ease, width 0.1s ease;
   width: 0;
}

.l2-megamenu-container.l2-submenu-active .l2-megamenu-3col-container .l2-rundumsbauen-column {
   opacity: 1;
   transition: opacity .3s ease, width 0s ease;
}

.l2-megamenu-container .l2-megamenu-3col-container > div > div:nth-child(2)::before,
.l2-megamenu-container .l2-megamenu-3col-container > div > div:nth-child(3)::before  {
    content: "";
    height: auto;
    width: 1px;
    background-color: #e8eaeb;
    left: -50px;
    position: absolute;
    top: -16px;
    bottom: -16px;
}
/* 
.l2-megamenu-container .l2-megamenu-3col-container > div > div:nth-child(3)::before {
    content: "";
    height: auto;
    width: 1px;
    background-color: #e8eaeb;
    left: -50px;
    position: absolute;
    top: -16px;
    bottom: -16px;
} */

.l2-megamenu-container .l2-megamenu-3col-container .elementor-spacer > div {
    position: relative;
    display: block !important;
}
.l2-megamenu-container .l2-megamenu-3col-container .elementor-spacer > div::after {
    content: "";
    height: 1px;
    width: calc(100% - 64px);
    background-color: #e8eaeb;
    left: 0;
    top: 25px;
    position: absolute;
}

nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    left: 0 !important;
}

body > div.elementor.elementor-9469.elementor-location-header > header > div > div > div,
body > div.elementor.elementor-9469.elementor-location-header > header > div > div > div > div,
body > div.elementor.elementor-9469.elementor-location-header > header > div > div {
    position: static !important;
}

.elementor-menu-toggle:not(.elementor-active) +  .elementor-nav-menu--dropdown {
    display: none !important;
}

/* HOME VIDEO HACK */

/* body:not(.dialog-body) .l2-home-hero-video .l2-gradient-overlay {
    background: #2f3639;
    z-index: 0 !important;
    transition: all 0.5s ease;
} */

.l2-home-hero-video .l2-gradient-overlay {
    background: #5e6162;
    background: #5e6365;
    z-index: 0 !important;
}

.l2-home-hero-video .elementor-background-video-container {
    mix-blend-mode: hard-light !important;
    z-index: 1 !important;
}

body.home .l2-megamenu-container,
.page-id-9419 .l2-megamenu-container {
    top: 132px;
}

/* HEADER HOME */

@media screen and (min-width:992px) {
    .l2-video-hero-leistungen > .l2-gradient-overlay {
        z-index: 1000 !important;
    }
    .l2-video-hero-leistungen > .l2-gradient-overlay::before {
        content: "";
        bottom: 0;
        height: 100%;
        background: linear-gradient(270deg, rgba(21, 21, 21, 100%) 0%, rgba(21, 21, 21, 0%) 20%) !important;
        opacity: 1 !important;
    }
}

@media screen and (min-width:1200px) {
    body.home header,
    .page-id-9419 header {
        position: absolute !important;
        background: linear-gradient(180deg, rgb(46 54 57 / 100%) 0%, rgba(46, 54, 57, 0) 100%) !important;
    }

    .l2-home-hero-video .elementor-background-video-container::before {
        content: "";
        bottom: 0;
        height: 50px;
        background: linear-gradient(0deg, rgba(47, 54, 57, 100%) 0%, rgba(46, 54, 57, 0%) 20%) !important;
        opacity: 1 !important;
    }
}




/* BUTTON HOVER FIX */

.l2-dark-mode .l2-button-primary a:hover .l2-icon-alternative {
    filter: brightness(10);
    transition: all 0.15s ease;
}

.l2-dark-mode .l2-button-primary a .l2-icon-alternative {
    transition: all 0.15s ease;
}

/* DOWNLOAD BUTTON */

.l2-download-svg {
    width: 20px;
    margin-right: 8px;
    float: left;
}

/* UL STYLING */

ul.l2-typo-headline-subline li {
    color: var(--primitive-color-ci-primary01) !important;
}

/* SMART HOME */

.l2-smarthome .dce-acf-repeater-item .l2-textblock-container {
    flex-direction: row !important;
    gap: 32px !important;
}

.l2-smarthome .dce-acf-repeater-item .l2-textblock-container .l2-textblock-upper-container {
    width: 120px !important;
}


/* STEP BY STEP */

.l2-stepbystep > .l2-gradient-overlay {
    background-size: cover;
    height: 550px !important;
    position: absolute !important;
    left: auto !important;
    top: 160px !important;
}

@media screen and (min-width:1440px) {
    .l2-stepbystep > .l2-gradient-overlay  {
        width: calc((1376px / 2) - 64px);
        right: calc((100vw - 1376px) / 2) !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
    .l2-stepbystep > .l2-gradient-overlay  {
        width: calc(50% - 96px);
        right: 32px !important;
    }
}

@media screen and (max-width:1199px) {
    .l2-stepbystep > .l2-gradient-overlay  {
        position: relative !important;
        top: 0 !important;
    }

    .l2-stepbystep {
        flex-direction: column-reverse !important;
        gap: 64px !important;
    }
}


@media screen and (min-width:1200px) {
    .l2-stepbystep .dce-acf-repeater-grid {
        flex-direction: column;
        width: calc(50% - 64px) !important;;
    }    
}

@media screen and (max-width:1199px) {
    .l2-stepbystep .dce-acf-repeater-grid {
        gap: 0 !important;
        flex-direction: column !important;
    }
}

@media screen and (max-width:767px) {
    .l2-stepbystep .dce-acf-repeater-item .l2-textblock-image {
        min-height: 120px !important;
    }

    .l2-stepbystep .dce-acf-repeater-item .l2-textblock-upper-container {
        width: 80px !important;
    }

    .l2-stepbystep .dce-acf-repeater-item .l2-textblock-lower-container {
        width: 75% !important;
    }

    .l2-stepbystep .dce-acf-repeater-item .l2-textblock-image-position-left {
        justify-content: center;
    }

    .l2-stepbystep img.l2-textblock-icon {
        margin-top: 0 !important;
    }

}




.l2-stepbystep .dce-acf-repeater-item .l2-textblock-container {
    flex-direction: row;
}

.l2-stepbystep .dce-acf-repeater-item .l2-textblock-image {
    min-height: 0;
    max-width: 120px !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    overflow: hidden;
}

.l2-stepbystep img.l2-textblock-icon {
    height: 64px !important;
    width: 64px !important;
    margin-top: 16px;
}

@media screen and (min-width:768px) {
    .l2-stepbystep .dce-acf-repeater-item .l2-textblock-upper-container {
        width: 100px !important;
    }
}

/* GLOBAL GRID FIX */


/* @media screen and (min-width:768px) and (max-width:1199px) {
    .dce-acf-repeater-grid {
        flex-direction: row !important;
        gap: 32px;
        flex-wrap: wrap !important;
    
    }
    
    .dce-acf-repeater-item {
        flex: 1 1 auto !important;
        padding: 0 !important;
    }
    
    .l2-infobox_container {
           min-height: 185px;
     
    }
} */


/* MAX WIDTH BOXED CONTENT HOTFIX */

.l2-container-width-full-boxed .l2-layout-container {
    max-width: 100% !important;
   margin-left: auto;
   margin-right: auto;
}

/* VERFÜGBARE EINHEITEN */
/* 
.l2-verfuegbare-einheiten-container .dce-acf-repeater-item .l2-textblock-container,
.l2-verfuegbare-einheiten-container .dce-acf-repeater-item .l2-textblock-upper-container {
    flex-direction: column-reverse;
} */

.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-headline div {
    font-size: 48px !important;
    line-height: 1em !important;
}

.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-subline .elementor-heading-title,
.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-copytext p {
    font-size: var( --e-global-typography-text-font-size ) !important;
    line-height: var( --e-global-typography-text-line-height ) !important;
    font-weight: 300 !important;
    min-height: 48px !important;
}

.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-subline .elementor-heading-title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-textblock-container {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    padding: 28px !important;
    max-width: 180px !important;
}

.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-overline .elementor-heading-title {
    font-size: 16px !important;
    line-height: 1em !important;
}


.l2-verfuegbare-einheiten-container .dce-acf-repeater .l2-textblock-upper-container {
    gap: 0 !important;
}

@media screen and (min-width:992px) {
    .l2-verfuegbare-einheiten-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(25% - 48px) !important;
    }
}

@media screen and (max-width:991px) {
    .l2-verfuegbare-einheiten-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 180px !important;
        padding-bottom: 0 !important;
    } 
    .l2-verfuegbare-einheiten-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-grid {
        gap: 32px !important;
        justify-content: center;
    } 
}


/* TESTIMONIALS CENTERED */

.l2-testimonials-centered .l2-testimonial-slide-item {
    flex-direction: column-reverse !important;
}

.l2-testimonials-centered .l2-testimonial-slide-item-content,
.l2-testimonials-centered .l2-testimonial-slide-item-img {
    width: 100% !important;
   
}

.l2-testimonials-centered .l2-testimonial-slide-item-content > div {
     text-align: center !important;
}

.l2-testimonials-centered .l2-testimonial-slide-item-content  {
    align-items: center !important;
}

.l2-testimonials-centered .l2-testimonial-slide-item-img {
    max-width: 256px;
    border-radius: 50%;
}

.l2-testimonials-centered .swiper-pagination-bullets-dynamic {
    top: auto !important;
    bottom: 0 !important;
    bottom: -64px !important;
}
.l2-test-text_s .l2-testimonial-slide-item .l2-testimonial-slide-item-content-zitat {
    font-size: 24px;
    line-height: 1.4;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .l2-test-text_s .l2-testimonial-slide-item .l2-testimonial-slide-item-content-zitat {
        font-size: 16px;
        line-height: 1.4;
    }
}
/* MAPS FIX */

.l2-map .l2-layout-container {
    --margin-inline-end: auto !important;
    --margin-inline-start: auto !important;
}

.l2-map .sl-container {
    max-width: 100% !important;
}
a.action.zoomhere,
.info-addr .pol-12:first-of-type a {
    color: #000 !important;
}
a.action.zoomhere,
.info-addr .pol-12:last-of-type {
    display: none !important;
}

.asl-buttons.asl-btn-full {
    justify-content: flex-start !important;
}

a.action.a-website {
    font-size: 0 !important;
    margin-bottom: 0 !important;
}
a.action.a-website::before {
    font-size: 13px !important;
    content: "\f041";
    font-family: "FontAwesome" !important;
}

a.action.a-website::after {
    content: "Route planen";
    font-size: 13px !important;
    padding-left: 8px;
}

a.action.a-website {
    border-radius: 5px !important;
    background-color: var(--e-global-color-primary) !important;
    padding: 8px 24px 4px !important;
    transition: all 0.15s ease;
}

a.action.a-website:hover {
    background-color: var(--e-global-color-secondary) !important;
}

.infoWindow span {
    line-height: var(--e-global-typography-copypsmall-line-height) !important;
    font-weight: var(--e-global-typography-copypsmall-font-weight) !important;
    font-size: var(--e-global-typography-copypsmall-font-size) !important;
    font-family: var(--e-global-typography-copypsmall-font-family) !important;
    color: var(--e-global-color-text) !important;
}

#asl-map-canv > div > div.gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:not(:first-child) {
    background-image: url("/wp-content/uploads/2024/07/icon_dreihans_pin.png");
    width: 40px !important;
    height: 40px !important;
    background-size: contain;
    background-repeat: no-repeat;
}

#asl-map-canv > div > div.gm-style > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(3) > div > img {
    width: 40px !important;
    height: 40px !important;
    transform: translateY(-10px) !important;
}

#asl-map-canv > div > div.gm-style > div:nth-child(1) > div:nth-child(2) > div > div:nth-child(3) > div {
    width: 40px !important;
}

div > div.gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) > div:not(:first-child) img {
    display: none;
}

.l2-map #asl-storelocator.asl-cont .infoBox .infoWindow h3 {
    color: var(--e-global-color-text) !important;
    font-family: var(--e-global-typography-headlinesh4-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-headlinesh4-font-size) !important;
    font-weight: var(--e-global-typography-headlinesh4-font-weight) !important;
    text-transform: var(--e-global-typography-headlinesh4-text-transform) !important;
    line-height: var(--e-global-typography-headlinesh4-line-height) !important;
    letter-spacing: var(--e-global-typography-headlinesh4-letter-spacing) !important;
    word-spacing: var(--e-global-typography-headlinesh4-word-spacing) !important;
}

.l2-map #asl-storelocator.asl-cont .infoBox #style_0 h3 {
    padding: 24px 32px 0px 24px !important;
}

.l2-map #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent {
    padding: 24px !important;
}


.l2-map #asl-storelocator.asl-cont .infoBox .infoWindow .infowindowContent .info-addr .info-addr-inner i {
    color: var(--e-global-color-primary) !important;
}

.l2-map #asl-storelocator.asl-cont .infoBox img[align="right"] {
    margin: 16px 16px -0 0px !important;
    transition: all 0.15s ease;
}

.l2-map #asl-storelocator.asl-cont .infoBox img[align="right"]:hover {
    transform: rotate(45deg);
}

.l2-map #asl-storelocator.asl-cont .infoBox #style_0 .asl-buttons {
    justify-content: flex-start !important;
    padding: 0;
    margin-top: 16px !important;
}


.l2-map #asl-storelocator.asl-cont {
    opacity: 0.9 !important;
    transition: all 0.15s ease;
}

.l2-map #asl-storelocator.asl-cont:hover {
    opacity: 1 !important;
}


/* VORTEILE GRID */
@media screen and (min-width:1200px) {
.l2-term-san.l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    flex: 0 1 calc(calc(100% / 4) - 24px) !important;
    flex-grow: 1;
    padding: 0 36px;
}
}
@media screen and (min-width:991px) and (max-width:1199px) {
   .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    flex: 1 1 40% !important;
   }
.l2-term-san.l2-vorteile .dce-acf-repeater-grid {
    gap: 32px !important;
   }
}




/* .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    flex: 0 1 calc((100% / 3) - 22px) !important;
}

@media screen and (max-width:1279px) {
    .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc((100% / 3) - 11px) !important;
    }
}
@media screen and (max-width:992px) {
    .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
       flex: 0 1 calc((100% / 3) - 11px) !important;
    }
}
@media screen and (max-width:768px) {
    .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
       flex: 0 1 calc((100% / 2) - 11px) !important;
    }
}
@media screen and (max-width:512px) {
    .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
       flex: 0 1 calc((100% / 1) - 0px) !important;
    }
} */
/* @media screen and (max-width:991px) {
    .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc((100% / 2) - 24px) !important;
     }
} */

/* HOTFIX QUICK LINKS */

@media screen and (max-width:767px) {
    .l2-content-repeater-container .dce-acf-repeater-grid .dce-acf-repeater-item .l2-content-repeater-item {
        font-size: 14px !important;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .l2-content-repeater-container .dce-acf-repeater-grid .dce-acf-repeater-item .l2-content-repeater-item {
        font-size: 14px !important;
    }
}


/* LOAD MORE BUTTON */

button.view-more-button {
    font-family: var(--e-global-typography-buttonbutton-font-family), Sans-serif;
    font-size: var(--e-global-typography-buttonbutton-font-size) !important;
    font-weight: var(--e-global-typography-buttonbutton-font-weight);
    text-transform: var(--e-global-typography-buttonbutton-text-transform);
    line-height: var(--e-global-typography-buttonbutton-line-height);
    letter-spacing: var(--e-global-typography-buttonbutton-letter-spacing);
    word-spacing: var(--e-global-typography-buttonbutton-word-spacing);
    fill: var(--e-global-color-text_text_ultralight);
    color: var(--e-global-color-text_text_ultralight);
    background-color: var(--e-global-color-primary);
    border-radius: 3px !important;
    padding: 12px 24px !important;
    transition: all 0.15s ease !important;
}

/* ÖFFNUNGSZEITEN GRID */

.l2-oeffnungszeiten h4 {
    margin-bottom: 12px !important;
}

.l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-grid {
    column-gap: 24px !important;
    row-gap: 32px !important;
    justify-content: space-between !important;
}

@media screen and (min-width:992px) {
    .l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc((100% / 4) - 20px) !important;
        /* flex: 1 1 auto !important; */
    }
}

@media screen and (min-width:576px) and (max-width:991px) {
    .l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc((100% / 2) - 20px) !important;
    }
}

@media screen and (max-width:991px) {
    .l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-grid {
        row-gap: 24px !important;
    }
}

/* BAUMARKT LISTE */

.l2-text-zwei-spalten ul {
    column-count: 2;
}

/* PROGRESS BAR HOTFIX */

.l2-progress-bar-container {
    background-color: #fff !important;
}

@media screen and (max-width:1439px) {
    .l2-progress-bar-container > div {
        margin: 0 32px !important;
        width: calc(100% - 64px) !important;
    }
}

/* MEHR ALS */

.l2-mehrals .l2-counter-container.l2-counter-one .elementor-counter-number::before {
    content: "> ";
}

/* NACHHALTIGKEIT IM BAU  */

@media screen and (min-width:768px) {
    .l2-margin-minus-64 .dce-acf-repeater-item {
        padding-bottom: 0 !important;
    }
    
    
    .l2-margin-minus-64 .dce-acf-repeater-item:nth-child(2),
    .l2-margin-minus-64 .dce-acf-repeater-item:nth-child(3) {
        margin-top: -64px !important;
    }
}

/* FOOTER LINKS */

footer .elementor-widget-text-editor a {
    color: var(--e-global-color-base_white) !important;
}
footer .elementor-widget-text-editor a:hover {
    color: var(--e-global-color-primary) !important;
}
footer a {
    /* color: var(--e-global-color-base_white) !important; */
    font-family: var(--e-global-typography-copycaption-font-family), Sans-serif;
    font-size: var(--e-global-typography-copycaption-font-size) !important;
    font-weight: var(--e-global-typography-copycaption-font-weight);
    text-transform: var(--e-global-typography-copycaption-text-transform);
    line-height: var(--e-global-typography-copycaption-line-height);
    letter-spacing: var(--e-global-typography-copycaption-letter-spacing);
    word-spacing: var(--e-global-typography-copycaption-word-spacing);
}

footer .l2-column-2 ul li {
    margin-bottom: 4px;
}

footer #footer_social svg:hover path {
    fill: var(--e-global-color-primary) !important;
}

/* KONTAKT REPEATER */

/* .l2-standorte-repeater .l2-textblock-container-left .elementor-heading-title,
.l2-headline-presse .elementor-heading-title {
    font-size: 40px !important;
} */

.l2-standorte-repeater .dce-acf-repeater-grid {
    gap:32px 0;
}
.l2-standorte-repeater .l2-textblock-container-left .l2-textblock-container {
    gap: 16px;
    margin: 0 auto;
}

.l2-standorte-repeater .dce-acf-repeater .l2-textblock-container {
    text-align: center;
}

.l2-standorte-repeater .dce-acf-repeater .l2-textblock-container .elementor-heading-title {
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-transform: none !important;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .l2-standorte-repeater .dce-acf-repeater-grid .dce-acf-repeater-item {
        flex: 1 1 40% !important;
        padding: 0 !important;
    }
}

/* PRESSE */

.l2-kontakt-presse-container .l2-layout-repeater-grid {
    flex-direction: row !important;
    justify-content: space-between;
}

.l2-kontakt-presse-container .l2-textblock-container-left {
    width: auto !important;
}

.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .elementor-button-content-wrapper {
    justify-content: flex-start;
}
@media screen and (max-width:1439px) {
    .l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop {
        width: 850px !important;
    }   
}

@media screen and (min-width:1440px) {
    .l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop {
        width: 900px !important;
    }
}

.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    flex: 0 1 calc(50% - 32px) !important;
    aspect-ratio: 3 / 2;
    padding: 0 !important;
}

.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item a {
    background-color: transparent !important;
    color: #000 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 0 24px !important;
}
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item a:hover {
    color: #00b1b2 !important;
}
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .l2-textblock-btn-container > div,
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .l2-textblock-btn-container .l2-button,
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .elementor-button-wrapper,
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .l2-textblock-lower-container,
.l2-kontakt-presse-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item .l2-textblock-btn-container{
    width: 100% !important;
    padding: 0 !important;
    height: 100% !important;
}


.l2-kontakt-presse-container .dce-acf-repeater-item > div > .l2-textblock-image-position-back .l2-textblock-image-position-back {
    aspect-ratio: 3 / 2 !important;
}

.l2-kontakt-presse-container .dce-acf-repeater-grid {
    row-gap: 24px !important;
}

.l2-kontakt-presse-container .dce-acf-repeater-grid {
    column-gap: 64px !important;
}

.l2-kontakt-presse-container .l2-textblock-container-left .l2-textblock-upper-container {
    flex-direction: column-reverse;
}

.l2-kontakt-presse-container .l2-icon-size-xxl img {
    width: 240px !important;
    height: auto !important;
}

.l2-kontakt-presse-container .dce-acf-repeater-grid::before {
    content: "Pressefotos";
    color: var(--Text-text, #01132B);
    font-feature-settings: 'clig' off, 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 133.333% */
    position: absolute;
    top: 0px;
    z-index: 1;
}

.l2-kontakt-presse-container .dce-acf-repeater-grid {
    margin-top: 64px;
}

@media screen and (max-width:991px) {
.l2-kontakt-presse-container .dce-acf-repeater-grid {
    margin-top: 64px;
    flex-direction: column !important;
}
}
.l2-modelle-grid a {
    pointer-events: none;
}
/* DOWNLOADS KONTAKT */


@media screen and (min-width:1440px) {
    .page-id-9423 .l2-kontakt-downloads-container .l2-layout-repeater-grid {
        padding-left: 476px !important;
        width: 1376px !important;
    }
}

@media screen and (min-width:1200px) and (max-width:1439px) {
    .page-id-9423 .l2-kontakt-downloads-container .l2-layout-repeater-grid {
        padding-left: 0 !important;
        width: 850px !important;
        float: right;
    }  
}

@media screen and (max-width:1199px) {
    .l2-kontakt-downloads-container .l2-layout-repeater-grid {
        width: 100% !important;
    }  
}

.l2-kontakt-downloads-container .dce-acf-repeater-item [class*="l2-textblock-image"] {
    flex-direction: row;
    flex-wrap: nowrap !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-image {
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    background-position: top;
    height: 40px;
    min-height: 0 !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container {
    justify-content: center !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container a {
    padding: 0 !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container a,
.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container a:hover {
    background-color: transparent !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container a span,
.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container .l2-copytext {
    width: 100%;
    justify-content: space-between;
    display: flex;
    color:  #01132B !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 28px; /* 140% */
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container .l2-textblock-btn-container > div {
    padding: 0 !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container .l2-copytext {
    width: 140px;
    justify-content: flex-end;
}

.l2-kontakt-downloads-container .l2-textblock-lower-container .l2-button img {
    height: 32px;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container {
    flex-direction: row-reverse;
}

.l2-kontakt-downloads-container .dce-acf-repeater-grid {
    flex-wrap: nowrap !important;
}

.l2-kontakt-downloads-container .dce-acf-repeater-item:not(:last-child) {
    margin-bottom: 12px;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #d9d9d9;
}

.l2-kontakt-downloads-container .dce-acf-repeater-grid {
    flex-direction: column;
}

@media screen and (min-width:768px) and (max-width:991px) {
    .l2-kontakt-downloads-container .dce-acf-repeater-grid {
        flex-direction: column !important;
        gap: 0 !important;
    }
}

@media screen and (max-width:767px) {
    .l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container {
        flex-direction: row-reverse;
        gap: 8px;
        padding-bottom: 16px;
        flex-wrap: nowrap;
    }
    .l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container {
    flex-direction: column-reverse;
}
.l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container .l2-copytext {
    width: auto;
        align-self: flex-start;
        left: 40px;
}
}

@media screen and (max-width:575px) {
    .l2-kontakt-downloads-container .dce-acf-repeater-item .l2-textblock-lower-container {
        flex-direction: column-reverse;
        gap: 0;
    }
}




.l2-kontakt-downloads-container .l2-textblock-container-left .l2-subline .elementor-heading-title {
    color: var(--Text-text, #01132B) !important;
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-transform: none !important;
}

.l2-kontakt-downloads-container .l2-textblock-container-left .l2-headline .elementor-heading-title {
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-size: 80px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 88px !important;
}

.l2-kontakt-downloads-container .l2-textblock-container-left .l2-overline .elementor-heading-title {
    font-feature-settings: 'clig' off, 'liga' off !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
}

/* CUSTOM ÖFFNUNGSZEITEN WERKSTATT */

.page-id-12042 .l2-oeffnungszeiten .l2-layout-repeater-grid {
    flex-direction: row !important;
}

.page-id-12042 .l2-oeffnungszeiten .l2-textblock-container-left .l2-textblock-icon {
    width: 100% !important;
    height: auto !important;
}

.page-id-12042 .l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    /* flex: 0 1 calc((100% / 4) - 20px) !important; */
    flex: 1 1 auto !important;
}

.l2-oeffnungszeiten .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item:first-child {
    background-color: var(--e-global-color-secondary) !important;
}

/* TEXT ALIGN CENTER HACK */

.l2-textblock-container.l2-textalign-center {
    margin: 0 auto;
}

/* IMMO GRID */
body.single-immobilie .l2-textblock-repeater-cl .dce-acf-repeater-grid { 
    gap: 64px;
}
@media screen and (min-width:992px) {
    .l2-bilder-immo-grid .dce-acf-repeater-grid {
        display: grid !important;
        grid-template-columns: 1fr 1fr 2fr;
        grid-template-rows: 1fr 1fr;
        grid-gap: 16px; /* adjust as needed */
    }
    
    .l2-bilder-immo-grid .dce-acf-repeater-item:nth-child(-n+4) {
        grid-column: span 1 / auto;
    }
    
    .l2-bilder-immo-grid .dce-acf-repeater-item:nth-child(5) {
        grid-column: 3;
        grid-row: 1 / span 2;
        margin-left: 44px !important;
    }
    
    .l2-bilder-immo-grid .dce-acf-repeater-item:nth-child(5) * {
        height: 100% !important;
    }
}

@media screen and (max-width:991px) {
    .l2-bilder-immo-grid .dce-acf-repeater-grid {
        flex-direction: column !important;
    }
    .l2-bilder-immo-grid .dce-acf-repeater-grid .l2-textblock-image {
        min-height: 400px !important;
    }
}

/* IMMO DETAILSEITE */

.l2-immo-projekt .l2-layout-repeater-grid {
    flex-direction: row !important;
    gap: 64px;
}

/* BAUMARKT REPEATER */

.l2-produktsortiment-container .dce-acf-repeater-item * {
    color: #fff !important;
}

@media screen and (min-width:992px) {
    .l2-produktsortiment-container .l2-layout-container {
        gap: 0 !important;
    }
    .l2-produktsortiment-container .l2-layout-container > div {
        background-color: #eaebeb !important;
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
    
}

.l2-produktsortiment-container .l2-textblock-container-left {
    padding-bottom: 32px !important;
    padding-top: 64px !important;
}

.l2-produktsortiment-container .dce-fix-background-loop {
    padding-bottom: 64px !important;
    padding-top: 0 !important;
}

@media screen and (min-width:992px) {
    .l2-produktsortiment-container .l2-layout-container > div {
        width: 50% !important;
    }
}



.l2-produktsortiment-container .l2-gradient-overlay {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center right;
}

.l2-produktsortiment-container .dce-acf-repeater-grid {
    flex-direction: row;
    gap: 16px;
}

.l2-produktsortiment-container .dce-acf-repeater-grid .elementor-heading-title {
    font-size: var(--e-global-typography-copypbold-font-size) !important;
    font-weight: var( --e-global-typography-copypbold-font-weight) !important;
    text-transform: var(--e-global-typography-copypbold-text-transform) !important;
    line-height: var(--e-global-typography-copypbold-line-height) !important;
    letter-spacing: var(--e-global-typography-copypbold-letter-spacing) !important;
}
.l2-produktsortiment-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
    position: relative;
    z-index: 0;
}
@media screen and (min-width:768px) {
    .l2-produktsortiment-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 0 calc(50% - 16px) !important;
    }
}

@media screen and (max-width:767px) {
    .l2-produktsortiment-container .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 1 1 auto !important;
    }
}



.l2-produktsortiment-container .dce-acf-repeater-item {
    background-color: var(--primitive-color-ci-secondary02) !important;
    padding: 16px !important;
    text-align: center;
}

.l2-produktsortiment-container .dce-acf-repeater-item:hover {
    z-index: 10000 !important;
}

.l2-produktsortiment-container .dce-acf-repeater-item .l2-textblock-lower-container {
    opacity: 0 !important;
    height: 0 !important;
    position: absolute;
    background-color: #000 !important;
    top: 0 !important;
    left: -16px;
    width: calc(100% + 32px);
    transition: all 0.3s ease;
    padding: 0 32px 24px !important;
    z-index: 10;
    overflow: hidden;
}

.l2-produktsortiment-container .dce-acf-repeater-item:hover {
    background-color: #000 !important;
    cursor: pointer;
}


.l2-produktsortiment-container .dce-acf-repeater-item:not(:hover) .l2-textblock-lower-container {
    transition: none !important;
}

.l2-produktsortiment-container .dce-acf-repeater-item:not(:hover) .l2-textblock-lower-container .l2-copytext {
height: 0;
}
.l2-produktsortiment-container .dce-acf-repeater-item:hover .l2-textblock-lower-container {
    opacity: 1 !important;
    height: auto !important;
    top: calc(100% + 16px) !important;
    position: absolute;
    z-index: 999999999;
}

@media screen and (max-width:991px) {
    .l2-produktsortiment-container .dce-acf-repeater-item:hover .l2-textblock-lower-container {
    position: relative;
    margin-top: 24px;
}
    .l2-produktsortiment-container {
        gap: 32px;
        background-color: transparent !important;
    }

    .l2-produktsortiment-container > .l2-gradient-overlay {
        position: relative !important;
        height: 500px !important;
    }
    
    .l2-produktsortiment-container {
        flex-direction: column-reverse !important;
        gap: 32px !important;
    }
}




/* LEHRE CUSTOM FONT */

.lehre .l2-lehre-font h2.elementor-heading-title,
.lehre .l2-lehre-font h2.elementor-heading-title span {
    font-family: Rither !important;
    line-height: 0.8em !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.lehre .l2-lehre-font .l2-typo-headline-h1 h2.elementor-heading-title,
.lehre .l2-lehre-font .l2-typo-headline-h1 h2.elementor-heading-title span {
    font-size: 120px !important;
}

.lehre .l2-lehre-font .l2-typo-headline-h2 h2.elementor-heading-title,
.lehre .l2-lehre-font .l2-typo-headline-h2 h2.elementor-heading-title span {
    font-size: 85px !important;
}

/* LEHRE DETAILSEITE CUSTOM FONT */

.single-job .l2-lehre-font h2.elementor-heading-title,
.single-job .l2-lehre-font h2.elementor-heading-title span {
    font-family: Rither !important;
    line-height: 0.8em !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.single-job .l2-lehre-font h3.elementor-heading-title,
.single-job .l2-lehre-font h3.elementor-heading-title span {
    font-family: Rither !important;
    line-height: 0.8em !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.single-job .l2-lehre-font .l2-typo-headline-h1 h2.elementor-heading-title,
.single-job .l2-lehre-font .l2-typo-headline-h1 h2.elementor-heading-title span {
    font-size: 120px !important;
}

.single-job .l2-lehre-font .l2-typo-headline-h2 h2.elementor-heading-title,
.single-job .l2-lehre-font .l2-typo-headline-h2 h2.elementor-heading-title span {
    font-size: 85px !important;
}




/* JOB GRID */

article.type-job a.elementor-button-link.elementor-button::before {
    content: "Stellenbeschreibung";
    text-transform: uppercase;
}

article:not(.job, .type-case) .dce-item_readmore {
    display: none;
}
article.type-case .dce-item_readmore {
    position: absolute;
    bottom: -24px;
    right: -24px;
}
.l2-dark-mode  article.type-case .dce-item_readmore a.elementor-button {
    color: var(--e-global-color-brand_primary_01);
}
.l2-dark-mode article.type-case .dce-post-block,
.l2-dark-mode article.type-referenz .elementor-widget-container {
    background-color: #b0b0b0 !important;
}

article.job .dce-item_title {
    min-height: 61px;
    padding: 12px 24px 0 !important;
}

.l2-layout-grid-carousel .dce-posts-container article.job .elementor-button::after {
    display: none !important;
}

.l2-layout-grid-carousel .dce-posts-container article.job .elementor-button:hover {
    border-radius: 3px !important;
}

.l2-dark-mode article.job .dce-post-button a {
    background-color: var(--primitive-color-ci-primary01) !important;
}
/* LEHRE */

article.job .dce-post-block {
    background-color: var(--e-global-color-brand_tertiary_04) !important;
}

.l2-lehre-grid .dce-post-title,
.l2-lehre-grid .dce-post-title a {
    color: var(--primitive-color-text-text-default) !important;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
}

div#job_menu_filter_container {
    display: flex;
    align-items: center;
    gap: 16px;
}
#job_menu_filter_icon {
    width: 56px;
}
div#job_menu_filter {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
}
#job_tax_filter, #job_ort_filter {
    margin-bottom: 0px !important;
}

@media screen and (max-width:991px) {
    div#job_menu_filter {
        gap: 16px !important;
    }
    #job_tax_filter, #job_ort_filter {
        align-items: flex-start !important;
        gap: 0px !important;
        flex-direction: column !important;
    }
    ul.job-filter-array {
        gap: 6px !important;
    }
}
@media screen and (max-width:768px) {
    div#job_menu_filter_container {
    flex-direction: column !important;
    align-items: flex-start !important;
    }
    ul.job-filter-array {
        flex-wrap: wrap !important;
    }

}
.l2-karriere-grid .dce-wrapper-grid article {
    align-self: stretch !important;
    height: auto !important;
}

.l2-job_item {
    padding: 16px 24px 24px;
}
.l2-job_item h4 {
    margin: 0 0 8px;
    color: var(--primitive-color-text-text-default) !important;
}
p.l2-job-termns {
    font-size: 14px;
    margin: 0 0 24px;
}
a.l2-job-btn {
    background-color: rgb(0, 177, 178);
    border-radius: 3px;
    color: rgb(255, 255, 255) !important;
    font-size: 15px;
    font-weight: 400;
    height: 46px;
    letter-spacing: normal;
    line-height: 22px;
    padding: 12px 24px;
    text-align: center;
}
#job_tax_filter,
#job_ort_filter {
    display: flex;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
ul.job-filter-array {
    list-style-type: none;
    display: flex;
    gap: 16px;
    padding: 0;
    margin: 0;
}
.job-tax-desc {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
}
li.job-filter-array-item {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    cursor: pointer;
}
li.job-filter-array-item:hover,
li.job-filter-array-item.active {
    color: var(--e-global-color-brand_primary_01) !important;
}

@media screen and (min-width:1200px) {
    .lehre .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item,
    .karriere .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 1 1 calc((100% / 3) - 32px) !important;
    }

    .lehre .l2-vorteile .dce-acf-repeater-grid,
    .karriere .l2-vorteile .dce-acf-repeater-grid {
        gap: 16px !important;
    }
}

@media screen and (min-width:576px) and (max-width:1199px) {
    .lehre .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item,
    .karriere .l2-vorteile .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 1 1 40% !important;
    }
}


/* JOB INTRO */

@media screen and (min-width:992px) {
    .l2-karriere-text .l2-textblock-lower-container {
        flex-direction: row !important;
        justify-content: space-between;
    }
    
    .l2-karriere-text .l2-textblock-lower-container  .l2-copytext {
        max-width: 296px !important;
        margin-top: -144px !important;
    }
}

.l2-karriere-text .l2-textblock-lower-container  .l2-subline {
    /* max-width: 500px !important; */
    flex: 0 1 50%;
}

.l2-karriere-grid .dce-post-title {
    color: var(--e-global-color-secondary) !important;
}

/* JOB DETAILSEITE */

.l2-job-hero {
    background-repeat: no-repeat;
    background-position: 75% 50%;
    background-size: cover;
}

.single.job_cat-job .l2-job-hero {
    background-image: url('/wp-content/uploads/2024/05/hero_karriere.webp');
}

.single.job_cat-lehrling .l2-job-hero {
    background-image: url('/wp-content/uploads/2024/05/lehre_hero.webp');
}

/* HOTFIX IMMO GRID */

@media screen and (max-width:767px) {
    figure[data-image-ratio="0.75"] {
        min-height: 66vw !important;
    }
}

/* LEHRE FORMULAR */

.l2-bewerbung-lehre .elementor-form-fields-wrapper,
.l2-bewerbung-lehre .elementor-form-fields-wrapper .elementor-field-subgroup{
    row-gap: 16px;
}

.l2-bewerbung-lehre .elementor-form-fields-wrapper .elementor-field-group {
    row-gap: 8px !important;
}

.l2-bewerbung-lehre textarea,
.l2-bewerbung-lehre input,
.l2-bewerbung-lehre select[autocompleted] {
    color: #2f3639 !important;
}


@media screen and (min-width:1200px) {
    .l2-bewerbung-lehre > .elementor-element:first-child {
        width: calc(1376px* 0.6666666) !important;
    }
}



.l2-bewerbung-lehre {
    justify-content: space-between !important;
    padding-left: calc((100vw - 1376px) / 2) !important;
}

.l2-bewerbung-lehre input[type="file"] {
    display: none;
}
  
.l2-bewerbung-lehre .elementor-field-type-upload label::before {
    content: "Datei auswählen";
    display: inline-block !important;
    width: auto !important;
    clear: both;
    padding: 6px 12px;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    font-family: "Averta Cyr", Sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 18px !important;
    letter-spacing: 0.1em !important;
    color: var(--e-global-color-text_text_ultralight);
    background-color: #02b1b3;
    margin-right: 16px !important;
}

.l2-bewerbung-lehre .elementor-form .elementor-button .elementor-button-text {
    font-family: "Averta Cyr", Sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 18px !important;
    letter-spacing: 0.1em !important;
    color: var(--e-global-color-text_text_ultralight);

}

.l2-bewerbung-lehre button[type="submit"] {
    padding: 12px 24px !important;
    background-color: #02b1b3;
}

.l2-bewerbung-lehre .elementor-message {
    color: var(--e-global-color-text_text_ultralight);
}

.l2-bewerbungsformular-lehre-container {
    background-color: var(--e-global-color-secondary);
    padding-top: 100px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

@media screen and (max-width:1199px) {
    .l2-bewerbung-form-container {
        width: 100% !important;
    }
}

@media screen and (max-width:1439) {
    .l2-bewerbung-form-container {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }
}

@media screen and (min-width:1440px) {
    .l2-bewerbung-form-container {
        padding-left: 0 !important;
        /* padding-right: 0 !important; */
    }
}

/* KONTAKT FORMULAR */
.elementor-message.elementor-message-success {
    font-size: 15px !important;
    line-height: 22px !important;
    margin: 32px 0 0 !important;
}

/* INFOBOX KARRIERE */

.l2-karriere-infobox-container {
    z-index: 1000 !important;
}

@media screen and (min-width:1200px) {
    .l2-karriere-infobox-container .l2-layout-repeater-grid {
        flex-direction: row !important;
        justify-content: space-between;
    }
    
    .l2-karriere-infobox-container .dce-fix-background-loop {
        flex: 0 0 35% !important;
    }
    
    .l2-karriere-infobox-container .l2-textblock-container-left {
        flex: 0 0 35% !important;
    }
    .l2-karriere-infobox-container {
        min-height: 290px !important;
    }
}

.l2-karriere-infobox-container .dce-acf-repeater-item {
    padding-bottom: 0 !important;
}

.l2-karriere-infobox-container .l2-textblock-container-left .l2-textblock-lower-container {
    border-left: 5px solid var(--primitive-color-ci-secondary01);
    padding-left: 24px;
}

@media screen and (min-width:1200px) {
    .l2-karriere-infobox-container .l2-textblock-container-left {
        min-height: 290px !important;
    }
}



.l2-karriere-infobox-container .l2-textblock-container-left .l2-textblock-lower-container p {
    line-height: 1.8em !important;
}

@media screen and (min-width:1200px) {
    .l2-karriere-aufgaben-container {
        margin-top: -160px !important;
    }
}
.l2-karriere-hero {
    padding-top:64px;
}
.l2-karriere-hero .elementor-button {
    color: var(--e-global-color-brand_primary_01) !important;
    border-radius: 0 !important;
}

@media screen and (max-width:1439px) {
    .l2-karriere-hero {
        padding: 0 32px !important;
    }
}



/* KARRIERE FORMULAR */

.l2-bewerbung-karriere .elementor-form-fields-wrapper,
.l2-bewerbung-karriere .elementor-form-fields-wrapper .elementor-field-subgroup{
    row-gap: 16px;
}

.l2-bewerbung-karriere .elementor-form-fields-wrapper .elementor-field-group {
    row-gap: 8px !important;
}

.l2-bewerbung-karriere textarea,
.l2-bewerbung-karriere input,
.l2-bewerbung-karriere select[autocompleted] {
    color: #2f3639 !important;
}


@media screen and (min-width:1200px) {
    .l2-bewerbung-karriere > .elementor-element:first-child {
        width: calc(1376px* 0.6666666) !important;
    }
}



.l2-bewerbung-karriere {
    justify-content: space-between !important;
    padding-left: calc((100vw - 1376px) / 2) !important;
}

.l2-bewerbung-karriere input[type="file"] {
    display: none;
}
  
.l2-bewerbung-karriere .elementor-field-type-upload label::before {
    content: "Datei auswählen";
    display: inline-block !important;
    width: auto !important;
    clear: both;
    padding: 6px 12px;
    cursor: pointer;
    padding: 0 !important;
    margin: 0 !important;
    padding: 12px 24px !important;
    font-family: "Averta Cyr", Sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 18px !important;
    letter-spacing: 0.1em !important;
    color: var(--e-global-color-text_text_ultralight) !important;
    background-color: #02b1b3;
    margin-right: 16px !important;
}

.l2-bewerbung-karriere .elementor-form .elementor-button .elementor-button-text {
    font-family: "Averta Cyr", Sans-serif;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    line-height: 18px !important;
    letter-spacing: 0.1em !important;
    /* color: var(--e-global-color-text_text_ultralight); */

}

.l2-bewerbung-karriere button[type="submit"] {
    padding: 12px 24px !important;
    background-color: #02b1b3;
}

.l2-bewerbung-karriere .elementor-message {
    color: var(--e-global-color-text_text_ultralight);
}

.l2-bewerbung-karriere .elementor-widget-form .elementor-field-group > label, 
.l2-bewerbung-karriere .elementor-widget-form .elementor-field-subgroup label,
.l2-bewerbung-karriere h2.elementor-heading-title.elementor-size-default {
    color: var(--e-global-color-brand_secondary_01) !important;
}

.l2-dark-mode .l2-bewerbung-karriere .elementor-widget-form .elementor-field-group > label, 
.l2-dark-mode .l2-bewerbung-karriere .elementor-widget-form .elementor-field-subgroup label,
.l2-dark-mode .l2-bewerbung-karriere h2.elementor-heading-title.elementor-size-default {
    color: #fff !important;
}


/* CONTENT GALLERY SLIDER STYLING */

.l2-solo-img-slider .elementor-image-carousel-wrapper.swiper {
    height: inherit;

}

.l2-solo-img-slider figure.swiper-slide-inner {
    width: 100%;
    height: 100%;

}

.l2-solo-img-slider .swiper-slide-image {
    width: auto;
    height: 100%;

}



.l2-solo-img-slider .dynamic_acfslider .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    position: absolute !important;
    right: 0;
    left: auto !important;
    bottom: 8px !important;
    padding: 0 6px;
}

@media screen and (max-width:1200px) {
    .l2-solo-img-slider .l2-media-container-right,
    .l2-solo-img-slider .l2-media-container-right .swiper-slide {
        min-height: inherit !important;
        height: auto !important;
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

}
@media screen and (max-width:768px) {
.l2-solo-img-slider .dynamic_acfslider .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    position: relative !important;
    bottom: -28px !important;
    padding: 0;
    left: 25% !important
}
}
.l2-gal-caption figure {
    overflow: hidden;
    position: relative;
}
.l2-gal-caption figcaption {
    position: absolute;
    bottom: 0;
    padding: 1px 16px 14px !important;
    background-color: var(--primitive-color-ci-secondary01);
    z-index: 2;
    width: calc(100% - 24px);
}
.l2-gal-caption figcaption h3 {
color: #fff;
}



.l2-gradient-overlay {
    pointer-events: none !important;
}

/* GLOBAL CTA PADDING HOTFIX */

@media screen and (min-width:992px) {
    .l2-cta-box-bg.l2-cta {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* KONTAKT HOTFIX */

.l2-contact-compact-container {
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    gap: 64px;
}

/* HOTFIX BAUMETHODEN */

@media screen and (min-width:992px) {
    .l2-bauweisen-grid .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 0 1 calc(50% - 32px) !important;
    }
    .l2-bauweisen-grid .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-grid {
        justify-content: space-between !important;
    }
}
/* 
.l2-layout-repeater-grid {
    gap:0px 0px !important;
} */
/* HOTFIX MAGNIFIER */

.dce-post-image .dce-img img {
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}

/* HOTFIX MINI CONTACTS */
.l2-midi-contact-container {
    width: 100%;
    display: flex;
    gap: 48px 64px;
}

.l2-mini-kontakte .l2-layout-container .elementor-widget-container {
    display: flex;
    column-count: 3;
    flex-wrap: wrap;
    margin: 0 auto;
    gap: 48px 64px;
}

@media screen and (max-width:767px) {
    .l2-mini-kontakte .l2-layout-container .elementor-widget-container {
        flex-direction: column;
        gap: 32px;
    }
    .l2-midi-contact-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }
}



@media screen and (min-width:992px) {
    .l2-mini-kontakte .l2-layout-container .elementor-widget-container p {
        flex: 0 0 calc(33% - 42px) !important;
    }
}

.l2-mini-kontakte {
    background-color: #f3f3f3;
}

.l2-mini-kontakte .l2-textblock-container {
    gap: 64px !important;
}

.l2-mini-kontakte .l2-layout-container .elementor-widget-container p strong {
    font-size: 24px;
    margin-bottom: 4px;
    display: inline-block;
}

@media screen and (min-width:767px) and (max-width:991px) {
    .l2-mini-kontakte .l2-layout-container .elementor-widget-container p {
        flex: 0 0 calc(40% - 42px) !important;
    }
}

/* HOTFIX HOVER ZOOM */

.l2-zoom-in .rtbv-image-container::before {
    transform: scale(1.1) !important;
}


/* MEGA MENU HOTFIX */

#l2-mm-container {
    display: none;
}
.l2-megamenu-container {
    padding: 0 !important;
    margin: 0 !important;
}
.l2-megamenu-container > div  > div {
    position: fixed;
    z-index: 9999;
    top: 152px !important;
}

.l2-menu-past-header.l2-menu-scroll-down + .l2-megamenu-container {
    opacity: 0;
}

/* HOTFIX VIDEO HEADER */

.l2-video-hero-leistungen {
    padding-bottom: 0 !important;
    padding-top: 96px !important;
}

@media screen and (max-width:1199px) {
    .l2-video-hero-leistungen br {
        display: none !important;
    }
}

@media screen and (max-width:991px) {
    .l2-video-hero-leistungen .l2-layout-container {
        gap: 32px !important;
    }
}





/* HOTFIX PRESSE CONTAINER */

.l2-kontakt-presse-container .dce-acf-repeater-grid .l2-textblock-container,
.l2-kontakt-presse-container .dce-acf-repeater-grid .l2-textblock-lower-container {
    position: static;
}


/* HOTFIX CLOSE MARK */

.eicon-close:before {
    font-family: FontAwesome !important;
    content: "\f00d" !important;
}

/* SEARCH BAR HOTFIX */

.l2-search-bar {
    border: none !important;
}

.l2-search-bar .elementor-search-form__container {
    padding: 8px;
}

.elementor-9469 .elementor-element.elementor-element-501f616 > .elementor-widget-container {
    padding: 0 !important;
}

/* MENU HOTFIX */

/* div.elementor.elementor-9469.elementor-location-header > header > div > div {
    padding: 0 !important;
} */

.l2-menu-container > div > div:first-child > div {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

.l2-menu-container > div > div > div > div:first-child {
    flex-direction: 0 1 75%;
}

.elementor-widget-theme-site-logo a {
    float: left;
}

.elementor-9469 .elementor-element.elementor-element-48ec8fea img {
    height: 80px !important;
}

.elementor-nav-menu--stretch,
.elementor-nav-menu--stretch > div {
    position: static !important;
}

@media screen and (max-width:991px) {
    .elementor-menu-toggle {
        min-width: 40px !important;
    }
    header > div {
        flex-direction: column !important;
        gap: 0 !important;
    }
    header.l2-search-toggled > div {
        padding-bottom: 16px !important;

    }

    .elementor-9469 .elementor-element.elementor-element-319c173b,
.elementor-9469 .elementor-element.elementor-element-f91c436{
    padding-right: 0 !important;
}
}

.l2-menu-toggled div#trigger_search,
.l2-menu-toggled search,
.l2-megamenu-toggled div#trigger_search,
.l2-megamenu-toggled search {
   visibility: hidden;
    height: 0;
}

/* COLOR LEISTUNGEN HERO FIX */

/* MAC */

.e--ua-mac .l2-video-hero-leistungen.l2-container-backgroundcolor-tertiary {
    background-color: #41474b !important;
}

/* WIN CHROME + EDGE */

.e--ua-chrome:not(.e--ua-mac) .l2-video-hero-leistungen.l2-container-backgroundcolor-tertiary,
.e--ua-edge:not(.e--ua-mac) .l2-video-hero-leistungen.l2-container-backgroundcolor-tertiary {
    background-color: #383f41 !important;
}

/* IOS & ANDROID */

.e--ua-isTouchDevice .l2-video-hero-leistungen.l2-container-backgroundcolor-tertiary {
    background-color: #363f41 !important;
}

/* HOTFIX SOCIAL */

.l2-hero-social {
    margin: 16px 0;
}

.l2-hero-social i {
    font-size: 21px;
    margin-top: 6px;
    margin-right: 6px;
}

/* VIDEO UNTERNEHMEN */

.l2-unternehmen-video {
    background-image: url('/wp-content/uploads/2024/04/bg_icon_big_dark.jpg') !important;
}

@media screen and (max-width:991px) {
    .l2-unternehmensvorstellung.l2-unternehmen-video .l2-media-container-right {
        --min-height: none !important;
    }
    .l2-unternehmen-video .l2-layout-container {
        gap: 32px !important;
    }
}

@media screen and (min-width:1200px) {
    .l2-2col-desktop {
        flex-direction: row !important;
        display: flex;
        gap: 16px;
    }
    .l2-2col-desktop p:empty {
        display: none;
    }
    .l2-2col-desktop p,
    .l2-2col-desktop span {
        flex: 1 1 50% !important;
    }
}

@media screen and (max-width:1199px) {
    .l2-2col-desktop p:first-child {
        margin-bottom: 16px !important;
    }
}


.l2-content-bottom .rtbv-container.rtbv-image-container:only-child {
    width: 100% !important;
}

/* .l2-unternehmensvorstellung .l2-media-container-right {
    --min-height: 550px !important;
} */

/* .l2-unternehmensvorstellung .l2-textblock-container-left {
    padding: 32px 0 !important;
} */

/* HOTFIX SCHRITT FUER SCHRITT */

.l2-stepbystep .elementor-37 .elementor-element.elementor-element-327b939 .dce-acf-repeater-item {
    padding-bottom: 0 !important;
}

.l2-stepbystep .dce-acf-repeater-grid {
    gap: 32px !important;
}

.l2-hide-textblock .elementor-37 .elementor-element.elementor-element-7631c9ea {
    display: none;
}


.l2-reverse-overlay-order .l2-master-container-shortcode {
    position: relative;
    z-index: 2;
}
.l2-reverse-overlay-order .l2-gradient-overlay {
    /* filter: grayscale(1); */
    opacity: 0.3;
}

/* GLOBAL HOTFIX */

.l2-vertical-btn .l2-textblock-btn-container .e-con-inner {
    flex-direction: column !important;
}


/* RUND UMS BAUEN HOTFIX PADDING */

@media screen and (max-width:991px) {
    .l2-quicklinks {
        padding-top: calc(var(--primitive-spacing-16-64) / 2) !important;
        padding-bottom: calc(var(--primitive-spacing-16-64) / 2) !important;
    }
}

@media screen and (min-width:992px) {
    .l2-quicklinks {
        padding-top: calc(var(--primitive-spacing-16-64)) !important;
        padding-bottom: calc(var(--primitive-spacing-16-64)) !important;
    }
}



/* UNTERNEHMENSVORSTELLUNGS WIDTH 100% */

.l2-unternehmensvorstellung .l2-textblock-container {
    max-width: 100% !important;
}

.l2-unternehmensvorstellung.l2-dark-mode .l2-gradient-overlay {
    mix-blend-mode: color-dodge;
}

.l2-unternehmensvorstellung.l2-light-mode .l2-gradient-overlay {
    mix-blend-mode: darken;
}

.l2-unternehmensvorstellung .l2-gradient-overlay {
    transform: translateY(50px) !important;
    /* mix-blend-mode: darken; */
}

@media screen and (max-width:991px) {
    .l2-unternehmensvorstellung .l2-gradient-overlay {
        display: none;
    }
}



/* GAP MOBILE FIX */

@media screen and (max-width:991px) {
    .l2-gap-32-mobile .l2-layout-container {
        gap: 32px !important;
    }
}


/* UNTERNEHMENSVORSTELLUNG ABSTÄNDE HOTFIX */

@media screen and (max-width:991px) {
    .l2-unternehmensvorstellung .l2-textblock-container {
        padding: 0 !important;
    }

    .home .l2-unternehmensvorstellung .l2-media-container-right {
        aspect-ratio: 3 / 2 !important;
        --min-height: 0 !important;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {
    .home .l2-unternehmensvorstellung .l2-textblock-container-left {
        width: calc(((var(--primitive-container-width-wide-default)* 0.01)* 40));
    }
    .home .l2-unternehmensvorstellung .l2-media-container-right {
        --width: calc(100%) !important;
    }
}


/* ASPECT RATIO IMAGE */

@media screen and (max-width:991px) {
    .l2-ar-4-3 .l2-media-container-right {
        aspect-ratio: 3 / 2 !important;
        background-size: contain !important;
        --min-height: 0 !important;
    }
}



@media screen and (max-width:575px) {
    [data-elementor-type="footer"] .elementor-widget-image img {
        max-width: 200px;
        /* margin-left: 52px; */
    }
}


/* BUTTON MEHR PROJEKTE HOVER HOTFIX */

.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:not(:hover) {
    background-color: var(--token-color-button-primary-hover-mode-light) !important;
    
}

.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:not(:hover) .l2-svg-chevron_wht path {
    fill: #01B1B2 !important;
}


.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:not(:hover) .elementor-button-text {
    color: #01B1B2 !important;
}

.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:hover .l2-svg-chevron_wht path {
    fill: #fff !important;
}


.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:hover .elementor-button-text {
    color: #fff !important;
}

.l2-dark-mode.l2-loadmore-grid .l2-loadmore-btn .elementor-button:hover {
    background-color: #01B1B2 !important;
    
}


/* NACHHALTIGKEIT AM BAU - UNTERNEHMEN */

@media screen and (max-width:767px) {
    .unternehmen .l2-3saeulenplanung .l2-textblock-lower-container {
        text-align: left;
    }
    .unternehmen .l2-3saeulenplanung .l2-textblock-image {
        background-size: cover;
        aspect-ratio: 4 / 3;
    }
    .l2-3saeulenplanung .dce-acf-repeater-item > div > [class*="l2-textblock-image-position"] {
        gap: 32px;
    }
}


/* UNSERE WERTE - UNTERNEHMEN */

.l2-unsere-werte .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container  .dce-acf-repeater-item {
    flex: unset !important;
    width: calc(25% - 24px);
}
.l2-unsere-werte .dce-acf-repeater-grid {
    gap: 32px !important;
}
/* .l2-unsere-werte .l2-repeater-gap-64 .dce-acf-repeater-grid {
    gap: 25px !important;
} */

/* @media screen and (min-width:992px) and (max-width:1199px) {
    .l2-unsere-werte .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        flex: 1 1 calc( 100% / 3 ) !important;
    }
} */

@media screen and (max-width:1199px) {
    .l2-unsere-werte .l2-layout-repeater-grid .l2-textblock-image {
        aspect-ratio: 1 / 1;
    }
    .l2-unsere-werte .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        width: calc(50% - 24px);
    }
}
@media screen and (max-width:991px) {
    .l2-unsere-werte .l2-layout-repeater-grid .dce-fix-background-loop > .elementor-widget-container .dce-acf-repeater-item {
        width: calc(100% - 0px);
    }
}
/* @media screen and (max-width:1279px) {
    .l2-unsere-werte .dce-acf-repeater-grid {
        gap: 64px !important;
   }
} */


.l2-unternehmen-video .l2-layout-container iframe {
    aspect-ratio: 16 / 9 !important;
    width: 100%;
    height: auto;
}


/* NAV SCROLL FIX */
nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    max-height: calc(100svh - 100px) !important;
        overflow: scroll;
}


/* BODY NOT SCROLL WHILE MOBILE MENU OPEN */

.l2-menu-toggled-body {
    overflow: hidden;
}

@media screen and (max-width:767px) {
   .l2-karriere-hero {
        background-image: none !important;
   }
}

.downloads .hero_tall .l2-textblock-container {
    padding: 120px 0 160px !important;
}

@media screen and (max-width:767px) {
.l2-content-media-custom-container .l2-media-container-right {
    min-height: auto !important;
    aspect-ratio: 656 / 531;
}
}
@media screen and (max-width:767px) {
.single-immobilie .hero_tall .l2-master-container-shortcode {
    padding: 120px 0;
}
}


/* REFERENZEN */
.l2-gal-grid-fix figure {
    display: none;
}

.l2-gal-grid-fix figure:first-of-type {
    display: block;
}

.l2-gal-grid-fix figure a {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.l2-gal-grid-fix figure a img {
    width: auto !important;
    height: 100% !important;
    min-width: 100%;
    min-height: 100%;
    max-width: unset;
}

@media screen and (max-width:991px) {
    .l2-grid-galerie article.type-referenz {
        width: calc(100% / 2) !important;
        flex: 0 1 calc(100% / 2) !important;
    }
}
@media screen and (max-width:768px) {
    .l2-grid-galerie article.type-referenz {
        width: calc(100% / 1) !important;
        flex: 0 1 calc(100% / 1) !important;
    }
}



/* NO P PADDING */

.l2-no-p-adding p {
    margin: 0 !important;
}


/* BUBBLE RESPONSIVE */

@media screen and (max-width:991px) {
    .l2-kundenblatt-digital {
        margin-top: -75px !important;
    }
    
    .l2-bubble {
        position: relative !important;
        transform: translateY(-37.5px)  translateX(-50%) !important;
    }

    .l2-kundenblatt-analog [data-dce-background-overlay-image-url]::before {
        display: none !important;
    }
}

@media screen and (max-width:575px) {
   .l2-bubble {
    max-width: 150px;
   }
}

@media screen and (max-width:991px) {
    .l2-kundenblatt-digital {
        padding-top: 75px !important;
    }
    .l2-kundenblatt-analog> div {
        padding-bottom: 75px !important;
    }
}


/* CURRENT PAGE MENU ITEM */

.l2-current-page {
    color: var(--e-global-color-brand_primary_01) !important;
}


/* COPYTEXT 2 COL */

.l2-columns-container .l2-copytext .elementor-widget-container {
    display: flex;
    gap: 32px;
    flex-direction: column;
}

@media screen and (min-width:992px) {
    .l2-columns-container .l2-copytext .elementor-widget-container {
        flex-direction: row;
        flex: 0 1 auto !important;
    }
    
    .l2-columns-2 {
        width: 50%;
    }
}


/* CTA HOTFIX MOBILE */

@media screen and (max-width:991px) {
    .l2-cta-box-bg.l2-has-background {
        padding-top: 32px !important;
        background: none !important;
    }
    
    .l2-cta-box-bg.l2-has-background .l2-contactperson > div {
        gap: 0 !important;
    }
    .l2-cta-box-bg {
        --e-global-typography-secondary-font-size: calc(var(--e-global-typography-headlinesmobilesublinemobile-font-size) * 0.8);
        --e-global-typography-secondary-line-height: calc(var(--e-global-typography-headlinesmobilesublinemobile-line-height) * 0.8) !important;

    }
}


/* FIXPREISHAUS */

.l2-modelle-grid .dce-post-content {
    width: calc(100% - 60px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* CASE CASES */

.l2-case-hero .l2-overline .elementor-heading-title {
    background-color: var(--e-global-color-brand_primary_01);
    color: #fff !important;
    padding: 4px 8px;
    border-bottom-right-radius: 4px;
    width: fit-content;
}


.l2-case-factbox .dce-fix-background-loop .dce-acf-repeater-grid .dce-acf-repeater-item {
        background-color: #edf0f5 !important;
        padding: 32px !important;
    }

.l2-case-factbox .l2-layout-container {
        flex-direction: row !important;
        gap: 64px !important;
    }
    .l2-case-factbox .l2-layout-container .l2-textblock-container-left {
        flex: 1 0 65%;
    }

    .l2-case-plan-img figcaption.wp-caption-text {
        margin-top: 24px !important;
    }
    
    @media screen and (max-width:1600px) {
    .single-case .l2-unternehmensvorstellung .l2-media-container-right {
        --width: calc(100% - 20%) !important;
        --min-height: 441px !important;
    }
    }
    @media screen and (max-width:991px) {
    .l2-case-factbox .l2-layout-container {
        flex-direction: column !important;
        gap: 64px !important;
    }
}

body.kundenstammblatt .elementor-field-group-newsletter {
    display: none !important;
}


.l2_post_grid .dce-wrapper-grid article .dce-post-image .dce-img img,
.l2_news_grid .dce-wrapper-grid article .dce-post-image .dce-img img {
    cursor: pointer !important;
}

/* IMMO CIRCLE GRID */
/* .l2-immo_top_grid .dce-acf-repeater-grid {
    gap: 64px;
}
.l2-immo_top_grid .dce-acf-repeater-item {
    flex: unset !important;
    width: calc(calc(100% / 5) - 64px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
}


.l2-immo_top_grid .dce-acf-repeater-item .l2-textblock-container {
    height: auto;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
} */


/* AKTUELLES */

body.aktuelles header.l2-menu-transparent,
body.single-post header.l2-menu-transparent {
    background-color: #2e3639 !important;
    position: relative !important;
}


video.elementor-background-video-hosted {
    display: block !important;
    position: relative !important;
    left: 0px !important;
    top: 50% !important;
    height: auto !important;
    display: block !important;
    transform: translateY(-50%) scale(1.5) !important;
}

.l2-home-hero-video video.elementor-background-video-hosted {
    display: block !important;
    position: relative !important;
    left: 0px !important;
    top: 0% !important;
    height: auto !important;
    display: block !important;
    transform: none !important;
    aspect-ratio: 2 / 1 !important;
}

@media screen and (max-width: 991px) {
    video.elementor-background-video-hosted {
        transform: translateY(0%) scale(1.5) !important;
    }
    .l2-home-hero-video video.elementor-background-video-hosted {
        transform: none !important;
        height: auto !important;
        top: 0 !important;
        aspect-ratio: 2 / 1;
    }
}
/* @media screen and (max-width: 768px) {
    .l2-home-hero-video video.elementor-background-video-hosted {
        transform: translateY(-50%) scale(1.5) !important;
        height: inherit !important;

    }
} */
/* FPH FORM FIX */
.l2_dark_mode .l2_fph_formular .elementor-field-option label,
.l2_dark_mode .l2_fph_formular label.elementor-field-label,
.l2_dark_mode .l2_fph_formular label a {
    color: #fff !important;
}

.l2_fph_formular .elementor-button {
    cursor: pointer;
}





/* L2 CUSTOM REF & CASE GALLERY GRID */

.l2_ref_v2_parent_container .l2-content-media-layout-column {
    gap: 16px !important;
}

.l2_case_v2_container {
    min-height: 280px;
}
.l2_case_post_grid,
.l2_referenz_post_grid_v2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 24px;


}


.l2_case_post_grid .l2_case_post_item,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item {
    width: calc(calc(100% / 3) - 16px);
    height: auto;
    display: flex;
    flex-direction: column;
    transform: scale(1);
    transition: transform .3s ease-in-out;
}
.l2_case_post_grid .l2_case_post_item:hover,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item:hover {
    transform: scale(1.05);
}
.l2_case_post_item_img_link {
    width: 100%;
    height: auto;
    aspect-ratio: 15 / 10;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
}
/* .l2_case_post_item_img_link:hover {
    background-size: 140%;
} */
.l2_case_post_grid .l2_case_post_item .l2_case_post_item_title,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item .l2_ref_post_item_title_v2 {
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    height: 100%;
}
.l2_case_post_grid .l2_case_post_item .l2_case_post_item_title,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item .l2_ref_post_item_title_v2 {
    background-color: var(--e-global-color-secondary);
    color:#fff;
}
.l2-dark-mode .l2_case_post_grid .l2_case_post_item .l2_case_post_item_title,
.l2-dark-mode .l2_referenz_post_grid_v2 .l2_referenz_grid_item .l2_ref_post_item_title_v2 {
    background-color: rgb(176, 176, 176);
    color:#fff;
}
.l2_referenz_post_grid_v2 .l2_referenz_grid_item {
    overflow: hidden;
}
.l2_referenz_post_grid_v2 .l2_referenz_grid_item.hidden {
    display: none;
}
.l2_ref_grid_thumb_container_img {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
    height: 100% !important;
}

.l2_ref_grid_thumb_container {
width: 100%;
height: auto;
aspect-ratio: 15 / 10;
margin-bottom: -5px;
overflow: hidden;
}




/* V2 REF LOAD MORE */
.l2_ref_grid_load_more_v2_container {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 64px;
}
.l2_ref_grid_load_more_v2 {
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 1.6px;
}

.l2_ref_grid_load_more_v2 {
    color: #fff !important;
    background-color: #01B1B2 !important;
    border: none !important;
}
.l2_ref_grid_load_more_v2 .l2-svg-chevron_lm path {
    fill: #fff !important;
}
.l2_ref_grid_load_more_v2:hover {
        color: #fff !important;
        background-color: var(--primitive-color-ci-primary02) !important;
}
.l2_ref_grid_load_more_v2:hover .l2-svg-chevron_lm path {
    fill: #fff !important;
}


.l2-dark-mode  .l2_ref_grid_load_more_v2 {
    color: #01B1B2 !important;
    background-color: var(--token-color-button-primary-hover-mode-light) !important;
}
.l2-dark-mode  .l2_ref_grid_load_more_v2 .l2-svg-chevron_lm path {
    fill: #01B1B2 !important;
}
.l2-dark-mode  .l2_ref_grid_load_more_v2:hover {
        color: #fff !important;
        background-color: #01B1B2 !important;
}
.l2-dark-mode  .l2_ref_grid_load_more_v2:hover .l2-svg-chevron_lm path {
    fill: #fff !important;
}

@media screen and (max-width:991px) {
    .l2_case_post_grid .l2_case_post_item,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item {
        width: calc(calc(100% / 2) - 16px);
    }
}


@media screen and (max-width:512px) {
    .l2_case_post_grid .l2_case_post_item,
.l2_referenz_post_grid_v2 .l2_referenz_grid_item {
        width: 100%;
    }
}

/* text-repeater FIX */
.l2_text_reapeater_grid_5 .dce-acf-repeater-grid {
    gap: 32px 16px !important;
    flex-wrap: wrap !important;
}
.l2_text_reapeater_grid_5 .dce-acf-repeater-grid .dce-acf-repeater-item {
    flex: 0 1 calc(calc(100% / 5) - 20px) !important;
}

.l2_news_grid.l2_akt_page .dce-post-block.elementor-animation-grow {
    flex-direction: row !important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.l2_news_grid.l2_akt_page .dce-item.dce-item_image {
    width: 100%;
}
.l2_news_grid.l2_akt_page .dce-item.dce-item_termstaxonomy,
.l2_news_grid.l2_akt_page .dce-item.dce-item_date {
    width: calc(50% - 24px);
}
.l2_news_grid.l2_akt_page h3.dce-post-title a {
    font-family: "Averta Cyr", sans-serif !important;
    font-size: 18px !important;
    line-height: 24px !important;
}

/* FAQ ACCORDEON */
.l2-accordion-repeater h4.acc_head {
    padding: 10px 0 !important;
}
.l2-accordion-repeater .acc_button {
    align-items: center !important;
}
.l2-accordion-repeater .acc_button .dce-accordion-icon.accordion-icon-left {
    display: flex;
    align-items: center;
    margin: 0 16px 0 0 !important;
}



/* BEWERBUNGSFORMS FILE UPLOAD STYLE OVERRIDES */
.l2_uload_style_override .elementor-dragandrophandler-container .elementor-text-browser a {
    background-color: #00b1b2 !important;
    border-color: #00b1b2 !important;
}
.l2_uload_style_override .elementor-dragandrophandler {
    padding: 10px;
}
.l2-dark-mode .l2_uload_style_override .elementor-dragandrophandler-container .elementor-drop-filename,
.l2-dark-mode .l2_uload_style_override .elementor-dragandrophandler-container .elementor-drop-filesize {
    color: #fff !important;
}
.l2-dark-mode .l2_uload_style_override .elementor-dragandrophandler-container .elementor_file_upload_remove {
    filter: invert(1) !important;
}
.l2_uload_style_override .elementor-dragandrophandler-container .elementor-dragandrophandler-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0;
}
.l2_uload_style_override .elementor-dragandrophandler-container .elementor-dragandrophandler-inner .elementor-text-drop {
    white-space: normal !important;
    line-height: 1.2;
}


/* Single Gallery Override */

/* Desktop / Base */
.l2_custom_gal_grid_1 figure.acfgallery-item.grid-item {
  flex: 0 1 100% !important;
}

.l2_custom_gal_grid_2 figure.acfgallery-item.grid-item {
  flex: 0 1 calc(100% / 2) !important;
}

.l2_custom_gal_grid_3 figure.acfgallery-item.grid-item {
  flex: 0 1 calc(100% / 3) !important;
}

.l2_custom_gal_grid_4 figure.acfgallery-item.grid-item {
  flex: 0 1 calc(100% / 4) !important;
}

.l2_custom_gal_grid_5 figure.acfgallery-item.grid-item {
  flex: 0 1 calc(100% / 5) !important;
}

.l2_custom_gal_grid_6 figure.acfgallery-item.grid-item {
  flex: 0 1 calc(100% / 6) !important;
}


/* Tablet: max. 3 columns */
@media (max-width: 991px) {

    .l2_custom_gal_grid_3 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_4 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_5 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_6 figure.acfgallery-item.grid-item {
        flex: 0 1 calc(100% / 3) !important;
    }

}


/* Mobile: max. 2 columns */
@media (max-width: 768px) {

    .l2_custom_gal_grid_2 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_3 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_4 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_5 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_6 figure.acfgallery-item.grid-item {
        flex: 0 1 calc(100% / 2) !important;
    }

}

/* Mobile: max. 1 columns */
@media (max-width: 512px) {
    .l2_custom_gal_grid_1 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_2 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_3 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_4 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_5 figure.acfgallery-item.grid-item,
    .l2_custom_gal_grid_6 figure.acfgallery-item.grid-item {
        flex: 0 1 100% !important;
    }

}