/*  GENERAL L2 */
html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
}
div#page {
    width: 100%;
    height: 100%;
    margin: auto;
}

body {
  background-color: hsl(0deg 0% 97% / 100%);
}

body {
  touch-action: pan-y;

}

.l2-lohnfertigung {
  min-height: 0 !important;
}
  /* GENERAL END */

/* MENU */

.l2-menu-container {
    position: absolute !important;
    z-index: 10 !important;
}

.l2-main-menu .sub-menu {
  padding-left: 0 !important;
}
.l2-menu-container a {
  font-size: 14px;
}

.l2-main-menu .sub-menu a.elementor-sub-item.elementor-item-anchor:hover {
  background: var(--e-global-color-text) !important;
}

.l2-main-menu-container a,
.l2-secondary-menu-container a {
    padding: 30px 24px !important;
}
.l2-main-menu .wpml-ls-menu-item,
.l2-footer-meta .wpml-ls-menu-item {
  display: none !important;
}
@media screen and (max-width:1024px) {
  .l2-main-menu .wpml-ls-menu-item {
    display: inherit !important;
  }
  /* .l2-main-menu-container a,
  .l2-secondary-menu-container a {
      padding: 12px 24px !important;
  } */
}


.l2-main-menu {
    position: relative;
}
.l2-main-menu a {
    font-family: "Bai Jamjuree";
    text-transform: uppercase;
    font-weight: 700;
}

.l2-main-menu::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 25%;
    height: 50%;
    border-right: 1px solid var(--e-global-color-text);
}

.l2-secondary-menu a {
    font-family: "Bai Jamjuree";
    text-transform: uppercase;
    font-size: 0.7em;
}

.l2-secondary-menu a.highlighted {
  color: var(--e-global-color-accent) !important;
}

/* MENU END */

/* SIDEBAR */

.uc-menu-button-wrapper {
  position: fixed !important;
  right: 0;
  bottom: 50%;
}
.open_side_menu {
  transition: all 1s ease !important;
}
.open_side_menu:not(.uc-close-action) {
  transform: translateX(0px);
}
.open_side_menu.uc-close-action {
  transform: translateX(-300px);
}

/* SIDEBAR END */

/* HERO CONTAINER */

.l2-hero-container .uc_fbps_slide {
  height: calc(100vh - 90px) !important;
}

