/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/templates/form/webform/component/webform.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.form--webform {
  /*
   * Make sure flexbox is always using 'display: flex' when toggled via #states.
   * @see https://stackoverflow.com/questions/38491653/jquery-show-a-flex-box/4121
   */
}
.form--webform .webform-address,
.form--webform .webform-section-wrapper,
.form--webform .fieldset-wrapper {
  display: grid;
  row-gap: 18px;
}
.form--webform .webform-element-description {
  line-height: 1.5;
}
.form--webform .webform-section {
  padding-inline: 25.92px;
}
.form--webform .webform-section-title {
  font-size: clamp(1rem, 0.8951552873rem + 0.5242235634vw, 1.314534138rem);
  font-weight: 600;
  margin-bottom: 0.25em;
}
.form--webform .form__label--preparing-entries {
  font-weight: 600;
}
.form--webform .form__radios {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.form--webform .form__radios .form__element {
  margin-bottom: 0;
  padding-inline: 1em;
  border: 1px solid #adb5bd;
}
.form--webform .form__radios .form__element:has(:checked) {
  background-color: #B0B7EB;
}
.form--webform .form__radios .form__element .form__label {
  padding-block: 1.25em;
}
.form--webform .radios--wrapper[data-webform-required-error]:before {
  content: attr(data-webform-required-error);
  display: block;
  color: #ff2d0d;
  font-weight: 600;
  margin-bottom: 19.7180120702px;
}
.form--webform .form__element--input-checkbox input[aria-invalid=true] {
  border-color: #ff2d0d;
  background-color: #ff2d0d;
  color: #ffffff;
}
.form--webform .form__element--input-checkbox input[aria-invalid=true] + label {
  color: #ff2d0d;
}
.form--webform .form__fieldset {
  border-bottom: 10px solid #f0f1f3;
  padding-bottom: 25.92px;
  margin-bottom: 25.92px;
}
.form--webform .webform-flexbox {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
.form--webform .webform-flexbox--flex-start {
  align-items: flex-start;
}
.form--webform .webform-flexbox--flex-end {
  align-items: flex-end;
}
.form--webform .webform-flexbox--center {
  align-items: center;
}
@media (width <= 64em) {
  .form--webform .webform-flexbox {
    flex-direction: column;
  }
}
.form--webform .webform-confirmation {
  border: 4px solid #4678BA;
  padding: 25.92px;
}
.form--webform .webform-flex--1 {
  flex: 1;
}
.form--webform .webform-flex--2 {
  flex: 2;
}
.form--webform .webform-flex--3 {
  flex: 3;
}
.form--webform .webform-flex--4 {
  flex: 4;
}
.form--webform .webform-flex--5 {
  flex: 5;
}
.form--webform .webform-flex--6 {
  flex: 6;
}
.form--webform .webform-flex--7 {
  flex: 7;
}
.form--webform .webform-flex--8 {
  flex: 8;
}
.form--webform .webform-flex--9 {
  flex: 9;
}
.form--webform .webform-flex--10 {
  flex: 10;
}
.form--webform .webform-flex--11 {
  flex: 11;
}
.form--webform .webform-flex--12 {
  flex: 12;
}
.form--webform .webform-flexbox.js-webform-states-hidden[style*="display: block"] {
  display: flex !important;
}
.form--webform .webform-submission-data {
  line-height: 1.3;
}
.form--webform .webform-submission-data h2 {
  margin-bottom: 0.2em;
}
.form--webform .webform-submission-data section {
  border: 1px solid gray;
  margin-bottom: 1rem;
  padding: 10px;
}
.form--webform .webform-submission-data .webform-section-wrapper, .form--webform .webform-submission-data .fieldset-wrapper {
  row-gap: 5px;
}
.form--webform .webform-submission-data .webform-section-title {
  margin-bottom: 0.2em;
}
.form--webform .webform-submission-data .fieldset-legend {
  font-weight: bold;
  margin-right: 0.5ch;
}
.form--webform .webform-submission-data .form__element--coordinator-info-h {
  border: 1px solid blue;
  padding: 5px;
  margin-top: 2rem;
}
.form--webform .webform-submission-data .form__label {
  font-weight: bold;
  margin-right: 0.5ch;
}