/* ============================
     UTM-Form: Inputs & Labels
     gleiche Optik wie Wizard
     ============================ */

  label[for="utm_source"],
  label[for="utm_medium"],
  label[for="utm_campaign"],
  label[for="utm_term"],
  label[for="utm_content"],
  label[for="uid"],
  label[for="result"] {
    color: var(--prim);
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    display: block;
    font-family: 'GothicExpand';
  }

  /* Textfelder wie Wizard-Inputs */
  #utm_source,
  #utm_medium,
  #utm_campaign,
  #utm_term,
  #utm_content,
  #uid,
  #result {
    width: 100%;
    padding: 14.5px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    box-sizing: border-box;
    font-family: "PathwayGothic";
    font-size: 16px;
    color: #333;
    font-weight: 200;
  }

  /* ============================
     UTM-Form: Checkboxes
     an Wizard-Checkbox-Styles angelehnt
     ============================ */

  #utm_source_check,
  #utm_medium_check,
  #utm_campaign_check,
  #utm_term_check,
  #utm_content_check,
  #uid_check {
    accent-color: var(--prim);
  }

  /* Optional: gleiche Hover/Focus-Optik wie unten in modal.css */
  #utm_source_check:focus,
  #utm_medium_check:focus,
  #utm_campaign_check:focus,
  #utm_term_check:focus,
  #utm_content_check:focus,
  #uid_check:focus,
  #utm_source_check:hover,
  #utm_medium_check:hover,
  #utm_campaign_check:hover,
  #utm_term_check:hover,
  #utm_content_check:hover,
  #uid_check:hover {
    outline: none;
  }