.l2-hero-container .uc_fbps_container_title span {
  font-family: Bai Jamjuree, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: left;
  text-indent: 0px;
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: normal;
  background-color: #b4cd28;
  color: rgb(255, 255, 255);
  background-color: #b4cd28;
  padding-left: 20px;
  padding-right: 20px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.l2-hero-container .uc_fbps_container_title,
.l2-hero-container .uc_fbps_container_desc {
    text-align: left;
}

.subline,
.l2-subline,
.l2-subline p {
  text-transform: uppercase;
  margin: 0;
  font-size: 1.2em !important;
  font-weight: 300 !important;
  opacity: 0.85;
}

.l2-hero-container .owl-carousel .owl-nav .owl-next, 
.l2-hero-container .owl-carousel .owl-nav .owl-prev {
    top: auto !important;
    bottom: 120px;
    background-color: #b4cd28 !important;
    color: #fff !important;
}

/* RESPONSIVE HERO */

@media screen and (max-width:768px) {
  .l2-hero-container .owl-carousel .owl-nav .owl-next, 
  .l2-hero-container .owl-carousel .owl-nav .owl-prev {
    bottom: 60px;
  }
}


.l2-hero-container .owl-nav .owl-prev {
  left: 32px !important;
}

.l2-hero-container .owl-nav .owl-next {
  right: 32px !important;
}

.owl-dot:not(.active) {
  background-color: #ECEDEF !important;
}

.l2-hotspot-container .owl-dots {
  margin-top: -60px !important;
  padding-bottom: 60px;
}

.scroller {
  background-color: #fff !important;
  width: 10px !important;
}

.scroll-downs {
  width: 35px;
  transform: translateX(-50%);
  margin: 0;
  position: absolute;
  left: 50%;
}

/* HERO CONTAINER END */

/* INTRO SECTION */

.l2-shortcut-box .uc_title {
	/* Font & Text */
	font-family: "Bai Jamjuree" !important;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.2em;
  text-transform: uppercase;
  padding: 16px 0 32px 32px;
}

.l2-shortcut-box .uc_title span {
  font-family: Bai Jamjuree !important;
  font-weight: 200 !important;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 1px;
  margin: 0 0 1rem 0;
  text-transform: uppercase;
}
/* 
.l2-shortcut-box {
    border-bottom: 10px solid #fbba03;
} */


.l2-shortcut-box {
  top: 0;
}

.l2-shortcut-box:hover {
  top: -10px;
}

.l2-shortcut-box .uc_description p {
    margin-top: -32px;
    font-size: 18px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2em;
    letter-spacing: 0.25px;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
}

.l2-shortcut-box  .uc_description {
    padding: 0 32px 0 32px;
    margin-top: -32px !important;
	margin-bottom: 32px !important;
    
}

.l2-shortcut-box .uc_btn {
    margin: 0 0 32px 32px !important;
}

.l2-shortcut-box a {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 10;
}

.l2-shortcut-box .uc_long_content_box .uc_overlay {
  opacity: 0.4 !important;
}

.l2-shortcut-box .uc_long_content_box:hover .uc_overlay {
  opacity: 0.6 !important;
}

/* STAHLPORTALBAU CONTAINER */

.l2-headline-h2 span {
  color: var(--e-global-color-text);
  font-family: Bai Jamjuree !important;
  /* font-weight: 200 !important; */
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: 1px;
  margin: 0 0 1rem 0;
  /* text-transform: uppercase; */
}

.l2-headline-h2 {
  color: var(--e-global-color-primary);
}

/* STAHLPORTALBAU CONTENT CONTAINER */

.l2-widget-list .ue-list-item-text,
.l2-widget-list .ue-list-item-text p,
.ue-item-text {
  color: var(--e-global-color-text) !important;
  margin: 0;
}

h4.ue-list-item-title {
  color: var(--e-global-color-text) !important;
}

.ue-list-item-index {
  background-color: var(--e-global-color-text) !important;;
}

.l2-benefits-list-container .l2-widget-list {
  background-color: var(--e-global-color-primary);
  padding: 32px;
}

.l2-stahlportalbau-content .l2-carousel-gallery-container .ug-thumb-wrapper.ug-tile {
  margin-left: 15px !important;
  margin-top: -15px !important;
}

.l2-carousel-gallery-container .ug-thumb-wrapper.ug-tile {
  border-color: transparent !important;
}

.ug-carousel-wrapper {
  pointer-events: none;
}

/* OBJEKTSCHUTZ CONTAINER */

.l2-objektschutz-container .l2-carousel-gallery-container .ug-thumb-wrapper.ug-tile {
  margin-left: -15px !important;
  margin-top: -15px !important;
  transform: scale(1.1);
}

.l2-objektschutz-container .ue_heading_title {
  padding: 16px 32px 16px 0!important;
  font-size: 28px !important;
  line-height: 1.2em;
}

.uc_material_accordion .uc-item-active .uc-heading {
  background-color: var(--e-global-color-text) !important;
}

.l2-accordion-list .uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading {
  border-top: 1px solid #d0eb35;
}

.uc_material_accordion .uc-item-active + .uc_ac_box:not(.uc-item-active) .uc-heading {
  border-top: 1px solid transparent !important;
}


/* ACCORDEON 2ND BG COLOR */

.l2-hotspots img {
  opacity: 0;
}

.l2-video-hotspot-accordion-section,
.uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading {
  background-color: transparent !important;
}

.l2-accordeon-container {
  background-color: var(--e-global-color-cd6466e) !important;
}

.uc_material_accordion .uc_ac_box.uc-item-active .uc-heading .ue_heading_title,
.uc_material_accordion  .uc_ac_box.uc-item-active .uc-heading i {
        color: var(--e-global-color-text) !important;
}

.uc-heading.uc_trigger {
  padding: 16px 0 0 0 !important;
  transform: translateX(22px);
  width: calc(100% - 44px);
}

.uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading .ue_heading_title,
.uc_material_accordion  .uc_ac_box:not(.uc-item-active) .uc-heading i {
        color: #7b8286 !important;
}

.uc_ac_box.uc-item-active {
  background-color: var(--e-global-color-primary);
}

.uc_ac_box.uc-item-active .uc-heading,
.uc_ac_box.uc-item-active .uc_content {
  background-color: var(--e-global-color-primary) !important;
}

.uc_material_accordion .uc_content {
    background-color: var(--e-global-color-cd6466e) !important;
    padding: 4px 32px 16px 32px !important;
}

.uc_material_accordion .ue-item-text {
  line-height: 1.56rem;
}

.l2-accordion-list {
  background-color: var(--e-global-color-primary);
}

.l2-accordion-list span.ue_accordion_icon {
  font-size: 24px !important;
  margin: 0 0 0 22px;
}

span.ue_accordion_icon {
  font-size: 24px !Important
}

.l2-accordion-list .uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading {
  background-color: var(--e-global-color-primary) !important;
}

.l2-accordion-list .uc_material_accordion .uc_ac_box:not(.uc-item-active) {
  transition: all 0.5s ease;
  background-color: rgba(0,0,0,0) !important;
}

.l2-accordion-list .uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading:hover {
  background-color: rgba(0,0,0,1) !important;
  border-top: 1px solid var(--e-global-color-primary) !important;
}

.l2-accordion-list .uc_material_accordion .uc_ac_box:not(.uc-item-active):hover {
  transform: translateY(-3px);
  -webkit-box-shadow: 0px 0px 20px -10px rgba(0,0,0,1);
  -moz-box-shadow: 0px 0px 20px -10px rgba(0,0,0,1);
  box-shadow: 0px 0px 20px -10px rgba(0,0,0,1);
}

/* BRANDSCHUTZ CONTAINER */

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

.l2-text-white * {
  color: #fff !important
}

/* QUALI CONTAINER */

.ue-remote-tabs .ue-item {
  background: #b4cd28;
  padding: 0 32px 24px 56px !important;
}

.ue-remote-tabs .ue-item-title {
  font-family: Bai Jamjuree;
  font-weight: 700;
  text-transform: uppercase;
  
}

.ue-remote-tabs .ue-item-icon {
  background: transparent !important;
  position: absolute;
  top: 20px;
  left: 16px;
  color: var(--e-global-color-text) !important;
  font-size: 12px !important;
}

.ue-remote-tabs .ue-item.ue-item-active  {
  background-color: var(--e-global-color-text);
  color: #fff !important;
}

.ue-remote-tabs .ue-item.ue-item-active .ue-item-icon {
  color: #fff !important;
}

.ue-remote-tabs .ue-item:not(.ue-item-active) .ue-item-icon i {
  background-color: var(--e-global-color-text) !important;
  border-radius: 50% !important;
  border: 6px solid var(--e-global-color-text);
  color: #fff !important;
}

.ue-remote-tabs .ue-item.ue-item-active .ue-item-icon i {
  background-color: #fff !important;
  border-radius: 50% !important;
  border: 6px solid #fff;
  color: var(--e-global-color-text) !important;
}

/* KONTAKT */

.l2-btn-contact a {
  border-radius: 0 !important;
}

.l2-btn-contact span {
  color: var( --e-global-color-text ) !important;
}

.l2-btn-contact .elementor-button-text {
  font-size: 15px !important;
}

textarea:focus,
input:focus {
    background-color: rgb(255 255 255 / 50%) !important;
}

/* FOOTER  */

.l2-footer ul,
.l2-footer ul a {
    padding-left: 0 !important;
}

.l2-footer .elementor-nav-menu {
  margin-top: -20px;
}

/* RESPONSIVE */

.l2-fullscreen-menu .checkbox-toggle{
  margin: 0 !important;
}

.l2-fullscreen-menu {
  right: 60px;
}

.l2-fullscreen-menu a {
  color: var(--e-global-color-text) !important;
  text-transform: uppercase !important;
  font-family: var(--font-family-headlines);
}

@media screen and (max-width:768px) {
  .l2-main-menu-container {
    width: 25% !important;
  }
  .l2-logo-container {
    width: 75% !important;
  }
}

/* RESPONSIVE ALLGEMEIN */

@media screen and (max-width:768px) {
  .l2-stahlportalbau-content .l2-carousel-gallery-container .ug-thumb-wrapper.ug-tile {
    margin: 0 !important;
  }
  .l2-stahlportalbau-content .l2-carousel-gallery-container {
    padding-top: 32px;
  }
}


/* LOHNFERTIGUNG */

/* FANCY ACCORDION */

.l2-fancy-accordion .l2-material-list {
  width: 50%;
  float: left;
}

.l2-fancy-accordion .l2-column-2 {
  overflow: auto;
}

.l2-fancy-accordion .l2-checkbox-icon + p + .l2-checkbox-icon {
  padding-top: 32px;
}

.l2-fancy-accordion .l2-column-2 p:first-child {
  margin-top: 0 !important;
}

.l2-fancy-accordion {
  background-color: var(--e-global-color-primary);
}


@media screen and (min-width:768px) {
  .l2-fancy-accordion .ue-item-text {
    display: flex;
    flex-wrap: wrap;
  }
  .l2-column-2 {
    width: calc(50% - 32px);
    padding-right: 32px;
    flex: 0 1 auto;
  }
  .l2-column-2:first-child {
    margin-right: 32px;
    border-right: 10px solid var(--e-global-color-text);
  }
}

@media screen and (max-width:767px) {
  .l2-column-2:first-child {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 10px solid var(--e-global-color-text);
  }
}


.l2-fancy-accordion .uc-heading .ue_heading_title {
  max-width: 750px;
  transition: all 0.5s ease;
  background-color: transparent;
  padding: 0 !important;
  font-size: 40px !important;

}

.l2-fancy-accordion .uc-heading .ue_heading_title span {
  background-color: #b4cd28;
  color: rgb(255, 255, 255);
  padding-left: 20px;
  padding-right: 30px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-family: Bai Jamjuree, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: left;
  text-indent: 0px;
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: normal;
  transition: all 0.5s ease;
}

.l2-fancy-accordion .uc_material_accordion .uc_ac_box .uc-heading {
  flex-direction: column-reverse !important;
  align-items: start !important;
  position: absolute;
  z-index: 10;
  background-color: unset !important;
  transition: all 0.5s ease;
}

.l2-fancy-accordion .uc_material_accordion .uc_ac_box:not(.uc-item-active) .uc-heading {
  top: -300px;
  left: 32px;
}

.l2-fancy-accordion .uc_material_accordion .uc_ac_box.uc-item-active .uc-heading {
  top: -100px;
  left: 32px;
}

.l2-fancy-accordion .ue_accordion_icon {
  background: rgba(0, 0, 0, 0.95);
  /* margin-left: 10px !important; */
  font-size: 24px !important;
}

@media screen and (max-width:768px) {
  .l2-fancy-accordion .ue_accordion_icon {
    height: 33px !important;
  }
}


.swiper-slide-bg {
  background-color: var(--e-global-color-primary) !important;
}

.l2-slider-full .elementor-swiper-button i {
  background-color: #b4cd28;
  width: 50px;
  line-height: 25px;
  padding: 12.5px;
}

.l2-slider-full .swiper .elementor-swiper-button-prev, 
.l2-slider-full .swiper .elementor-swiper-button-prev {
  left: 32px !important;
}

.l2-slider-full .swiper .elementor-swiper-button-next, 
.l2-slider-full .swiper .elementor-swiper-button-next {
  right: 32px !important;
}


.l2-lohnfertigung .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background-color: #b4cd28;
    opacity: 1;

}

