.stepelement .step .badge {
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  background: var(--tertiary-color);
  color: var(--white);
  font-size: 1.5rem;
  padding: 0;
  position: relative;
  top: -0.25rem;
  border-radius: var(--border-radius-xs) var(--border-radius-xs) 0 var(--border-radius-xs);
}
.stepelement .step h4 {
  font-size: 2rem;
  line-height: 1.2;
  font-family: var(--PrimaryFont);
}
.stepelement .step p {
  font-size: 1rem;
  line-height: 1.4;
}
.stepelement .step p:last-child {
  margin-bottom: 0;
}
.stepelement .layout__ablauf h4 {
  font-size: 1rem;
  color: var(--font-color);
  margin: 0 auto;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stepelement .layout__ablauf h4::before, .stepelement .layout__ablauf h4::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #E6ECEF;
}
.stepelement .layout__ablauf h4::before {
  margin-right: 30px;
}
.stepelement .layout__ablauf h4::after {
  margin-left: 30px;
}
.stepelement .layout__ablauf .step * {
  color: var(--font-color) !important;
  font-size: 0.9rem;
  line-height: 1.5;
}
.stepelement .layout__ablauf .step h5 {
  background: #E6ECEF;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1;
  color: var(--font-color);
  border-radius: 16px;
  transition: var(--DefaultTransition);
}
.stepelement .layout__ablauf .step h5:hover {
  background: var(--font-color);
  color: var(--primary-color) !important;
  cursor: default;
}
.stepelement.bgtype-color .step h5 {
  color: var(--secondary-color) !important;
}
.stepelement.bgtype-color .step h5:hover {
  color: var(--tertiary-color) !important;
}
.stepelement.bgtype-color .step p {
  color: var(--font-color) !important;
  opacity: 0.5;
}
.bgtype-color .border-top {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.bgtype-color .badge {
  color: #0C4568 !important;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fgreensignevents%2Fscss%2Fcomponents%2F_stepelement.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWF%3BAAAA%3BAAAA%3BAAGE%3BAAAA%3BAAAA%3BAAKF%3BAAAA%3BAAAA%3BAAAA%3BAASJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */