.ce_subpage_hero {
  position: relative;
  background: #116b7a;
  padding: 8em 0 4em;
  overflow: hidden;
}
.ce_subpage_hero .kf-logo {
  position: absolute;
  top: 0;
  right: -4%;
  bottom: 0;
  width: auto;
  height: 100%;
}
.ce_subpage_hero .kf-logo path {
  fill: #0c4e5a;
}
.ce_subpage_hero .inside {
  width: 86%;
  max-width: 1440px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 719.98px) {
  .ce_subpage_hero .inside {
    width: 90%;
  }
}
.ce_subpage_hero .subpage-hero-content {
  width: 50%;
  max-width: 38.5em;
}
.ce_subpage_hero .subpage-hero-overheading {
  font-family: "PlusJakartaSans", helvetica, arial, sans-serif;
  font-size: 0.875em;
  line-height: 1.25;
  letter-spacing: 0.131rem;
  font-weight: 700;
  color: #ff754f;
  margin-bottom: 0.58em;
}
.ce_subpage_hero .subpage-hero-heading {
  font-family: "PlusJakartaSans", helvetica, arial, sans-serif;
  font-size: clamp(2.25em, 1.2549em + 2.7451vw, 3.5em);
  line-height: 1.1;
  font-weight: 800;
  color: #000;
  color: #fff;
  margin-bottom: 0.45em;
}
.ce_subpage_hero .subpage-hero-bodytext {
  font-family: "PlusJakartaSans", helvetica, arial, sans-serif;
  font-size: clamp(0.875em, 0.196vw + 0.804em, 1em);
  line-height: 1.6;
  font-weight: 400;
  color: #000;
  color: #fff;
  margin-bottom: 0.5em;
}
.ce_subpage_hero .subpage-hero-bodytext:last-child {
  margin: 0;
}
.ce_subpage_hero .subpage-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-top: 1.5em;
}
.ce_subpage_hero .subpage-hero-buttons .btn:first-child {
  font-family: "PlusJakartaSans", helvetica, arial, sans-serif;
  font-size: 0.875em;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 3rem;
  background-color: #116b7a;
  text-decoration: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease;
  padding-top: calc(1rem - 2px);
  padding-right: calc(3rem - 2px);
  padding-bottom: calc(1rem - 2px);
  padding-left: calc(3rem - 2px);
  border: 2px solid #fff;
}
.ce_subpage_hero .subpage-hero-buttons .btn:first-child:hover {
  background-color: #0c4e5a;
}
.ce_subpage_hero .subpage-hero-buttons .btn:not(.ce_subpage_hero .subpage-hero-buttons .btn:first-child):last-child {
  font-family: "PlusJakartaSans", helvetica, arial, sans-serif;
  font-size: 0.875em;
  line-height: 1;
  font-weight: 600;
  color: #fff;
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 3rem;
  background-color: #116b7a;
  text-decoration: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: all 300ms ease;
  background-color: #ff754f;
}
.ce_subpage_hero .subpage-hero-buttons .btn:not(.ce_subpage_hero .subpage-hero-buttons .btn:first-child):last-child:hover {
  background-color: #0c4e5a;
}
.ce_subpage_hero .subpage-hero-buttons .btn:not(.ce_subpage_hero .subpage-hero-buttons .btn:first-child):last-child:hover {
  background-color: #ff5f33;
}
@media only screen and (min-width: 720px) and (max-width: 1200px) {
  .ce_subpage_hero .inside {
    position: relative;
    z-index: 1;
  }
}
@media only screen and (max-width: 720px) {
  .ce_subpage_hero {
    padding-top: 6em;
  }
  .ce_subpage_hero .kf-logo {
    left: 0;
    right: initial;
  }
  .ce_subpage_hero .inside .subpage-hero-content {
    width: 90%;
  }
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22%3A3%2C%22sourceRoot%22%3A%22%22%2C%22sources%22%3A%5B%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fkf.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fkfleck%5C%2Fcss%5C%2Felements%5C%2Fce_hero_subpage.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fkf.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fkfleck%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fkf.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fkfleck%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fkf.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fkfleck%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%3BEACA%2CYCWO%3BEDVP%3BEACA%3B%3BAAEA%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEA%3BEACI%2CMCHD%3B%3BADOP%3BEEnBA%3BEACA%3BEACA%3BEFmBI%3BEACA%3B%3BAEJJ%3BEFCA%3BIEdI%3B%3B%3BAFqBA%3BEACI%3BEACA%3B%3BAAGJ%3BEGoFJ%2CaFpHW%3BEEqHX%3BEACA%3BEACA%3BEACA%2CaFnHe%3BEEoHf%2COF1GI%3BEDmBI%3B%3BAAGJ%3BEG1BJ%2CaFXW%3BEEYX%3BEACA%3BEACA%2CaFRiB%3BEESjB%2COFLI%3BEEOA%2COFRA%3BED8BI%3B%3BAAGJ%3BEGgDJ%2CaF1FW%3BEE2FX%3BEACA%3BEACA%2CaF1FkB%3BEE2FlB%2COFpFI%3BEEsFA%2COFvFA%3BEDmCI%3B%3BAAEA%3BEACI%3B%3BAAIR%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAGI%3BEGmEZ%2CaF7HW%3BEE8HX%3BEACA%3BEACA%2CaF5HmB%3BEE6HnB%2COFxHI%3BEE6HJ%3BEACA%3BEACA%3BEACA%2CkBF3HO%3BEE4HP%3BEACA%2COFlII%3BEEmIJ%3BEACA%3BEACA%3BEAOI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAATJ%3BEACI%2CkBFpIG%3B%3BADiDK%3BEG%2BDZ%2CaF7HW%3BEE8HX%3BEACA%3BEACA%2CaF5HmB%3BEE6HnB%2COFxHI%3BEE6HJ%3BEACA%3BEACA%3BEACA%2CkBF3HO%3BEE4HP%3BEACA%2COFlII%3BEEmIJ%3BEACA%3BEACA%3BEAeI%2CkBF9IA%3B%3BAEiIJ%3BEACI%2CkBFpIG%3B%3BAEkJH%3BEACI%2CkBFhJE%3B%3BACSV%3BEF4CI%3BIACI%3BIACA%3B%3B%3BAEpDR%3BEFlBJ%3BIA0EQ%3B%3BEACA%3BIACI%3BIACA%3B%3BEAGA%3BIACI%22%7D */