.l2-lohnfertigung .swiper-pagination-bullet {
    border-radius: 0;
}

/* .l2-lohnfertigung-content span.uc_dactive.bbb.ue_accordion_icon::after {
  content: "Details";
  position: absolute;
  left: 50px;
  display: inline;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-family: Bai Jamjuree, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 700;
  line-height: 1.2em;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: left;
  text-indent: 0px;
  text-transform: uppercase;
  vertical-align: baseline;
  white-space: normal;
  transition: all 0.5s ease;
  background-color: #b4cd28;
  padding: 11px 12px;
} */

span.l2-details {
  position: absolute;
  top: calc(1em + 8px);
  left: 51px;
  height: 50px !important;
  background-color: var(--e-global-color-text) !important;
}

.uc_ac_box.uc-item-active span.l2-details {
  opacity: 0;
}

/* MASCHINEN */

.l2-maschinen div {
  width: calc(50% - 34.5px);
  float: left;
}

.l2-maschinen div:last-child {
  padding-left: 16px;
}

.l2-maschinen div:first-child {
  padding-right: 16px;
}

.l2-maschinen {
  padding-top: 40px;
}

.l2-maschinen img {
  border: 5px solid var(--e-global-color-text) !important;
}

/* HEADING ACTIVE */


.l2-fancy-accordion .uc_material_accordion .uc_ac_box.uc-item-active .ue_heading_title {
  background-color: #fff !important;
  padding: 40px !important;
}

