@keyframes animation-default {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    transform: translateY(25vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0vw);
  }
}
.app-ContactBlock {
  accent-color: var(--app-color-use-accent);
  background-color: var(--app-color-use-bg);
  color: var(--app-color-use-text);
  --app-color-use-bg: var(--app-color-def-gray-lighter);
  --app-color-use-text: var(--app-color-def-gray-black);
  --app-color-use-accent: var(--app-color-def-primary);
  --app-color-use-border: var(--app-color-def-gray-medium);
  --app-button-use-color-border: var(--app-button-use-color-text);
  --app-button-use-color-text: var(--app-color-def-primary);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-def-gray-white);
  --app-button-use-hover-color-background: var(--app-color-def-primary);
  margin-inline: var(--app-align-use-left--0) var(--app-align-use-right--0);
  padding-inline: calc(var(--app-align-use-left--1) - var(--app-align-use-left--0)) calc(var(--app-align-use-right--1) - var(--app-align-use-right--0));
  padding-block: var(--app-spacing-600);
}
html.sca-animatable .app-ContactBlock .app-Headline {
  animation: animation-default;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-play-state: paused;
}
html.sca-animatable .app-ContactBlock.sca-animate.sca-visible .app-Headline {
  animation-play-state: running;
}
html.sca-animatable .app-ContactBlock:not(.sca-animate).sca-visible .app-Headline {
  animation-delay: -1s;
}
html.sca-animatable .app-ContactBlock .app-ContactBlock-form {
  animation: animation-default;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
  animation-play-state: paused;
}
html.sca-animatable .app-ContactBlock.sca-animate.sca-visible .app-ContactBlock-form {
  animation-play-state: running;
}
html.sca-animatable .app-ContactBlock:not(.sca-animate).sca-visible .app-ContactBlock-form {
  animation-delay: -1s;
}
.app-ContactBlock--colorscheme-default {
  --app-color-use-bg: var(--app-color-def-gray-white);
  --app-color-use-text: var(--app-color-def-gray-black);
  --app-color-use-accent: var(--app-color-def-primary);
  --app-color-use-border: var(--app-color-def-gray-light);
  --app-button-use-color-border: var(--app-button-use-color-text);
  --app-button-use-color-text: var(--app-color-def-primary);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-def-gray-white);
  --app-button-use-hover-color-background: var(--app-color-def-primary);
}
.app-ContactBlock--colorscheme-alternate {
  --app-color-use-bg: var(--app-color-def-gray-lighter);
  --app-color-use-text: var(--app-color-def-gray-black);
  --app-color-use-accent: var(--app-color-def-primary);
  --app-color-use-border: var(--app-color-def-gray-medium);
  --app-button-use-color-border: var(--app-button-use-color-text);
  --app-button-use-color-text: var(--app-color-def-primary);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-def-gray-white);
  --app-button-use-hover-color-background: var(--app-color-def-primary);
}
.app-ContactBlock--colorscheme-custom {
  --app-button-use-color-border: var(--app-color-use-text);
  --app-button-use-color-text: var(--app-color-use-text);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-use-bg);
  --app-button-use-hover-color-background: var(--app-color-use-accent);
}
.app-ContactBlock .app-Headline {
  margin-bottom: var(--app-spacing-250);
  text-align: center;
}
.app-ContactBlock .app-ContactForm {
  container-type: inline-size;
}
.app-ContactBlock .app-ContactForm-fieldset {
  display: grid;
  gap: var(--app-spacing-120);
  grid-template-columns: 1fr;
  padding-top: var(--app-spacing-120);
}
@container (min-width: 34rem) {
  .app-ContactBlock .app-ContactForm-fieldset {
    grid-template-columns: repeat(4, 1fr);
  }
}
@container (min-width: 60rem) {
  .app-ContactBlock .app-ContactForm-fieldset {
    grid-template-areas: ". . . . r r r r" ". . . . r r r r" ". . . . r r r r";
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: auto auto 1fr;
  }
}
.app-ContactBlock .app-ContactForm-info {
  margin-top: var(--app-spacing-120);
}
.app-ContactBlock .app-ContactForm-actions {
  display: flex;
  justify-content: center;
  margin-top: var(--app-spacing-200);
}
@container (min-width: 34rem) {
  .app-ContactBlock .app-ContactForm-Field {
    grid-column: span 2;
  }
}
.app-ContactBlock .app-ContactForm-Field--span1 {
  grid-column: span 1;
}
@container (min-width: 34rem) {
  .app-ContactBlock .app-ContactForm-Field--span4 {
    grid-column: span 4;
  }
}
@container (min-width: 34rem) {
  .app-ContactBlock .app-ContactForm-Field--span8 {
    grid-column: span 4;
  }
}
@container (min-width: 60rem) {
  .app-ContactBlock .app-ContactForm-Field--span8 {
    grid-column: span 8;
  }
}
@container (min-width: 60rem) {
  .app-ContactBlock .app-ContactForm-Field--right {
    grid-area: r;
  }
}
.app-ContactBlock .app-ContactForm label {
  display: block;
  margin-bottom: 0.3em;
  padding-left: 1px;
}
.app-ContactBlock .app-ContactForm input[type="text"], .app-ContactBlock .app-ContactForm input[type="email"], .app-ContactBlock .app-ContactForm select, .app-ContactBlock .app-ContactForm textarea {
  --app-color-use-bg: var(--app-color-def-gray-white);
  --app-color-use-text: var(--app-color-def-gray-black);
  --app-color-use-accent: var(--app-color-def-primary);
  --app-color-use-border: var(--app-color-def-gray-light);
  --app-button-use-color-border: var(--app-button-use-color-text);
  --app-button-use-color-text: var(--app-color-def-primary);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-def-gray-white);
  --app-button-use-hover-color-background: var(--app-color-def-primary);
  accent-color: var(--app-color-use-accent);
  background-color: var(--app-color-use-bg);
  color: var(--app-color-use-text);
  font-size: var(--app-font-size-text);
  font-weight: 400;
  line-height: clamp(22px, calc(0.0026 * 100vw + 21px), 26px);
  border: 1px solid var(--app-color-use-border);
  padding: 0.55em 0.8em;
  width: 100%;
}
.app-ContactBlock .app-ContactForm select:required:invalid {
  color: var(--app-color-def-gray-light);
}
.app-ContactBlock .app-ContactForm textarea {
  resize: vertical;
}
.app-ContactBlock .app-ContactForm .field.checkbox {
  font-size: var(--app-font-size-text);
  font-weight: 400;
  line-height: clamp(22px, calc(0.0026 * 100vw + 21px), 26px);
  align-items: baseline;
  display: flex;
  gap: var(--app-spacing-100);
}
.app-ContactBlock .app-ContactForm .field.checkbox a {
  text-decoration: underline;
}
.app-ContactBlock .app-ContactForm .field.checkbox label {
  font-size: var(--app-font-size-def-250);
  margin: 0;
}
.app-ContactBlock .app-ContactForm .field.checkbox input[type="checkbox"] {
  --app-color-use-bg: var(--app-color-def-gray-white);
  --app-color-use-text: var(--app-color-def-gray-black);
  --app-color-use-accent: var(--app-color-def-primary);
  --app-color-use-border: var(--app-color-def-gray-light);
  --app-button-use-color-border: var(--app-button-use-color-text);
  --app-button-use-color-text: var(--app-color-def-primary);
  --app-button-use-color-background: transparent;
  --app-button-use-hover-color-border: var(--app-button-use-color-border);
  --app-button-use-hover-color-text: var(--app-color-def-gray-white);
  --app-button-use-hover-color-background: var(--app-color-def-primary);
  accent-color: var(--app-color-use-accent);
  background-color: var(--app-color-use-bg);
  color: var(--app-color-use-text);
  font-size: var(--app-font-size-text);
  font-weight: 400;
  line-height: clamp(22px, calc(0.0026 * 100vw + 21px), 26px);
  appearance: none;
  aspect-ratio: 1;
  border: 1px solid var(--app-color-use-border);
  flex-shrink: 0;
  position: relative;
  top: 0.2rem;
  width: 1.2rem;
}
.app-ContactBlock .app-ContactForm .field.checkbox input[type="checkbox"]:checked::after {
  background-color: var(--app-color-use-accent);
  content: "";
  inset: 2px;
  position: absolute;
}
.app-ContactBlock .app-ContactForm .field.dropdown .middleColumn {
  position: relative;
}
.app-ContactBlock .app-ContactForm .field.dropdown .middleColumn::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%226%22%20viewBox%3D%220%200%2011%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.101%203.53083e-08L11%200.892353L6.10046%205.75277C6.02196%205.83112%205.9286%205.8933%205.82576%205.93573C5.72293%205.97816%205.61265%206%205.50127%206C5.38989%206%205.27961%205.97816%205.17678%205.93573C5.07395%205.8933%204.98059%205.83112%204.90208%205.75277L-2.23262e-07%200.892353L0.898998%200.000841101L5.5%204.56269L10.101%203.53083e-08Z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-size: 100% auto;
  height: 1.1rem;
  pointer-events: none;
  position: absolute;
  right: 0.7rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.1rem;
}
.app-ContactBlock .app-ContactForm .field.dropdown select {
  appearance: none;
}
.app-ContactBlock .app-ContactForm .field.textarea {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.app-ContactBlock .app-ContactForm .field.textarea .middleColumn {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.app-ContactBlock .app-ContactForm .field.textarea .middleColumn textarea {
  flex-grow: 1;
}