datadataselect {
	-moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
	}

select::-ms-expand {
  display: none;
}

label {
  font-weight: normal;
}
/* --------------------------------------------------------- */
form.request * {
  font-size: 100%;
  font-family: var(--mainfont);
}

form.request {
  width: 100%;
  padding: 0;
  margin: 1rem 0;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 1rem;
}

form.request h2 {
 margin-top: 0;
}

form.request p:has(input),
form.request p:has(select) {
 margin: 0 0 1rem;
}

form.request p:has(label) {
 margin: 0 0 .2rem;
}

form.request .rowhr {
  border-top: 1px solid var(--middlegray);
}


form.request .row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 0 4rem;
}

form.request .row > .col{
  width: 100%;
}

form.request .row50 > .col {
  width: calc(50% - 2rem);
}

form.request .row33 > .col {
  width: calc(33.3% - 2.66rem);
}

@media screen and (max-width: 1000px) {
  form.request .row {
    gap: 0 2rem;
  }

  form.request .row50 > .col {
  width: calc(50% - 1rem);
  }

  form.request .row33 > .col {
  width: calc(33.3% - 1.66rem);
  }
}

@media screen and (max-width: 870px) {
  form.request .row50 > .col > .row50 > .col {
  width: 100%;
  }

  form.request .row33 > .col {
  width: calc(50% - 1rem);
  }

}

@media screen and (max-width: 830px) {
  form.request .row50 > .col {
  width: 100%;
}

form.request .row50 > .col > .row50 > .col {
 width: calc(50% - 1rem);
  }

}

@media screen and (max-width: 690px) {
form.request .row33 > .col {
  width: 100%;
  }
}



/* ------------------------------------------------------------------------------------------ */

form.request input[type=checkbox],
form.request input[type=radio] {
  height: 24px;
  width: 24px;
}

form.request input[type=checkbox]+label,
form.request input[type=radio]+label {
  padding-top: 0px;
}

form.request input,
form.request textarea,
form.request select {
  display: block;
  margin: 0;
  padding: 0.7rem;
  width: 100%;
  background: #F9F9F9;
  border: 1px solid #ccc;
  border-radius: 2px;
}

form.request textarea {
  min-height: 15rem;
  padding: 0.5rem;
  resize: vertical;
  width: 100%;
}

form.request select {
  border: solid 1px #ccc;
  border-radius: 2px;
  box-shadow: none;
  width: 100%;
}

form.request select:nth-of-type(1) {color: #777;}

form.request .row .col100 input,
form.request .row .col100 textarea  {
  background: #fff;
}

form.request input[type=submit] {
  background: var(--formbutton-bg1)!important;
  color: var(--formbutton-txt1)!important;
  font-weight: 500;
	border: none;
  display: block;
  margin: 0 auto;
  padding: 1rem;
  cursor: pointer;
}

form.request input[type=submit]:hover {
  background: var(--formbutton-bg2)!important;
  color: var(--formbutton-txt2)!important;
}

form.request .checkbox {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: flex-start;
}

form.request .dataprotection {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}

form.request .secure {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}

form.request .secure > p {
  width: 100%;
}

form.request .secure .aufgabe {
  background-color: var(--formaufgabe-bg)!important;
  color: var(--formaufgabe-txt)!important;
  text-align: center!important;
  font-weight: 700!important;
}

/* ---------------------------------------------------------------------- */