.l2-fancy-accordion .uc_material_accordion .uc_ac_box.uc-item-active .ue_heading_title span {
  background-color: transparent !important;
  color: var(--e-global-color-text);
  line-height: 1em;
}

.l2-fancy-accordion .uc_material_accordion .uc_content {
  padding: 200px 32px 100px 32px !important;
}

.l2-fancy-accordion .uc_ac_box.uc-item-active .ue_accordion_icon {
  background-color: var(--e-global-color-text);
  margin: 0 !important;
}

/* CHECKBOX IN HEADING */

.l2-checkbox-icon::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-size: 12px;
  background-color: var(--e-global-color-text);
  color: #ffffff;
  border-radius: 50px 50px 50px 50px;
  padding: 9px !important;
  margin-right: 16px;
  position: absolute;
  height: 30px;
  width: 30px;
  line-height: 1.2em;
  left: 0;
}

.l2-checkbox-icon {
  padding-left: 48px;
  position: relative;
}

/* NO CONTENT */

.l2-lohnfertigung-content.l2-no-content .uc-heading {
  pointer-events: none;
}

.l2-lohnfertigung-content.l2-no-content .ue_accordion_icon {
  display: none !important;
}

.l2-lohnfertigung-content {
  gap: 0;
}

/* STICKY SIDE MENU */

/* .l2-sticky-sidemenu {
  z-index: 1 !important;
} */

.l2-lohnfertigung {
  z-index: 0 !important;
}

.l2-sticky-sidemenu a {
  font-family: var(--font-family-headlines);
  font-weight: 700 !important;
  line-height: 2;
  text-transform: uppercase;
  transition: all 0.5s ease;
  padding: 8px 24px !important;
color: #fff !important;
}

.l2-sticky-sidemenu li a:hover {
  margin: 5px 0 !important;
  padding: 12px 24px !important;
  font-size: 16px;
}

/* ACTIVE MENU ITEM */

.l2-sticky-sidemenu a:not(.l2-active) {
  background-color: rgba(252, 185, 0, 1) !important;
  border-color: transparent !important;

}

.l2-sticky-sidemenu a.l2-focus,
.l2-sticky-sidemenu li a:hover {
  background-color: #fff !important;
  margin: 5px 0 !important;
  padding: 12px 24px !important;
  font-size: 16px;
  border-color: transparent !important;
  color: var(--e-global-color-text) !important;
}

.l2-sticky-sidemenu .l2-active:not(.l2-focus) {
  background-color: var(--e-global-color-text) !important;
  color: #fff !important;
  }

/* RESPONSIVE */

@media screen and (max-width:768px) {
  .l2-hero-container .uc_fbps_container_title {
    font-size: 28px !important;
    line-height: 1.3;
  }

  .l2-fancy-accordion .uc-heading .ue_heading_title {
    font-size: 28px !important;
    max-width: calc(100vw - 64px) !important;
    line-height: 1.3;
  }

  /* .elementor-location-header {
    position: fixed !important;
    z-index: 10000 !important;
    width: 100vw !important;
    background: #fff !important;
  } */
  .l2-maschinen div {
    width: 100% !important;
    padding: 0 !important;
  }
  .l2-maschinen div:last-child {
    padding-bottom: 40px !important;
  }
  .l2-fancy-accordion .l2-maschinen .l2-checkbox-icon {
    padding-top: 12px !important;

  }
  .l2-fancy-accordion .l2-maschinen .l2-checkbox-icon + p {
    padding-bottom: 32px !important;
  }
}

/* STAHLBAU */

.l2-fancy-accordion .uc-heading .ue_heading_title span.l2-black {
  background-color: rgb(0 0 0 / 95%);
}


/* MENU FIX */

.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover {
  color: var( --e-global-color-accent ) !important;
}

.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::before, 
.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item::after {
  background-color: transparent !important;
}
.l2-secondary-menu .elementor-nav-menu--main .elementor-nav-menu ul {
  padding: 0 !important;
  max-width: 100px !important;
  min-width: 0 !important;
}

.l2-secondary-menu .pll-parent-menu-item ul.elementor-nav-menu--dropdown a {
  border: none !important;
  width: 80px !important;
}

.l2-secondary-menu .pll-parent-menu-item .has-submenu {
  width: 80px !Important;
}


/* LANGUAGE FOOTER FIX */

.l2-footer .elementor-nav-menu--dropdown {
  margin: 0 !important;
}

