.elementor-9137 .elementor-element.elementor-element-264d08d2{--display:flex;--overlay-opacity:0.57;--padding-top:9em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}.elementor-9137 .elementor-element.elementor-element-264d08d2:not(.elementor-motion-effects-element-type-background), .elementor-9137 .elementor-element.elementor-element-264d08d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hofa-akustik.de/wp-content/uploads/sites/7/2024/07/grosse_Aufnahme1-scaled.jpg");background-position:center center;}.elementor-9137 .elementor-element.elementor-element-264d08d2::before, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .elementor-background-video-container::before, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .e-con-inner > .elementor-background-video-container::before, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .elementor-background-slideshow::before, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-9137 .elementor-element.elementor-element-264d08d2 > .elementor-shape-bottom svg, .elementor-9137 .elementor-element.elementor-element-264d08d2 > .e-con-inner > .elementor-shape-bottom svg{height:70px;transform:translateX(-50%) rotateY(180deg);}.elementor-9137 .elementor-element.elementor-element-2642fa{text-align:center;}.elementor-9137 .elementor-element.elementor-element-2642fa .elementor-heading-title{color:#FFFFFF;}.elementor-9137 .elementor-element.elementor-element-f20d05d{--display:flex;--margin-top:35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9137 .elementor-element.elementor-element-11095fd{--display:flex;}.elementor-9137 .elementor-element.elementor-element-cb03526{text-align:center;}.elementor-9137 .elementor-element.elementor-element-3b9997d{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-f20d05d */.main-content {
    padding-top: 0!important;
}
#hoerbeispiele {
  position: relative;
}

#hoerbeispiele .select {
  width: 100%;
  margin: 1em 0;
  max-width: 100%;
  float: left;
}

#hoerbeispiele .select > div {
  float: left;
  width: 20%;
}

#hoerbeispiele .select-setup > div {
  width: 25%;
}

#hoerbeispiele .select label {
  width: 100%;
  text-align: center;
  padding: 0.6em 1.2em;
  box-sizing: border-box;
}

#hoerbeispiele .select label input {
  display: none;
}

#hoerbeispiele .select label img {
  display: block;
  margin: auto;
}

#hoerbeispiele .select-setup label img {
  margin-bottom: 1em;
}

#hoerbeispiele .select .item {
  box-sizing: border-box;
  padding: .5em;
  border-radius: 0.625em;
  opacity: 0.6;
}

#hoerbeispiele .select .item:hover {
  opacity: 0.8;
}

#hoerbeispiele .select label input:checked + .item {
  box-shadow: 0 0 0 0.2em #ee7f00 inset;
  opacity: 1;
}

#hoerbeispiele .select .stop-button {
  float: none;
  margin: 0 auto;
  width: 100px;
}

@media screen and (max-width: 480px) {
  #hoerbeispiele .select > div {
    float: none;
    width: 32%;
    display: inline-block;
    vertical-align: top;
  }

  #hoerbeispiele .select-setup > div {
    width: 49%;
  }

  #hoerbeispiele .select label {
    padding: 0;
  }

  #hoerbeispiele .select .stop-button {
    position: fixed;
    left: 50%;
    bottom: 0.5em;
    width: 60px;
    margin-left: -30px;
    z-index: 5;
  }

  #hoerbeispiele .select .stop-button .item {
    background: #fff;
    opacity: 1;
    box-shadow: 0 0 0 0.2em #999 inset;
  }
}/* End custom CSS */