.horizontale>div>div>div {
  flex: 0 0 auto;
  /* width: max-content; */ /* WEMOS: commented cause the text wasn't breaking */

}

.horizontale>div>.elementor-section {
  min-width: max-content;
}

.elementor-widget-wrap .elementor-element.elementor-widget__width-auto,
.elementor-widget-wrap .elementor-element.elementor-widget__width-initial {
  max-width: unset;
}



.leftarrow,
.rightarrow {
  cursor: pointer;
  line-height: 0;
}

/* match any first child, whatever node type it is*/
.horizontale > :first-child {
  scrollbar-width: none;
}

/* Remove default browser :focus styling */
.leftarrow:focus,
.rightarrow:focus {
  outline: 0;
}

/* Replace focus styling with this for accessibility */
.leftarrow:focus .elementor-icon,
.rightarrow:focus .elementor-icon {
  transform: scale(1.04);
  /* Size of arrows when :focus state is active */
  color: #000;
  /* Color of arrows when :focus state is active */
}

.horizontale>div {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  cursor: unset;
  /* Change to unset to have the normal cursor */
}

.horizontale>div::-webkit-scrollbar {
  height: 0;
  /* Change to 6px to make the scrollbar smaller, or to 0 to remove it */
}

.horizontale>div::-webkit-scrollbar-track {
  background: red;
}

/* Color of scrollbar track */

.horizontale>div::-webkit-scrollbar-thumb {
  background: red;
}

/* Color of scrollbar thumb */

.horizontale>div.active {
  cursor: grabbing;
  /* Change to unset to have the normal cursor when mouse button is clicked down */
  cursor: -webkit-grabbing;
  /* idem */
  transform: scale(1.01);
  /* Size of elements when mouse button is clicked down */
}

/* Prevents clicking on links while navigating left or right */
.noclick {
  pointer-events: none;
}


/* Exclusive CSS for template customers  */

/* Compatibility with Basic Gallery */

.horizontale .gallery {
  display: grid;
  grid-auto-flow: column;
}

.horizontale .gallery img {
  width: auto;
  padding: 20px;
  /* Gap between images */
  height: 410px;
  /* Height of the images */
}

/* Compatibility with Posts Element */

.horizontale .elementor-grid {
  grid-auto-flow: column;
}

.horizontale .elementor-grid article {
  width: 440px;
  /* width of posts elements */
  padding: 30px;
  /* gap between posts */
}

@media (max-width:1024px) {
  .horizontale>div>.elementor-section {
     min-width: 100vw;
  }
}

@media (max-width: 769px) {
  .horizontale {
    /* overflow: initial !important; */
    flex-wrap: wrap !important;
  }
}


/* ====================================================== */
/* ============= END - Horizontal alignemnt ============= */
/* ====================================================== */



/**
 * Outer Container which cointains Horizontal Scroll Container
 */
.wemos-full-section {

}

/**
 * Horizontal Scroll Container which cointains the various containers to be horizontally scrolled
 */
.horizontale {

}



/**
 * Do this only when the elementor editor is active
 */
body.elementor-editor-active .wemos-container-element {
  /* min-height: calc((100vw - 300px) / 3) !important; */
}


.wemos-button-primary a {
  width: 100% !important;
}


.wemos-button-primary.wemos-button-text-box {

}

.wemos-button-primary.wemos-button-full-width {
  width: 100%;
}


.wemos-button-primary.wemos-button-min-width {
  min-width: 250px !important;
}


/* ##################################################################### */
/* ######################### DIALOG NEWSLETTER ######################### */
/* ##################################################################### */
.dialog-mail-form-element label {
  display: none !important;
}

.dialog-mail-form-element {
  margin-bottom: 20px !important;
}

.dialog-mail-form-element a {
  color: black;
font-weight: 500;
}

.dialog-mail-form-element .text.required {
  color: black !important;
} 

.dialog-mail-form-element.datenschutz {
display: flex
}
.dialog-mail-form-element.datenschutz .ds_title {
 order: 1;
}
.dialog-mail-form-element.datenschutz #dsecbspan {
 order: 0;
}


.dialog-mail-form-wrapper input[type=text] {
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 2px solid black;
  border-radius: 0px;
  padding-left: 10px !important;
}


.dialog-mail-form-wrapper input[type=submit] {
  font-family: var( --e-global-typography-eae1a5d-font-family ), Sans-serif !important;
  font-size: var( --e-global-typography-eae1a5d-font-size) !important;
  font-weight: var( --e-global-typography-eae1a5d-font-weight ) !important;
  line-height: var( --e-global-typography-eae1a5d-line-height ) !important;
  letter-spacing: var( --e-global-typography-eae1a5d-letter-spacing ) !important;
  word-spacing: var( --e-global-typography-eae1a5d-word-spacing) !important;
  fill: var( --e-global-color-text ) !important;
  color: var( --e-global-color-text ) !important;
  background-color: #FFFFFF00 !important;
  border-style: solid !important;
  border-width: 2px 2px 2px 2px !important;
  border-radius: 0px 0px 0px 0px !important;
  padding: 10px 20px 10px 20px !important;

border-color: var( --e-global-color-text );

}

.dialog-mail-form-wrapper .header-title {
  display: none !important;
}


/* ##################################################################### */
/* ############################# SUBHEADER ############################# */
/* ##################################################################### */
.wemos-sub-header.elementor-sticky--active {
  background-color: #FFF;
  transition: none;
}

body:not(.admin-bar) .wemos-sub-header.elementor-sticky--effects { 
   top: 61px !important;
}


body.admin-bar .wemos-sub-header.elementor-sticky--effects {
  top: 93px !important;
}



/* ##################################################################### */
/* ############################### HEADER ############################## */
/* ##################################################################### */

/* Hide hamburger menu on larger screens */
@media (min-width: 1230px) {
  #wemos-header-with-hamburger {
      display: none;
  }
}

/* Hide regular menu on smaller screens and show hamburger menu */
@media (max-width: 1229px) {
  #wemos-header-with-menu {
      display: none;
  }
  #wemos-header-with-hamburger {
      display: flex; 
      
  }
  .weglot-lang a {
    color: var(--e-global-color-text) !important;
  }
}

/* ##################################################################### */
/* ############################# HEADER END ############################ */
/* ##################################################################### */



/* ##################################################################### */
/* ######################## HIDE SCROLLBAR START ####################### */
/* ##################################################################### */

.horizontale {
  /*scrollbar-width: none; Hide scrollbar in Firefox */
  /*overflow-x: auto;  Allow horizontal scrolling */
}

.horizontale::-webkit-scrollbar {
 /* display: none; Hide scrollbar visually */
}

.horizontale.scrolling::-webkit-scrollbar {
 /* display: block;   Show scrollbar when scrolling */
}

.horizontale {
 /* scrollbar-width: none;  Hide scrollbar in Firefox */
 /*overflow-x: auto; Allow horizontal scrolling */
}

.horizontale.scrolling {
  /*scrollbar-width: auto; Show scrollbar when scrolling in Firefox */
}

/* ##################################################################### */
/* ######################### HIDE SCROLLBAR END ######################## */
/* ##################################################################### */