.ce_kontaktelement {
  background-color: #cedef2;
  padding-block: 3rem clamp(6.125rem, 5.451rem + 2.1569vw, 7.5rem);
}
.ce_kontaktelement .inside {
  position: relative;
  width: 90%;
  max-width: 1330px;
  margin-inline: auto;
  display: flex;
  gap: clamp(3rem, 0.7941rem + 7.0588vw, 7.5rem);
  padding-block: clamp(6.125rem, 5.451rem + 2.1569vw, 7.5rem) 10rem;
}
@media (max-width: 767px) {
  .ce_kontaktelement .inside {
    width: 90%;
  }
}
.ce_kontaktelement .headline {
  color: #274073;
}
.ce_kontaktelement figure {
  display: flex;
  margin-left: -3rem;
}
.ce_kontaktelement figure img {
  border-radius: 25px;
}
.ce_kontaktelement .headline {
  font-size: 1.625rem;
  font-size: clamp(1.625rem, 1.1348rem + 1.5686vw, 2.625rem);
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}
.ce_kontaktelement .desc {
  font-size: 1rem;
  margin-bottom: 1.75rem;
  line-height: 1.6;
}
.ce_kontaktelement .form-wrap {
  flex: 1;
}
.ce_kontaktelement fieldset {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
}
.ce_kontaktelement .widget {
  width: 100%;
}
.ce_kontaktelement input[type=text],
.ce_kontaktelement input[type=email],
.ce_kontaktelement input[type=tel] {
  width: 100%;
  padding-inline: 10px;
  padding-block: 17px 13px;
  font-size: 1rem;
  border-radius: 5px;
  border: none;
}
.ce_kontaktelement input[type=text]::placeholder,
.ce_kontaktelement input[type=email]::placeholder,
.ce_kontaktelement input[type=tel]::placeholder {
  font-size: 14px;
  color: #333334;
}
.ce_kontaktelement textarea {
  width: 100%;
  height: 124px;
  resize: none;
  padding: 17px 13px 13px 13px;
  font-size: 1rem;
  border-radius: 5px;
  border: none;
}
.ce_kontaktelement textarea::placeholder {
  font-size: 14px;
  color: #333334;
}
.ce_kontaktelement .widget-checkbox {
  margin-bottom: 2rem;
}
.ce_kontaktelement input[type=checkbox] {
  opacity: 0;
  pointer-events: none;
  transform: translateY(200%);
}
.ce_kontaktelement label {
  font-size: 14px;
  line-height: 1.2;
  display: block;
  position: relative;
  padding-left: 25px;
}
.ce_kontaktelement label a {
  color: #333334;
}
.ce_kontaktelement label::before {
  content: "";
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
  border: 2px solid #333334;
  position: absolute;
  left: 0;
  top: -3px;
  border-radius: 3px;
}
.ce_kontaktelement input[type=checkbox]:checked + label::before {
  background-image: url(../../bundles/bansbach/icons/checkbox-blue.svg);
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ce_kontaktelement .explanation {
  font-size: 14px;
}
.ce_kontaktelement button {
  min-width: 216px;
  text-align: center;
  font-size: 16px;
  display: block;
  width: fit-content;
  color: #ffffff;
  font-weight: 600;
  padding: 16px 40px 13px 40px;
  cursor: pointer;
  border: none;
  border-radius: 112px;
  text-decoration: none;
  background-color: #274073;
  transition: 0.3s ease;
  margin-top: 1.5rem;
  min-width: 220px;
}
.ce_kontaktelement button:focus {
  background-color: #bfc8f9;
  color: #17285E;
}
@media (hover: hover) {
  .ce_kontaktelement button:hover {
    background-color: #bfc8f9;
    color: #17285E;
  }
}
.ce_kontaktelement .back-to-top {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(3%, 50%);
}
.ce_kontaktelement .back-to-top svg {
  width: 95px;
  height: 95px;
}
.ce_kontaktelement .back-to-top svg path, .ce_kontaktelement .back-to-top svg line {
  transition: fill 0.3s ease;
}
.ce_kontaktelement .back-to-top:hover svg path {
  fill: #bfc8f9;
}
.ce_kontaktelement .back-to-top:hover svg line {
  stroke: #274073;
}
.ce_kontaktelement .widget.error {
  display: flex;
  flex-direction: column-reverse;
}
.ce_kontaktelement p.error {
  font-size: 12px;
  color: #E62336;
  line-height: 1.2;
}
.ce_kontaktelement .form-confirmation p {
  color: green;
  font-size: clamp(1.125rem, 1rem + 0.5263vw, 1.5rem);
}
@media (max-width: 870px) {
  .ce_kontaktelement {
    padding-top: 0;
  }
  .ce_kontaktelement .inside {
    flex-direction: column;
    padding-top: 0;
  }
  .ce_kontaktelement figure {
    margin-left: 0;
    margin-top: -5rem;
  }
  .ce_kontaktelement fieldset {
    flex-direction: column;
    gap: 9px;
    margin-bottom: 9px;
  }
  .ce_kontaktelement .back-to-top svg {
    width: 65px;
    height: 65px;
  }
}

@media (max-width: 870px) {
  .contact-page .ce_kontaktelement {
    padding-top: 3rem;
    padding-bottom: 6rem;
  }
  .contact-page .ce_kontaktelement .inside {
    padding-bottom: 0;
  }
  .contact-page .ce_kontaktelement figure {
    margin-top: 0 !important;
  }
}
.contact-page .ce_kontaktelement .back-to-top {
  display: none;
}

/*# 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%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Felements%5C%2Fce_kontaktelement.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Fincludes%5C%2F_variables.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Fincludes%5C%2F_mixins.scss%22%2C%22file%3A%5C%2F%5C%2F%5C%2Fvar%5C%2Fwww%5C%2Fvhosts%5C%2Fbansbach-akademie.abnahme-server.de%5C%2Fhttpdocs%5C%2Fpublic%5C%2Fbundles%5C%2Fbansbach%5C%2Fcss%5C%2Fincludes%5C%2F_typography.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BEACI%2CkBCOgB%3BEDNhB%3B%3BAACA%3BEACI%3BEEQJ%3BEACA%3BEACA%3BEFRI%3BEACA%3BEACA%3B%3BAEOJ%3BEFZA%3BIEaI%3B%3B%3BAFNJ%3BEACI%2COCVI%3B%3BADYR%3BEACI%3BEACA%3B%3BAACA%3BEACI%3B%3BAAGR%3BEGbA%3BEACA%3BEACA%3BEACA%3BEHYI%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3B%3BAAEJ%3BEACI%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAAEJ%3BEACI%3B%3BAAEJ%3BAAAA%3BAAAA%3BEAGI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAACA%3BAAAA%3BAAAA%3BEACI%3BEACA%2COC9CI%3B%3BADiDZ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAACA%3BEACI%3BEACA%2COC3DI%3B%3BAD8DZ%3BEACI%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3B%3BAAEJ%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAACA%3BEACI%2COC7EI%3B%3BAD%2BER%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAGR%3BEACI%3BEACA%3BEACA%3BEACA%3BEACA%3B%3BAAEJ%3BEACI%3B%3BAAEJ%3BEGvDA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2COF3CO%3BEE4CP%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%3BEACA%2CkBFhEQ%3BEEiER%3BEH4CI%3BEACA%3B%3BAG5CJ%3BEACI%2CkBF3DS%3BEE4DT%2COFrEG%3B%3BAEuEP%3BEACI%3BIACI%2CkBFhEK%3BIEiEL%2COF1ED%3B%3B%3BADiHP%3BEACI%3BEACA%3BEACA%3BEACA%3B%3BAACA%3BEACI%3BEACA%3B%3BAACA%3BEACI%3B%3BAAIJ%3BEACI%2CMCtHC%3B%3BADwHL%3BEACI%2CQCjIJ%3B%3BADqIR%3BEACI%3BEACA%3B%3BAAEJ%3BEACI%3BEACA%2COCzIE%3BED0IF%3B%3BAAEJ%3BEACI%3BEACA%3B%3BAAEJ%3BEAnJJ%3BIAoJQ%3B%3BEACA%3BIACI%3BIACA%3B%3BEAEJ%3BIACI%3BIACA%3B%3BEAEJ%3BIACI%3BIACA%3BIACA%3B%3BEAEJ%3BIACI%3BIACA%3B%3B%3B%3BAAMR%3BEADJ%3BIAEQ%3BIACA%3B%3BEACA%3BIACI%3B%3BEAEJ%3BIACI%3B%3B%3BAAGR%3BEACI%22%7D */