.content_block.form_select {
  /* background-color: var(--primary);
  color: var(--white); */

  display: flex;
  gap: 5rem var(--col);
  /* flex-wrap: wrap; */
}

#content_form_select_0 {
  padding-top: calc(var(--header, 10rem) + 5vw);
}

.content_block.form_select > div {
  width: 40rem;
  flex-grow: 2;
  flex-shrink: 1;
}

.content_block.form_select > form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1rem;

  max-width: 84rem;
  width: calc(var(--col) * 11);
  min-width: fit-content;
  font-size: 0.8em;
  min-width: min-content;

  flex-grow: 1;

  background-color: rgba(133, 130, 130, 0.15);
  border-radius: 1em;
  padding: 2rem;
  background-color: var(--primary);
  color: var(--white);

  accent-color: var(--secondary);


  /* position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 99999;
  --p: 2em;
  max-width: 90vw;
  height: 90vh;
  width: auto;
  max-height: min-content;
  font-size: 0.8em;

  max-width: 100%;
  max-height: 100%;
  overflow: visible;
  padding: 0rem 1rem; */
}

.content_block.form_select.no_text {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 0;
}

.content_block.form_select:not(:has(.headline)) {
  flex-direction: row-reverse;
  align-items: flex-end;
  min-height: 0;
  padding-top: 0;
  justify-content: center;
  /* padding-bottom: 0; */
}

.content_block.form_select:not(:has(.headline)) > div {
  max-width: fit-content;
}

.content_block.form_select.no_text > form {
  flex-grow: 0;
  margin: auto;
}

/* .content_block.form_select form:before {
  content: '';
  display: block;
  width: calc(100% + (var(--p) * 2));
  height: calc(100% + (var(--p) * 2));
  position: absolute;
  left: calc(0px - var(--p));
  top: calc(0px - var(--p));
  border-radius: 1em;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: .5em .5em .75em rgba(0,0,0,.1);
  transition: all .5s ease;
  z-index: -1;
}

.content_block.form_select form:after {
  content: '';
  display: block;
  width: calc(100% + (var(--p) * 2));
  height: calc(100% + (var(--p) * 2));
  position: absolute;
  left: calc(0px - var(--p));
  top: calc(0px - var(--p));
  background-color: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(1em);
  z-index: -1;
  transition: all .5s ease;
  z-index: -2;
} */

.form_select .form-row-checkbox.is_required:after,
.form_select .form-row-radio.is_required:after {
  content: '(Pflichtfeld)';
  font-size: .8em;
  opacity: .6;
}

.form_select .is_required>label:after {
  content: '*';
  margin-left: 5px;
  opacity: .6;
}

.form_select .is_required>input:first-child:after {
  content: '*';
  margin-left: 5px;
}


.form_select .error_field p,
.form_select .error_field label {
  color: darkred !important;
}

.form_select .error_field input,
.form_select .error_field textarea {
  border-color: darkred !important;
}

.form_select .button:disabled {
  filter: opacity(0.5);
  pointer-events: none;
}

.form_select .hidden{
  display: none;
}

.form_select .error_message_block {
  width: 100%;
    margin-bottom: 1rem;
    background-color: darkred;
    color: var(--white);
    margin-top: 0;
    padding: 1em;
    border-radius: 1em;
}

.modal_content .success_message_block {
    color: darkgreen;
    font-size: 1.25em;
}

.modal_content:not(:has(form)) > P {
  display: none;
}

.form_select .error_field {
  color: darkred;
}


/* .form_select {
  background-color: var(--primary);
  color: var(--white)
} */

.content_block.form_select input[type='submit'],
.content_block.form_select .btn,
.content_block.form_select .button {
    color: var(--headline-color);
    background-color: var(--white);
    background-image: url(../../../../custom/images/submit.svg);
}

.form_select .headline + * {
  margin-top: 3em;
}

.content_block.form_select .headline {
  position: relative;
}


@media (min-width: 1381px) {
  .content_block.form_select .headline:after {
    content: "";
    display: block;
    height: 5em;
    width: 5em;
    background-image: url(../../../custom/images/person_overview_pfeil.svg);
    background-repeat: no-repeat;
    background-size: contain;
    transform: translate(40%, 25%) rotate(-50deg);
    position: absolute;
    bottom: 100%;
    right: 0;
  }
}

@media (max-width: 1380px) {
  .content_block.form_select {
    flex-wrap: wrap;
  }
}