/**
* Block Name: kontakt
*/

section.kontakt .acf-map {
  width: 100%;
  height: 540px;
  border: 10px solid var(--weiss);
  margin: 0;
}

section.kontakt .acf-map img {
  max-width: inherit !important;
}

section.kontakt p > a {
  color: var(--text-alt);
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

section.kontakt p > a:hover {
  color: var(--blau);
  text-decoration: none;
}

section.kontakt p > span {
  display: block;
}

section.kontakt p svg,
section.kontakt a svg {
  margin-right: 8px;
  margin-top: -10px;
}

section.kontakt p svg path,
section.kontakt a svg path {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

section.kontakt p:hover svg path,
section.kontakt a:hover svg path {
  fill: var(--blau);
}

section.kontakt a.adresse span:not(:first-of-type) {
  display: block;
  padding-left: 30px;
}

section.kontakt
  .wpforms-container.wpforms-container-full.wpforms-render-modern {
  margin: 50px 0 !important;
}

section.kontakt .wpforms-form {
  font-family: "IBM Plex Sans", sans-serif;
}

section.kontakt .wpforms-form .wpforms-field-label {
  display: block;
  font-weight: 400;
  font-size: 12px;
  margin: 0 0 4px 0;
  padding: 0;
  color: var(--text-alt);
}

section.kontakt .wpforms-form .wpforms-field-sublabel {
  position: absolute;
  top: -30px;
  font-weight: 400;
  font-size: 12px;
  color: var(--text-alt);
}

section.kontakt .wpforms-form .wpforms-field input,
section.kontakt .wpforms-form .wpforms-field textarea {
  border-radius: 3px;
  border: 2px solid var(--neutral, --bg-hell);
  background: var(--bg-hell, --neutral);
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.1) inset,
    0px 0px 2px 0px rgba(0, 0, 0, 0.31) inset;
}

section.kontakt .wpforms-form .wpforms-field input:focus,
section.kontakt .wpforms-form .wpforms-field textarea:focus,
section.kontakt .wpforms-form .wpforms-field input:focus-visible,
section.kontakt .wpforms-form .wpforms-field textarea:focus-visible {
  border: 2px solid var(--blau);
}

section.kontakt .wpforms-form button.button--absenden {
  background-color: #fff !important;
  color: var(--blau) !important;
  box-shadow: none !important;
  height: auto !important;
  text-align: start;
  padding: 10px 0px;
}

section.kontakt .wpforms-form button.button--absenden:focus,
section.kontakt .wpforms-form button.button--absenden:focus-visible {
  border: 2px solid var(--blau);
}

section.kontakt .wpforms-form button.button--absenden::after {
  content: "";
  width: 18px;
  height: 18px;
  margin-left: 10px;
  position: relative;
  top: 3px;
  display: inline-block;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10.0002 3.33337L8.82516 4.50837L13.4752 9.16671H3.3335V10.8334H13.4752L8.82516 15.4917L10.0002 16.6667L16.6668 10L10.0002 3.33337Z' fill='%234AA8FF'/%3E%3C/svg%3E");
}

section.kontakt .wpforms-form button.button--absenden:focus::after,
section.kontakt .wpforms-form button.button--absenden:focus-visible::after {
  border: none;
}

section.kontakt .wpforms-form button.button--absenden:hover::after {
  transform: translateX(5px);
  opacity: 0.8;
}

section.kontakt .wpforms-form button.button--absenden:hover {
  background: none !important;
  opacity: 0.8;
}

@media only screen and (max-width: 600px) {
  section.kontakt
    div.wpforms-container
    .wpforms-form
    .wpforms-field:not(.wpforms-field-phone):not(
      .wpforms-field-select-style-modern
    ):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(
      .wpforms-field-layout
    ) {
    overflow-x: visible !important;
  }
}

@media only screen and (max-width: 576px) {
  section.kontakt {
    height: auto;
  }
}