@media screen and (min-width:1025px) {
  .l2-footer .pll-parent-menu-item {
    display: none;
  }
}

/* HEADER STICKY */
/* 
@media screen and (min-width:1025px) {
  [data-elementor-type="header"] {
    position: fixed;
    background: var(--e-global-color-secondary);
    z-index: 100;
    width: 100vw;
  }
}
 */
/* DESKTOP - TABLET - MENU FIX */

@media screen and (min-width: 1024px) and (max-width: 1500px) {
    .l2-logo-container {
      --width: 15% !important;
    }
    .l2-main-menu-container {
      --width: 85% !important;
    }
    .l2-main-menu-container a, .l2-secondary-menu-container a {
      padding: 30px 7px !important;
    }
    .l2-main-menu-container .elementor-nav-menu {
      justify-content: space-between;
    }
    .l2-menu-container {
      justify-content: space-between !important;
    }
    .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
      padding: 0 !important;
    }
}

/* SPOT */

.l2-hotspot-widget-container:hover {
  box-shadow: 0 0 60px rgba(0,0,0,0.1);
  transform: translateY(-3px);
}

/* TOP ACCORDEON */


.l2-video-hotspot-accordion-section .uc_material_accordion .uc_ac_box:not(.uc-item-active):not(:first-child) .uc-heading {
  border-top: 1px solid var(--e-global-color-secondary);
}


/* TOP SECTION */

.l2-video-hotspot-accordion-section {
  border-radius: 60px !important;
  overflow: hidden !important;
}

/* REMOTE STUFF */

.ue-remote-bullets {
  margin-top: 15px;
 }
.ue-remote-bullet-btn {
  width: 20px !important;
 }

.ue-remote-bullet-btn.active {
 width: 60px !important;
 background-color: var(--e-global-color-primary) !important;
}

.ue-item-button .ue-item-hero,
.ue-item-button .ue-item-button-spacer {
 display: none !important;
}

.ue-item-button-title {
 background-color: var(--e-global-color-cd6466e);
 padding: 5px 20px;
 border-radius: 30px;
 color: var(--e-global-color-text) !important;
}

.ue-item-button.ue-item-active .ue-item-button-title {
 background: var(--e-global-color-primary);
 color: #fff !important;
 padding: 5px 25px;
}

.l2-design .remote_item_navigation {
 margin-top: 30px;
}

.ue_option:not(.active) .ue_main {
  padding-bottom: 30px;
}

@media screen and (min-width:768px) {
  .ue_option:not(.active) .ue_main {
    transform: rotate(180deg) !important;
  }
}



.ue_option .ue_main {
  font-weight: 500;
  line-height: 1.3em;
}

/* .ue_option.active .ue_main {
  opacity: 0 !important;
} */

.ue_options .ue_option.active .ue_label {
  align-items: flex-start  !important;
}

.ue_options .ue_option {
  align-items: end !important;
  justify-content: flex-start !important;
}

.ue_options .ue_option .ue_main,
.ue_options .ue_option .ue_sub {
  text-align: left !important;
}

.ue_options .ue_option .ue_label .ue_info {
  padding: 10px !important;
  font-size: 1.2em;
}

.ue_options .ue_option .ue_sub {
  font-weight: 300 !important;
  /* text-transform: uppercase !important; */
  font-size: 0.8em;
  line-height: 1.2em;
}

/* VIDEO SCROLL HACK */

.l2-accordeon-container,
.l2-video-section canvas {
  height: 675px !important;
}

.l2-video-hotspot-accordion-section {
  position: fixed !important;
  top: 138px;
  left: 50%;
  transform: translateX(-50%);
}

/* .l2-design {
  margin-top: 50vh !important;
} */

.l2-video-section,
.l2-video-hotspot-accordion-section {
  transition: opacity 0.5s ease !important;
}


body:not(.l2-past-video) .l2-video-section,
body:not(.l2-past-video) .l2-video-hotspot-accordion-section {
    opacity: 1;
}


body.l2-past-video .l2-video-section,
body.l2-past-video .l2-video-hotspot-accordion-section {
    opacity: 0;
}

/* HOTSPOT CONTAINER */

.l2-video-hotspot-container {
  position: absolute !important;
  right: 0 !important;
}


/* SLIDER REVOLUTION */

.l2-scrollvideo-heading {
  font-family: "Bai Jamjuree" !important;
  color: var(--e-global-color-secondary) !important;
  font-size: 40px !important;
  line-height: 1.2em !important;
}

.l2-scrollvideo-heading span {
  font-weight: 300 !important;
  padding-top: 0.7em !important;
  display: block;
  text-align: right !important;
  text-transform: uppercase !important;
  font-size: 0.6em !important;
  line-height: 1.2em !important;
  opacity: 0.7;
  text-wrap: wrap;
}

rs-dotted {
  opacity: 0 !important;
  transition: opacity 0.3s ease;
  filter: blur(1px) invert(1);
}

/* .l2-menu-container {
  background-color: #eeeeee !important;
} */

.l2-highlight {
  color: var( --e-global-color-primary ) !important;
}

/* .rs-module-wrap {
  background-color: #eeeeee !important
} */

rs-module::after {
  content: "";
  background: rgb(238,238,238);
  background: #ffffff;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000000000 !important;
  position: absolute;
  /* opacity: 0 !important; */
  transition: opacity 0.6s ease;
 }

 .rs-fixedscrollon rs-module::after {
  opacity: 0 !important;
 }

