@charset "UTF-8";
/**
 *   Farbengrundtöne
 */
/*
  * Farben verwendung
  */
/**
  *   Schriften
  */
/**
  *  Schriftgrößen
  */
/**
  * grid
  */
.freydlform .errormessage {
  visibility: hidden; }
.freydlform[aria-invalid="true"] .errormessage {
  background: #A52812;
  padding: 1rem;
  color: #fff; }
.freydlform[aria-invalid="true"] .errormessage {
  visibility: visible; }
.freydlform select, .freydlform input {
  border: 2px solid var(--cifarbe1);
  padding: 0.4rem;
  font-size: 18px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.08rem;
  display: block;
  color: #0d4411; }
  @media (max-width: 47.95rem) {
    .freydlform select, .freydlform input {
      width: calc(100% - 0.8rem); } }
  .freydlform select:focus, .freydlform input:focus {
    outline: 4px solid var(--cifarbe1); }
  .freydlform select[type="radio"], .freydlform input[type="radio"] {
    position: absolute;
    opacity: 0; }
    .freydlform select[type="radio"] + label:before, .freydlform input[type="radio"] + label:before {
      border: 2px solid var(--cifarbe1);
      content: "";
      border-radius: 100%;
      display: block;
      width: 1rem;
      height: 1rem;
      margin-right: 1rem; }
    .freydlform select[type="radio"]:checked + label:before, .freydlform input[type="radio"]:checked + label:before {
      background: var(--cifarbe1); }
  .freydlform select[type="checkbox"], .freydlform input[type="checkbox"] {
    position: absolute;
    opacity: 0; }
    .freydlform select[type="checkbox"]:focus + label, .freydlform input[type="checkbox"]:focus + label {
      background: var(--cifarbe1);
      color: #fff; }
      .freydlform select[type="checkbox"]:focus + label:before, .freydlform input[type="checkbox"]:focus + label:before {
        border-color: #fff; }
    .freydlform select[type="checkbox"]:focus:checked + label:before, .freydlform input[type="checkbox"]:focus:checked + label:before {
      background: #fff;
      content: "X";
      color: #000; }
    .freydlform select[type="checkbox"] + label, .freydlform input[type="checkbox"] + label {
      padding: 0.25rem; }
      .freydlform select[type="checkbox"] + label:before, .freydlform input[type="checkbox"] + label:before {
        border: 2px solid var(--cifarbe1);
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        margin-right: 1rem;
        top: 0.25rem;
        position: relative; }
    .freydlform select[type="checkbox"]:checked + label:before, .freydlform input[type="checkbox"]:checked + label:before {
      background: var(--cifarbe1);
      content: "X";
      color: #fff; }
.freydlform label {
  display: inline-block;
  font-size: 20px;
  /*für die standard ersatzschrift sollte die umrechnung immer etwas kleiner sein daher nciht 0.063rem*/
  font-size: 1.2rem;
  margin-right: 1rem; }
  @media (max-width: 47.95rem) {
    .freydlform label {
      margin-bottom: 0.25rem; } }
.freydlform .form-row {
  margin-bottom: 1.5rem; }
  @media (min-width: 48rem) {
    .freydlform .form-row {
      display: flex;
      align-items: center;
      flex-wrap: wrap; } }
.freydlform *[type="submit"][disabled] {
  display: none; }