.wunder-accordion .first-line {
  font-family: "Open Sans", "Arial Black", "sans-serif";
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
}
.wunder-accordion .accordion {
  background-color: transparent;
  cursor: pointer;
  padding: 16px 0 16px 30px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  line-height: 25px;
  transition: all 0.1s ease-out;
  border-top: 1px solid var(--color-6);
  font-weight: 700;
}
.wunder-accordion .accordion:focus {
  outline: none !important;
}
.wunder-accordion .accordion:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f105";
  color: var(--color-1);
  float: right;
  margin-left: 5px;
}
.wunder-accordion .accordion.active, .wunder-accordion .accordion:hover {
  border-left: 5px solid var(--color-1);
  transition: all 0.1s ease-out;
}
.wunder-accordion .accordion.active:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f107";
}
.wunder-accordion .panel {
  padding: 0 18px 0 30px;
  background-color: var(--color-white);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.wunder-accordion .panel:last-of-type {
  border-bottom: 1px solid var(--color-6);
}
.wunder-accordion .panel.active {
  border-left: 5px solid var(--color-1);
  padding-bottom: 18px;
}

/*# sourceMappingURL=WunderAccordion.css.map */