.l2-hero-container::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #f7f7f7;
  opacity: 0.25;
  z-index: -1;
}

.rs-parallax-wrap:not(:last-child) rs-layer {
  background: linear-gradient(45deg, rgb(55 65 71), rgb(55 65 71 / 50%));
  padding: 30px 60px;
  margin-bottom: 30px !important;
  text-align: right !important;
  border-radius: 30px;
  
}

.l2-subline {
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 1.3em;
}

.l2-hotspot-container::before {
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  top: -20% !important;
  z-index: -1 !important;
  left: -10% !important;
}


.l2-hotspot-container .uc_carousel svg path,
.l2-hotspot-container .uc_carousel svg polygon {
  stroke-width: 0 !important;
}

.l2-hotspot-container .uc_carousel svg line {
  stroke: var(--e-global-color-primary);
}

.l2-hotspot-container .ue-item {
  background-color: transparent !important;
}

.l2-hotspot-container .uc_carousel p {
  text-transform: uppercase;
  margin-top: 10px;
  max-width: 400px;
  line-height: 1.3em;
  opacity: 0.7;
}

.l2-hotspot-container .uc_carousel h2,
.l2-hotspot-container .uc_carousel p {
  text-align: left;
}

.l2-hotspot-container .uc_carousel h2 {
  margin-bottom: 0 !important;
}

.l2-hotspot-container .uc_icon_carousel_content {
  float: left;
}

.l2-hotspot-container .ue-item-icon {
  display: block !important;
  margin-bottom: 50px !important;
  margin-left: -5px;
}

.l2-hotspot-container .uc_icon_carousel_content {
  padding: 40px 0 0 0 !important;
  /* padding-bottom: 0 !important; */
}

.owl-dot.active {
  background-color: var(--e-global-color-primary) !important;
  width: 60px !important;
}

.owl-dot {
  height: 8px !important;
  width: 20px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease;
}

.l2-hotspot-container .owl-dots {
  position: absolute;
  top: 50px;
}

.l2-hotspot-container .spot:before {
  border: none !important;
}

.l2-hotspot-container .spot {
  background-color: transparent !important;
  color: var(--e-global-color-primary) !important;
  font-size: 1.7em;
  transition: all 0.3s ease;
}

.l2-hotspot-container .spot:hover,
.l2-hotspot-container .spot.uc-active {
  transform-origin: center center !important;
}


.l2-hotspot-container .spot i {
  transition: all 0.3s ease;
  border-radius: 50%;
  min-width: 40px !important;
  min-height: 40px !important;

  border: 3px solid transparent;
}

.l2-hotspot-container .spot i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.l2-hotspot-container .spot:hover i::before, 
.l2-hotspot-container .spot.uc-active i::before {
  content: "\f067" !important;
}

.l2-hotspot-container .spot:not(:hover) i {
  transform: rotate(0deg) !important;
  background-color: rgba(255, 255, 255, 0);
}

.l2-hotspot-container .spot:hover i,
.l2-hotspot-container .spot:focus i,
.l2-hotspot-container .spot.uc-active i {
  transform: rotate(45deg) !important;
  background-color: rgba(255, 255, 255, 1) !important;
  border: 3px solid var(--e-global-color-primary) !important;
  width: 50px !important;
  height: 50px !important;
}

.l2-hotspot-container .spot:hover i,
.l2-hotspot-container .spot.uc-active i {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.);
}



/* .l2-hotspot-container .elementor-widget-ucaddon_hotspot img {
  transition: all 0.3s ease;
  filter: grayscale(1);
} */

/* .l2-hotspot-container .elementor-widget-ucaddon_hotspot:hover img {
  opacity: 0.75;
} */

.l2-hotspot-container .elementor-widget-ucaddon_hotspot:hover .spot:not(.uc-active) {
  font-size: 2em;
}

rs-layer#slider-11-slide-11-layer-10 {
  transform: translateY(5px);
}

.l2-highlight.l2-slashes {
  font-weight: 300;
  line-height: 1em !important;
}

.l2-highlight.l2-slashes::before {
  content: "//";
  font-weight: 900;
  letter-spacing: -0.1em;
  position: absolute;
  right: calc(100% + 15px);
}

.l2-n-container .owl-item {
    border-radius: 30px !important;
    overflow: hidden;
    pointer-events: none;
}

.l2-n-container .owl-item {
    border-radius: 30px !important;
    overflow: hidden;
    pointer-events: none;
}

.l2-n-container .ue-flip-box__panel__element {
    font-family: var(--font-family-headlines) !important;
}

.l2-n-container .ue-flip-box__description {
  text-transform: uppercase !important;
  opacity: 0.7;
}

.l2-n-container {
  overflow: hidden !important;
}

/* WHITEBOX */

@media screen and (min-width:768px) {
  .l2-whitebox {
    border-radius: 60px !important;
    background-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    z-index: 10;
  }
}

@media screen and (max-width:767px) {
    .l2-whitebox {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
}




/* IMAGE CARDS EXPANDING FIX */

.ue_options.uc-items-wrapper {
  gap: 0 !important;
}

.ue_options .ue_option {
  border-radius: 0 !important;
}

.ue_options .ue_option:not(.active) {
  filter: drop-shadow(2px 4px 6px black);
}

.ue_options {
  overflow: hidden;
}
.ue_options .ue_shadow {
  background-image: linear-gradient(180deg, #00000000 50%, var(--e-global-color-text ) 100%) !important;
}

.ue_options .ue_option.active {
  filter: drop-shadow(0 0 0px black);
}

.ue_options .ue_sub {
  text-transform: uppercase;
  opacity: 0.7;
}

/* techn spezifikationen */

.l2-n-container .owl-carousel.owl-drag .owl-item {
  padding: 0;
  margin: 30px 0;
  border-radius: 60px !important;
  background-color: #f7f7f7 !important;
  box-shadow: 0 0 30px rgb(0 0 0 / 5%);
  z-index: 10;
}

/* .l2-n-container .ue-flipbox-carousel {
  margin-top: -30px;
} */

.l2-n-container .owl-dots {
  margin-top: 0 !important;
}
/* 
.l2-n-container .owl-carousel .owl-stage-outer {
  margin-left: -30px;
} */

.l2-n-container .owl-carousel,
.l2-n-container .owl-carousel .owl-stage-outer {
  overflow: visible !important;
}

/* SERVICE + KOMPETENZE */

.l2-service-kompetenz-boxen > div > .elementor-element {
  border: 30px solid transparent;
  background: #f7f7f7;
}

.l2-service-kompetenz-boxen > div > .elementor-element:hover {
  background-color: #fff;
}

.l2-service-kompetenz-boxen > div > .elementor-element > .elementor-element {
  padding: 0 30px;
  border-radius: 30px;
  min-height: 200px;
}

@media screen and (min-width:1025px) {
  .l2-service-kompetenz-boxen {
    margin: 0 -30px !important; 
    width: calc(100% + 60px);
  }
}



.l2-service-kompetenz-boxen .elementor-widget-container p {
  font-size: 20px;
  font-weight: 300;
  color: hsl(200deg 12% 25% / 80%);
  text-transform: uppercase;
  letter-spacing: 0;
}

.l2-service-kompetenz-boxen .elementor-widget-container strong {
  font-weight: 700;
  font-size: 1.4em;
  line-height: 1.2em !important;
  margin-bottom: 15px;
  color: var( --e-global-color-primary ) !important;
  text-transform: none !important;
}

@media screen and (min-width:768px) {
    
  .l2-service-kompetenz-boxen > div > .elementor-element:first-child {
    border-radius: 60px 0 0 0;
    box-shadow: -30px -30px 160px rgba(0,0,0,0.1);
  }

  .l2-service-kompetenz-boxen > div > .elementor-element:nth-child(2) {
    border-radius: 0 60px 0 0;
    box-shadow: 30px -30px 160px rgba(0,0,0,0.1);
  }

  .l2-service-kompetenz-boxen > div > .elementor-element:nth-child(3) {
    border-radius: 0 0 0 60px;
    box-shadow: -30px 30px 160px rgba(0,0,0,0.1);
  }

  .l2-service-kompetenz-boxen > div > .elementor-element:nth-child(4) {
    border-radius: 0 0 60px 0;
    box-shadow: 30px 30px 160px rgba(0,0,0,0.1);
  }

}








.l2-service-kompetenz-boxen > div > .elementor-element:first-child:hover {
  box-shadow: -30px -30px 160px rgba(0,0,0,0.2);
}

.l2-service-kompetenz-boxen > div > .elementor-element:nth-child(2):hover {
  box-shadow: 30px -30px 160px rgba(0,0,0,0.2);
}

.l2-service-kompetenz-boxen > div > .elementor-element:nth-child(3):hover {
  box-shadow: -30px 30px 160px rgba(0,0,0,0.2);
}

.l2-service-kompetenz-boxen > div > .elementor-element:nth-child(4):hover {
  box-shadow: 30px 30px 160px rgba(0,0,0,0.2);
}

/* FORMULAR FIX */

textarea#form-field-message,
.l2-form-container input,
.l2-form-container button[type="submit"] span {
  font-family: 'Bai Jamjuree';
  font-weight: 300;
}

.l2-form-container button[type="submit"] span {
  text-transform: none;
}

@media screen and (min-width:768px) {
  .l2-form-container > .e-con-inner {
    border-radius: 60px !important;
    background-color: #fff;
    box-shadow: 0 0 30px rgb(0 0 0 / 5%);
    z-index: 10;
    padding: 64px !important;
    transition: all 0.3s ease;
  }
  
  .l2-form-container > .e-con-inner:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 60px rgb(0 0 0 / 10%);
  }
}



.elementor-field-textual.elementor-size-lg {
  transition: all 0.3s ease;
}

.elementor-field-textual.elementor-size-lg:not(:focus) {
  border-bottom-color: #efefef !important;
  border-top-color: transparent !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;

}

.elementor-field-textual.elementor-size-lg:focus {
  border-radius: 30px !important;
}

@media screen and (max-width:767px) {
  .elementor-2522 .elementor-element.elementor-element-272342f7 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
    padding: 20px !important;
  }
}



.l2-form-container .elementor-button[type="submit"] {
  width: 100%;
  border-radius: 30px !important;
  margin-top: 24px;
}

/* TABLET */

/* TABLET MENU */

@media screen and (max-width:1024px) {
    .l2-menu-sticky img {
      opacity: 0 !important;

  }

  /* .l2-menu-sticky img {
      transition: all 0.3s ease;
  } */

  .ue_inner_menu::before {
    content: "";
    background-image: url("/wp-content/uploads/2023/04/sunchargeport_logoicon_rgb.svg");
    background-size: 300vw;
    background-repeat: no-repeat;
    background-position: -110vw -60vw;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left:0;
    right: 0;
    z-index: 0;
    display: block;
    opacity: 0.1;
}
}



@media screen and (max-width:1024px) {
  .elementor-10 .elementor-element.elementor-element-123e2ea .ue_menu div div ul li a {
    font-family: 'Bai Jamjuree';
    font-weight: 400 !important;
  }
  /* .l2-menu-sticky:not(.l2-menu-page-top) {
    position: fixed !important;
    z-index: 10000 !important;
  }

  .l2-menu-sticky.l2-menu-page-top {
    background-color: transparent !important;
  }

  .l2-menu-sticky:not(.l2-menu-page-top) {
    background-color: #f7f7f7 !important;
  }


  .l2-menu-sticky {
      width: 100vw !important;
      padding: 12px 32px !important;
  }

  .l2-menu-logo .elementor-widget-container {
      margin: 0 0 0 0 !important;
  } */
}

/* VIDEO SCROLL TABLET */

@media screen and (min-width:768px) and (max-width:1024px) {
  .rs-parallax-wrap:not(:last-child) rs-layer {
    margin-right: 32px !important;
  }
}



/* HOTSPOT MOBILE */

@media screen and (max-width:767px) {
    .l2-carousel-container .owl-nav {
      display: none;
    }
    .l2-carousel-container {
      margin: 32px 0 0 0 !important;
      max-width: calc(100% - 64px) !important;
  }
}

/* SLIDER MOBILE */

@media screen and (max-width:767px) {
  .rs-stickyscrollon rs-module-wrap {
    min-height: 100vh;
    /* mobile viewport bug fix */
    min-height: -webkit-fill-available;
  }
}



/* KOMPETENZ MOBILE */

@media screen and (max-width:767px) {
    .l2-service-kompetenz-boxen > div > .elementor-element {
      background-color: #fff;
      margin: 16px 32px;
      border-radius: 30px;
      box-shadow: 0 0 30px rgba(0,0,0,0.1);
  }

  .l2-service-kompetenz-boxen .elementor-widget-container p {
    font-size: 18px !important;
  }
}

/* VORTEILE MOBILE */

@media screen and (max-width:767px) {
  .elementor-2522 .elementor-element.elementor-element-f6695b7 {
      --align-self: flex-start !important;
      
  }

  .elementor-2522 .elementor-element.elementor-element-f6695b7 * {
      text-align: left;
  }
}

/* TYPO ALLGEMEIN MOBILE */

@media screen and (max-width:767px) {
  .elementor-widget-heading h1.elementor-heading-title {
    font-size: 32px !important;
  }
}

/* SLIDER MOBILE */

rs-module-wrap#rev_slider_11_1_wrapper {
  background: none !important;
}

@media screen and (max-width:767px) {
  .l2-scrollvideo-heading {
    font-size: 24px !important;
    width: 110vw !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
  }
  
  #rev_slider_11_1_wrapper,
  .rs-parallax-wrap,
  #slider-11-slide-11-layer-scrollvideo {
    min-height: 110lvh !important;
    height: 110lvh !important;   
  }
  #rev_slider_11_1 > rs-slides > rs-slide > rs-layer-wrap:nth-child(9) {
      display: none !important;
  }
  .l2-revolutionslider {
      background-image: none !important;
      background-color: #fff !important;
  }
  rs-slides .rs-parallax-wrap {
    left: -20px !important;
    top: calc(100% - 220px) !important;
  }
  
  rs-module::after {
    opacity: 0 !important;
  }
}


/* OWL DOT FIX */

@media screen and (max-width:767px) {
  .owl-dot.active {
    width: 40px !important;
  }
}

/* DESIGN BOXEN FIX MOBIL */

@media screen and (max-width:767px) {
  #uc_expanding_content_cards_elementor_36d8ea1.exp-wrapper .ue_options .ue_option {
    margin-bottom: 32px;
    filter: none;
  }
}

/* SERVICE MOBILE */

@media screen and (max-width:767px) {
  .l2-service-kompetenz-boxen > div > .elementor-element > .elementor-element {
    padding: 0 !important;
  }
}

/* SLASHES MOBILE */

@media screen and (max-width:767px) {
  .l2-highlight.l2-slashes {
   font-size: 28px !important;
  }
}

/* FORM MOBILE */

@media screen and (max-width:767px) {
  .l2-form-container .l2-headline-h2 .elementor-widget-container,
  .l2-form-container .elementor-field-textual.elementor-size-lg {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }
}

/* BULLETS FIX */

.l2-n-container .owl-dot:not(.active) {
  background-color: #fff !important;
}

/* RESPONSIVE SCROLL SLIDER */

.l2-revslider-mobile .l2-scrollvideo-heading {
  color: var( --e-global-color-primary ) !important;
  background: none !important;
  padding: 30px 60px 30px 30px !important;
}

.l2-revslider-mobile rs-slides .rs-parallax-wrap {
  top: 0% !important;
}


.l2-revslider-mobile rs-slides {
  top: 100%;
  overflow: visible;
}

.l2-revslider-mobile rs-module {
  overflow: visible;
}

.l2-revslider-mobile rs-module-wrap {
  /* margin-bottom: 100px !important; */
  background: #fff !important;
}

.l2-revslider-mobile rs-slides rs-layer {
  background: none !important;
}

/* .l2-revslider-mobile canvas {
    height: 100vw !important;
}

.l2-revslider-mobile rs-module {
    height: 100vw !important;
} */


/* VIDEO FIX */

.elementor-video {
  height: 100% !important;
}