/* =======================================================================
   WWF Petition Split Layout
   Standalone: Hintergrund + Logo + Cards + Bild
   Eingebettet: transparent, ohne Logo/Card/Bild, zentriert
   ======================================================================= */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) {
  position: relative;
  isolation: isolate;
  box-sizing: border-box;
  width: 100vw;
  min-height: 100vh;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding: 36px 32px !important;
  background: #d1d4b3 !important;
  overflow: hidden;

  --split-max-width: 1280px;
  --logo-safe-left: 140px;
  --card-radius: 6px;
  --card-shadow: 0 10px 25px rgba(0,0,0,.16);
  --wwf-black: #000;
  --wwf-white: #fff;
  --wwf-green: #007932;
  --wwf-base-35: #eae8d7;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) *:not(.webform-element-help):not(.webform-element-help *):not(.webform-element-help-container):not(.webform-element-help-container *):not([data-tippy-root]):not([data-tippy-root] *):not(.tippy-popper):not(.tippy-popper *):not(.tooltip):not(.tooltip *):not(.popover):not(.popover *) {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) {
    padding-left: var(--logo-safe-left) !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker))::after {
    content: "" !important;
    position: absolute !important;
    left: 18px;
    top: 22px;
    width: 84px;
    height: 84px;
    background: url("https://www.wwf.ch/themes/custom/wwf_main_theme/images/wwf-logo-free-tab.svg") no-repeat center / contain;
    z-index: 1;
    pointer-events: none;
  }
}

/* Layout */

@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-split-marker {
    width: 100% !important;
    max-width: var(--split-max-width) !important;
    margin: 0 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 32px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flex,
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flex > .webform-flex--container,
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.text-formular, .wwf-petition-formular) {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    align-self: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .text-formular > .fieldset-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular > .fieldset-wrapper {
    width: 100% !important;
  }
}

/* Cards */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.text-formular, .wwf-petition-formular) {
  background: var(--wwf-white) !important;
  color: var(--wwf-black) !important;
  border: 0 !important;
  border-radius: var(--card-radius) !important;
  box-shadow: var(--card-shadow) !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .text-formular {
  padding: 24px 24px 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular {
  padding: 24px !important;
}

/* Bild links */

@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(#edit-bild-hook, .form-item-bild-hook) {
    display: block !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .petition-image-hook {
  display: block !important;
  width: calc(100% + 48px) !important;
  height: 170px !important;
  min-height: 170px !important;
  margin: 22px -24px -1px !important;
  padding: 0 !important;
  border-radius: 0 0 var(--card-radius) var(--card-radius) !important;
  background: url("https://www.wwf.ch/sites/default/files/styles/default_large/public/2026-06/imago53197353.jpg.webp") center 45% / cover no-repeat !important;
}

/* Defaults */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) fieldset {
  border: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

/* Typografie */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) h2 {
  font-family: "WWFRegular", "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 400;
  margin: 0 0 16px;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular h2 {
  margin-bottom: 18px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(p, .fieldset-wrapper p, .text-formular p, .wwf-petition-formular p) {
  font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.45rem !important;
  letter-spacing: normal !important;
  font-style: normal !important;
  hyphens: none !important;
  text-align: left !important;
  font-kerning: normal !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular p:first-child {
  margin-top: 0 !important;
}

/* Formularfelder */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(input[type="text"], input[type="email"], select) {
  width: 100% !important;
  border: 2px solid var(--wwf-black) !important;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  background: var(--wwf-white) !important;
  color: var(--wwf-black) !important;
  box-shadow: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) input::placeholder {
  color: rgba(0,0,0,.65) !important;
}

/* Einheitliche Formular-Abstände */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular .fieldset-wrapper {
  display: block !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular :is(.form-item, .form-wrapper) {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-personal-data--wrapper {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-personal-data--wrapper .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.form-item-personal-data-firstname, .form-item-personal-data-lastname, .form-item-email) {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-personal-data--wrapper + .form-item-email {
  margin-top: 0 !important;
}

/* Radios / Checkbox */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(input[type="radio"], input[type="checkbox"]) {
  accent-color: var(--wwf-green) !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.description, .webform-element-description) {
  font-size: .85rem !important;
  line-height: 1.15rem !important;
  color: rgba(0,0,0,.75);
}

/* Newsletter-Frage kompakt */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper {
  margin: 8px 0 10px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper > legend {
  float: none !important;
  width: auto !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper .fieldset-legend {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu .form-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu input[type="radio"] {
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu label {
  margin: 0 !important;
  line-height: 1.25 !important;
}

/* Conditional Opt-out: nur vertikale Abstände, Drupal Hidden-State bleibt erhalten */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver[style*="display: none"] {
  display: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver:not([style*="display: none"]) {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver input[type="checkbox"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.25 !important;
}

/* Submit */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.form-submit2, input.form-submit, button.form-submit) {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  height: 49.3333px !important;
  padding: 11px 25px 9px !important;
  margin: 8px 0 0 !important;
  font-family: "WWFRegular", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: var(--wwf-white) !important;
  background: var(--wwf-green) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.form-submit2, input.form-submit, button.form-submit):hover {
  filter: brightness(1.04);
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-actions {
  padding: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

/* Progress Bar */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-fortschritt-js {
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  padding: 16px !important;
  background: var(--wwf-base-35) !important;
  border: 0 !important;
  border-radius: 4px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) [id^="edit-fortschritt-js"] {
  border-left: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #pdesc {
  display: block !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  font-size: .95rem !important;
  line-height: 1.25rem !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress {
  --progress-percent: 0%;
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  overflow: hidden !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress progress {
  display: block !important;
  width: 100% !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 2px solid var(--wwf-green) !important;
  border-radius: 0 !important;
  background: var(--wwf-white) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress progress::-webkit-progress-bar {
  background: var(--wwf-white) !important;
  border-radius: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress progress::-webkit-progress-value,
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress progress::-moz-progress-bar {
  background: var(--wwf-green) !important;
  border-radius: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress #ptext,
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress #ptext::before {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 32px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;

  font-size: .8rem !important;
  font-weight: 700 !important;
  pointer-events: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress #ptext {
  color: var(--wwf-black) !important;
  z-index: 3 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #petition-progress #ptext::before {
  content: attr(data-progress-text);
  color: var(--wwf-white) !important;
  clip-path: inset(0 calc(100% - var(--progress-percent, 0%)) 0 0);
}

/* Q&A */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-qa {
  width: 100%;
  max-width: var(--split-max-width);
  margin: 28px auto 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-qa > .fieldset-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner {
  background: var(--wwf-white) !important;
  color: var(--wwf-black) !important;
  border-radius: var(--card-radius) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
  padding: 22px 24px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner h2 {
  margin: 0 0 12px !important;
  font-size: 1.65rem !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner details {
  border-top: 1px solid rgba(0,0,0,.18) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner details:last-child {
  border-bottom: 1px solid rgba(0,0,0,.18) !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner summary {
  cursor: pointer !important;
  list-style: none !important;
  font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.35rem !important;
  font-weight: 700 !important;
  padding: 14px 34px 14px 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner summary::-webkit-details-marker {
  display: none !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 2px !important;
  top: 12px !important;
  font-size: 1.35rem !important;
  line-height: 1.35rem !important;
  font-weight: 700 !important;
  color: var(--wwf-green) !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner details[open] summary::after {
  content: "–" !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-answer {
  padding: 0 0 16px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-answer p {
  margin: 0 !important;
  max-width: 960px !important;
}

/* Datenschutz */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-privacy {
  width: 100%;
  max-width: var(--split-max-width);
  margin: 22px auto 0 !important;
  padding: 0 2px !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-privacy p {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgba(0,0,0,.75);
  margin-top: 0;
}

/* Mobile */

@media (max-width: 980px) {
  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) {
    width: 100%;
    min-height: auto !important;
    margin-left: 0;
    margin-right: 0;
    padding: 18px !important;
    overflow: visible !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker))::after {
    content: none !important;
    background: none !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-split-marker {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    max-width: 640px !important;
    margin: 0 auto !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-petition-formular {
    order: 1 !important;
    padding: 18px !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .text-formular {
    order: 2 !important;
    padding: 18px 18px 0 !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .petition-image-hook {
    width: calc(100% + 36px) !important;
    height: 150px !important;
    min-height: 150px !important;
    margin: 18px -18px -1px !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) :is(.wwf-petition-qa, .wwf-petition-privacy) {
    max-width: 640px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-qa-inner {
    padding: 18px !important;
  }

  .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) h2 {
    font-size: 1.65rem;
  }
}

/* =======================================================================
   Eingebettete Variante im Paragraph
   ======================================================================= */

.field-name--field-content-plugin .renderer_webform {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.field-name--field-content-plugin .renderer_webform .webform-container,
.field-name--field-content-plugin .renderer_webform .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)),
.field-name--field-content-plugin .renderer_webform .wwf-petition-split-marker {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.field-name--field-content-plugin .renderer_webform .webform-container,
.field-name--field-content-plugin .renderer_webform .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) {
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

.field-name--field-content-plugin .renderer_webform .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker))::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

.field-name--field-content-plugin .renderer_webform :is(
  .wwf-petition-split-marker,
  .text-formular,
  .wwf-petition-formular,
  .wwf-petition-qa,
  .wwf-petition-privacy,
  .wwf-qa-inner
) {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.field-name--field-content-plugin .renderer_webform :is(.text-formular, .wwf-petition-formular) {
  padding: 0 !important;
  overflow: visible !important;
}

.field-name--field-content-plugin .renderer_webform :is(#edit-bild-hook, .form-item-bild-hook, .petition-image-hook) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}

.field-name--field-content-plugin .renderer_webform :is(.wwf-petition-qa, .wwf-petition-privacy) {
  width: 100% !important;
  max-width: 1280px !important;
}

.field-name--field-content-plugin .renderer_webform .wwf-qa-inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.field-name--field-content-plugin .renderer_webform #edit-fortschritt-js {
  box-shadow: none !important;
  border-radius: 0 !important;
}

.field-name--field-content-plugin .renderer_webform .webform-container__msg {
  margin: 0 0 18px !important;
  padding: 0 !important;
}

@media (min-width: 981px) {
  .field-name--field-content-plugin .renderer_webform .webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .field-name--field-content-plugin .renderer_webform .wwf-petition-split-marker {
    gap: 48px !important;
  }
}

@media (max-width: 980px) {
  .field-name--field-content-plugin .renderer_webform .wwf-petition-split-marker {
    max-width: none !important;
    gap: 28px !important;
  }

  .field-name--field-content-plugin .renderer_webform :is(.text-formular, .wwf-petition-formular) {
    padding: 0 !important;
  }
}
/* =======================================================================
   Newsletter / Conditional Opt-out: kompakter, ohne horizontale Verschiebung
   ======================================================================= */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper {
  margin: 8px 0 4px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper > legend {
  float: none !important;
  width: auto !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper .fieldset-legend {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "SourceSansPro", "Helvetica Neue", Arial, sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper .fieldset-wrapper {
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu .form-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu input[type="radio"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

/* Conditional Checkbox: hidden state respektieren */
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver[style*="display: none"] {
  display: none !important;
}

/* Nur vertikale Abstände, keine horizontale Layout-Änderung */
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver:not([style*="display: none"]) {
  margin-top: 2px !important;
  margin-bottom: 10px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.25 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver input[type="checkbox"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver label {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1rem !important;
  line-height: 1.25 !important;
}

/* Button etwas näher ans Conditional-Feld */
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-actions {
  margin-top: 8px !important;
}
/* Newsletter-Frage, Radios und Conditional-Checkbox kleiner */

.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu--wrapper .fieldset-legend,
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu label,
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver label {
  font-size: 0.9rem !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

/* Radios/Checkbox optisch passend kleiner */
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) #edit-nl-neu input[type="radio"],
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver input[type="checkbox"] {
  transform: scale(0.9);
  transform-origin: left center;
}

/* Abstand zwischen Radio-Gruppe und Conditional-Checkbox reduzieren */
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .form-item-ich-moechte-keine-nachrichten-erhalten-mit-informationen-zum-ver:not([style*="display: none"]) {
  margin-top: 2px !important;
}
.webform-submission-form:is(.wwf-petition-split, :has(.wwf-petition-split-marker)) .wwf-order-stock{margin:12px 0 0!important;text-align:center!important;font-weight:700!important}


/* Text hierarchy based on the generic participation form. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(.wwf-order-heading,.wwf-order-form-heading){color:var(--wwf-black)!important;font-family:"WWFRegular","Arial Narrow",Arial,sans-serif!important;font-weight:400!important;font-style:normal!important;line-height:1.05!important;letter-spacing:0!important;text-transform:uppercase!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-heading{margin:0 0 18px!important;font-size:clamp(30px,3vw,42px)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-form-heading{margin:0 0 20px!important;font-size:clamp(27px,2.5vw,36px)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-kicker{display:block!important;margin:0 0 10px!important;color:var(--wwf-green)!important;font-family:"SourceSansPro","Source Sans Pro","Helvetica Neue",Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:.01em!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(.wwf-order-body,.wwf-order-notice){display:block!important;color:var(--wwf-black)!important;font-family:"SourceSansPro","Source Sans Pro","Helvetica Neue",Arial,sans-serif!important;font-size:1rem!important;font-weight:400!important;line-height:1.45!important;letter-spacing:normal!important;hyphens:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-body{margin:0 0 20px!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-notice{margin:0!important;padding:16px 0 0!important;border-top:4px solid var(--wwf-green)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-notice strong{font-weight:700!important}
@media(max-width:980px){.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-heading{font-size:30px!important}.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-form-heading{font-size:27px!important}}


/* v9: robust text selectors using native Drupal element identifiers.
   This mirrors the generic Mitmachen fallback strategy based on data-drupal-selector suffixes. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-page-heading-display"],
  [id$="-page-heading-display"]
){margin:0 0 18px!important;color:var(--wwf-black)!important;font-family:"WWFRegular","Arial Narrow",Arial,sans-serif!important;font-size:clamp(30px,3vw,42px)!important;font-weight:400!important;font-style:normal!important;line-height:1.05!important;letter-spacing:0!important;text-transform:uppercase!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-left-intro-display"],
  [id$="-left-intro-display"]
){display:block!important;margin:0 0 20px!important;color:var(--wwf-black)!important;font-family:"SourceSansPro","Source Sans Pro","Helvetica Neue",Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;font-style:normal!important;line-height:1.45!important;letter-spacing:normal!important;hyphens:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-left-body-1-display"],
  [id$="-left-body-1-display"]
){display:block!important;margin:0!important;padding:16px 0 0!important;border-top:4px solid var(--wwf-green)!important;color:var(--wwf-black)!important;font-family:"SourceSansPro","Source Sans Pro","Helvetica Neue",Arial,sans-serif!important;font-size:18px!important;font-weight:400!important;font-style:normal!important;line-height:1.45!important;letter-spacing:normal!important;hyphens:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-left-body-1-display"],
  [id$="-left-body-1-display"]
)::before{content:"Bitte beachten:";display:block!important;margin:0 0 4px!important;font-weight:700!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-form-kicker-display"],
  [id$="-form-kicker-display"]
){display:block!important;margin:0 0 10px!important;color:var(--wwf-green)!important;font-family:"SourceSansPro","Source Sans Pro","Helvetica Neue",Arial,sans-serif!important;font-size:16px!important;font-weight:700!important;font-style:normal!important;line-height:1.2!important;letter-spacing:.01em!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(
  [data-drupal-selector$="-form-heading-display"],
  [id$="-form-heading-display"]
){margin:0 0 20px!important;color:var(--wwf-black)!important;font-family:"WWFRegular","Arial Narrow",Arial,sans-serif!important;font-size:clamp(27px,2.5vw,36px)!important;font-weight:400!important;font-style:normal!important;line-height:1.05!important;letter-spacing:0!important;text-transform:uppercase!important}
@media(max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is([data-drupal-selector$="-page-heading-display"],[id$="-page-heading-display"]){font-size:30px!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is([data-drupal-selector$="-form-heading-display"],[id$="-form-heading-display"]){font-size:27px!important}
}


/* v10 desktop repair: explicit grid placement and self-contained FAQ/privacy. */
@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    grid-auto-flow: row !important;
    gap: 32px !important;
    align-items: start !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flex:first-child,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > *:has(> .text-formular),
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .text-formular {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flex:nth-child(2),
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > *:has(> .wwf-petition-formular),
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-formular {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .text-formular,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-formular {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .text-formular > .fieldset-wrapper,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-formular > .fieldset-wrapper {
    height: auto !important;
    min-height: 0 !important;
  }
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card {
  width: 100% !important;
  max-width: var(--split-max-width) !important;
  margin: 28px auto 0 !important;
  padding: 22px 24px !important;
  border: 0 !important;
  border-radius: var(--card-radius) !important;
  background: var(--wwf-white) !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.10) !important;
  clear: both !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card > .fieldset-wrapper {margin:0!important;padding:0!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-heading {margin:0 0 12px!important;font-family:"WWFRegular","Arial Narrow",Arial,sans-serif!important;font-size:1.65rem!important;font-weight:400!important;line-height:1.05!important;text-transform:uppercase!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card details {margin:0!important;padding:0!important;border:0!important;border-top:1px solid rgba(0,0,0,.18)!important;background:transparent!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card details:last-of-type {border-bottom:1px solid rgba(0,0,0,.18)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card summary {padding:14px 34px 14px 0!important;font-family:"SourceSansPro","Helvetica Neue",Arial,sans-serif!important;font-size:1rem!important;line-height:1.35rem!important;font-weight:700!important;cursor:pointer!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card .details-wrapper {padding:0 0 16px!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-privacy {position:static!important;display:block!important;width:100%!important;max-width:var(--split-max-width)!important;margin:22px auto 0!important;padding:0 2px!important;clear:both!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-privacy > .fieldset-wrapper {margin:0!important;padding:0!important}
@media(max-width:980px){.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card{padding:18px!important}}


/* v11: robust two-column layout for both Drupal Webform flexbox DOM variants. */
@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: var(--split-max-width) !important;
    margin: 0 auto !important;
  }
  /* Preview/runtime with an additional inner webform-flexbox. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flexbox {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  /* Both known flex item levels. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flex,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > .webform-flexbox > .webform-flex {
    display: block !important;
    flex: 1 1 0 !important;
    width: calc(50% - 16px) !important;
    max-width: calc(50% - 16px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  /* Explicitly neutralize the previous nested grid placement. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is(.text-formular,.wwf-petition-formular) {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    align-self: flex-start !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-petition-split-marker > :is(.text-formular,.wwf-petition-formular) {
    flex: 1 1 0 !important;
    width: calc(50% - 16px) !important;
    max-width: calc(50% - 16px) !important;
  }
}
/* Polished FAQ card using native details/summary. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card {
  position: static !important;
  display: block !important;
  width: 100% !important;
  max-width: var(--split-max-width) !important;
  margin: 32px auto 0 !important;
  padding: 28px 32px !important;
  border: 0 !important;
  border-radius: var(--card-radius) !important;
  background: var(--wwf-white) !important;
  box-shadow: 0 8px 22px rgba(0,0,0,.12) !important;
  clear: both !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card > legend {display:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card > .fieldset-wrapper {margin:0!important;padding:0!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-heading {
  margin: 0 0 18px !important;
  padding: 0 0 14px !important;
  border-bottom: 4px solid var(--wwf-green) !important;
  color: var(--wwf-black) !important;
  font-family: "WWFRegular","Arial Narrow",Arial,sans-serif !important;
  font-size: 2rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.2) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item:first-of-type {border-top:1px solid rgba(0,0,0,.2)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > summary {
  position: relative !important;
  display: block !important;
  min-height: 54px !important;
  padding: 16px 52px 16px 0 !important;
  color: var(--wwf-black) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  list-style: none !important;
  cursor: pointer !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > summary::-webkit-details-marker {display:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  width: 30px !important;
  height: 30px !important;
  border: 2px solid var(--wwf-green) !important;
  border-radius: 50% !important;
  color: var(--wwf-green) !important;
  font-family: Arial,sans-serif !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 25px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item[open] > summary::after {content:"−"!important;background:var(--wwf-green)!important;color:var(--wwf-white)!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > .details-wrapper {padding:0 48px 20px 0!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-qa-answer {
  color: var(--wwf-black) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: 1rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > summary:focus-visible {outline:3px solid #f5d200!important;outline-offset:3px!important}
@media(max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-card{margin-top:18px!important;padding:22px 20px!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-heading{font-size:1.7rem!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-item > summary{font-size:1rem!important}
}


/* v12: deterministic direct-child two-column layout. */
@media (min-width:981px){
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-areas:"copy form"!important;column-gap:32px!important;row-gap:0!important;align-items:start!important;width:100%!important;max-width:var(--split-max-width)!important;margin:0 auto!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.text-formular{grid-area:copy!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;height:auto!important;min-height:0!important;align-self:start!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-petition-formular{grid-area:form!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;height:auto!important;min-height:0!important;align-self:start!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>:is(.text-formular,.wwf-petition-formular)>.fieldset-wrapper{height:auto!important;min-height:0!important}
}
@media (max-width:980px){
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%!important;max-width:640px!important;margin:0 auto!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-petition-formular{order:1!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.text-formular{order:2!important}
}
/* Truthful scarcity cue: no invented quantities or deadlines. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-alert{display:grid!important;grid-template-columns:12px auto!important;gap:2px 10px!important;align-items:center!important;margin:14px 0 0!important;padding:13px 15px!important;border:2px solid #d99400!important;border-radius:4px!important;background:#fff3cd!important;color:#1a1a1a!important;font-family:"SourceSansPro","Helvetica Neue",Arial,sans-serif!important;line-height:1.25!important;text-align:left!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-dot{grid-column:1!important;grid-row:1!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#d99400!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-alert strong{grid-column:2!important;grid-row:1!important;font-size:1.05rem!important;font-weight:700!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-action{grid-column:2!important;grid-row:2!important;font-size:.92rem!important;font-weight:400!important}
@media (prefers-reduced-motion:no-preference){.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-dot{animation:wwf-stock-pulse 1.8s ease-in-out infinite!important}@keyframes wwf-stock-pulse{0%,100%{box-shadow:0 0 0 0 rgba(217,148,0,.35)}50%{box-shadow:0 0 0 6px rgba(217,148,0,0)}}}


/* v13: FAQ lives inside the left information card. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-copy-with-faq {
  padding-bottom: 24px !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading {
  margin: 28px 0 10px !important;
  padding: 18px 0 12px !important;
  border-top: 4px solid var(--wwf-green) !important;
  color: var(--wwf-black) !important;
  font-family: "WWFRegular","Arial Narrow",Arial,sans-serif !important;
  font-size: 1.7rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.2) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item:first-of-type {
  border-top: 1px solid rgba(0,0,0,.2) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary {
  position: relative !important;
  display: block !important;
  padding: 14px 42px 14px 0 !important;
  color: var(--wwf-black) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  list-style: none !important;
  cursor: pointer !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary::-webkit-details-marker {display:none!important}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary::after {
  content: "+" !important;
  position: absolute !important;
  right: 2px !important;
  top: 50% !important;
  width: 26px !important;
  height: 26px !important;
  border: 2px solid var(--wwf-green) !important;
  border-radius: 50% !important;
  color: var(--wwf-green) !important;
  font-family: Arial,sans-serif !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  text-align: center !important;
  transform: translateY(-50%) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item[open] > summary::after {
  content: "−" !important;
  background: var(--wwf-green) !important;
  color: var(--wwf-white) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > .details-wrapper {
  padding: 0 36px 16px 0 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-answer {
  color: var(--wwf-black) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: .95rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  overflow-wrap: anywhere !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary:focus-visible {
  outline: 3px solid #f5d200 !important;
  outline-offset: 3px !important;
}
/* v13: prominent, truthful stock availability cue below CTA. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-alert--prominent {
  display: grid !important;
  grid-template-columns: 38px minmax(0,1fr) !important;
  gap: 3px 12px !important;
  align-items: center !important;
  margin: 14px 0 0 !important;
  padding: 15px 16px !important;
  border: 0 !important;
  border-left: 6px solid #8f3b14 !important;
  border-radius: 4px !important;
  background: #f58220 !important;
  color: #111 !important;
  box-shadow: 0 5px 14px rgba(0,0,0,.16) !important;
  text-align: left !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-badge {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 2px solid #111 !important;
  border-radius: 50% !important;
  font-family: Arial,sans-serif !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-alert--prominent strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  font-family: "WWFRegular","Arial Narrow",Arial,sans-serif !important;
  font-size: 1.45rem !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-alert--prominent .wwf-order-stock-action {
  grid-column: 2 !important;
  grid-row: 2 !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
}
@media (prefers-reduced-motion:no-preference) {
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-badge {
    animation: wwf-stock-badge-pulse 1.8s ease-in-out infinite !important;
  }
  @keyframes wwf-stock-badge-pulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.08); }
  }
}
@media(max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading{font-size:1.5rem!important}
}


/* v14 title, FAQ image and simpler plus/minus glyphs. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-heading {
  font-size: clamp(27px,2.4vw,38px) !important;
  text-wrap: balance !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image {
  display: block !important;
  width: calc(100% + 48px) !important;
  margin: 26px -24px 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: var(--wwf-white) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image img {
  display: block !important;
  width: 100% !important;
  height: 220px !important;
  object-fit: cover !important;
  object-position: center 52% !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image figcaption {
  margin: 0 !important;
  padding: 9px 24px 11px !important;
  color: rgba(0,0,0,.72) !important;
  background: var(--wwf-base-35) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: .78rem !important;
  font-style: normal !important;
  line-height: 1.25 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading-wrap {
  margin: 0 !important;
  padding: 22px 0 10px !important;
  border: 0 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-kicker {
  display: block !important;
  margin: 0 0 5px !important;
  color: var(--wwf-green) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: .78rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading {
  margin: 0 !important;
  padding: 0 0 11px !important;
  border-top: 0 !important;
  border-bottom: 4px solid var(--wwf-green) !important;
  font-size: 1.8rem !important;
  line-height: 1 !important;
}
/* Plain plus/minus, without a circle. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary::after {
  content: "+" !important;
  right: 3px !important;
  top: 50% !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--wwf-green) !important;
  font-family: Arial,sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-align: right !important;
  transform: translateY(-52%) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item[open] > summary::after {
  content: "−" !important;
  background: transparent !important;
  color: var(--wwf-green) !important;
}
@media(max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image{width:calc(100% + 36px)!important;margin:22px -18px 0!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image img{height:180px!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-image figcaption{padding-left:18px!important;padding-right:18px!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-heading{font-size:28px!important}
}


/* v15: three independently placeable regions for desktop and mobile. */
@media (min-width: 981px) {
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-areas: "intro form" "faq form" !important;
    column-gap: 32px !important;
    row-gap: 24px !important;
    align-items: start !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-order-intro-card {
    grid-area: intro !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-order-faq-panel {
    grid-area: faq !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-petition-formular {
    grid-area: form !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
}

/* Separate FAQ card with more breathing room after the meadow image. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-panel {
  padding: 24px !important;
  overflow: hidden !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-panel .wwf-order-faq-image {
  width: calc(100% + 48px) !important;
  margin: 0 -24px 30px !important;
  padding: 0 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-panel .wwf-order-faq-image img {
  height: 230px !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading-wrap {
  margin: 0 0 12px !important;
  padding: 0 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: 2rem !important;
  line-height: 1 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-lead {
  margin: 9px 0 16px !important;
  padding: 0 0 14px !important;
  border-bottom: 4px solid var(--wwf-green) !important;
  color: rgba(0,0,0,.72) !important;
  font-family: "SourceSansPro","Helvetica Neue",Arial,sans-serif !important;
  font-size: .92rem !important;
  font-style: normal !important;
  line-height: 1.35 !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item {
  border-bottom: 1px solid rgba(0,0,0,.16) !important;
  transition: background-color .16s ease !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item:first-of-type {
  border-top: 1px solid rgba(0,0,0,.16) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item[open] {
  background: var(--wwf-base-35) !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary {
  padding: 16px 38px 16px 10px !important;
  font-size: 1rem !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > summary::after {
  right: 10px !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-item > .details-wrapper {
  padding: 0 38px 18px 10px !important;
}

/* Mobile: intro first, form second, meadow image and FAQ third. */
@media (max-width: 980px) {
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-order-intro-card {
    order: 1 !important;
    padding: 18px !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-petition-formular {
    order: 2 !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column > .wwf-order-faq-panel {
    order: 3 !important;
    padding: 18px !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-panel .wwf-order-faq-image {
    width: calc(100% + 36px) !important;
    margin: 0 -18px 26px !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-faq-panel .wwf-order-faq-image img {
    height: 200px !important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-heading {
    font-size: 1.7rem !important;
  }
}


/* v16: definitive desktop placement, including possible Drupal wrapper nodes. */
@media (min-width:981px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:none!important;
    gap:24px 32px!important;
    align-items:start!important;
  }
  /* Intro: upper left. Covers direct fieldset and an optional Drupal wrapper. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-order-intro-card,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>*:has(>.wwf-order-intro-card){
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  /* Image and FAQ: lower left. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-order-faq-panel,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>*:has(>.wwf-order-faq-panel){
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  /* Form: full right column, spanning both left cards. */
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-petition-formular,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>*:has(>.wwf-petition-formular){
    grid-column:2!important;
    grid-row:1 / span 2!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    align-self:start!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>:is(.wwf-order-intro-card,.wwf-order-faq-panel,.wwf-petition-formular){
    height:auto!important;
    min-height:0!important;
  }
}
/* Subtle availability note below the submit button. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-subtle{
  display:block!important;
  margin:12px 0 0!important;
  padding:10px 12px!important;
  border:0!important;
  border-left:3px solid var(--wwf-green)!important;
  border-radius:0!important;
  background:var(--wwf-base-35)!important;
  color:rgba(0,0,0,.78)!important;
  box-shadow:none!important;
  font-family:"SourceSansPro","Helvetica Neue",Arial,sans-serif!important;
  font-size:.84rem!important;
  font-style:normal!important;
  line-height:1.3!important;
  text-align:left!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-subtle strong{
  display:inline!important;
  margin:0 .35em 0 0!important;
  color:var(--wwf-black)!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:inherit!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-subtle span{
  display:inline!important;
  font-size:inherit!important;
  font-weight:400!important;
}
/* Disable all earlier stock badge treatments. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-subtle::before,
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-stock-subtle::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}


/* v17: stable desktop columns. The right form may grow without stretching the left-card gap. */
@media (min-width:981px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:"left form"!important;
    gap:0 32px!important;
    align-items:start!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-order-left-stack{
    grid-area:left!important;
    grid-column:1!important;
    grid-row:1!important;
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-left-stack>:is(.wwf-order-intro-card,.wwf-order-faq-panel){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    grid-column:auto!important;
    grid-row:auto!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-petition-formular{
    grid-area:form!important;
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    align-self:start!important;
  }
}
/* Mobile preserves: intro, form, image/FAQ. display:contents exposes the two left cards to flex ordering. */
@media (max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-order-left-stack{
    display:contents!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column .wwf-order-intro-card{order:1!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column>.wwf-petition-formular{order:2!important}
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-two-column .wwf-order-faq-panel{order:3!important}
}
/* Polished headings for recipient and personal address sections. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section{
  margin:22px 0 20px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>legend{
  display:block!important;
  width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  border:0!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>legend .fieldset-legend{
  display:block!important;
  margin:0!important;
  padding:0 0 8px!important;
  border-bottom:3px solid var(--wwf-green)!important;
  color:var(--wwf-black)!important;
  font-family:"SourceSansPro","Helvetica Neue",Arial,sans-serif!important;
  font-size:.82rem!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:1.2!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>.fieldset-wrapper{
  margin:0!important;
  padding:0!important;
}
/* Introductory sentence directly below each section heading. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>.fieldset-wrapper>p:first-child,
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>.fieldset-wrapper>.webform-element:first-child p{
  margin:0 0 18px!important;
  color:var(--wwf-black)!important;
  font-family:"SourceSansPro","Helvetica Neue",Arial,sans-serif!important;
  font-size:1.05rem!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.35!important;
}
/* Recipient section starts close to the order title; personal section gets a soft separator when revealed. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section--recipient{
  margin-top:12px!important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section--personal{
  margin-top:24px!important;
  padding-top:20px!important;
  border-top:1px solid rgba(0,0,0,.16)!important;
}
@media(max-width:980px){
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>legend .fieldset-legend{
    font-size:.78rem!important;
  }
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>.fieldset-wrapper>p:first-child,
  .webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-address-section>.fieldset-wrapper>.webform-element:first-child p{
    font-size:1rem!important;
  }
}


/* v18: FAQ kicker removed. Defensive fallback for cached/variant markup. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) .wwf-order-inline-faq-kicker { display:none!important; }
/* RC19: newsletter legend wraps with a compact line height.
   Scope stays local; consent, help and required semantics stay native. */
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is([data-drupal-selector="edit-nl-neu--wrapper"], #edit-nl-neu--wrapper) > legend {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}
.webform-submission-form:is(.wwf-petition-split,:has(.wwf-petition-split-marker)) :is([data-drupal-selector="edit-nl-neu--wrapper"], #edit-nl-neu--wrapper) > legend .fieldset-legend {
  display: inline !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: inherit !important;
  white-space: normal !important;
}
/* RC20: compact stock markup and stable newsletter component scope. */
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-stock-subtle {
  height: auto !important;
  min-height: 0 !important;
  padding: 10px 12px !important;
  line-height: 1.3 !important;
}
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-stock-subtle strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-newsletter > legend {
  display: block !important;
  float: none !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 1rem !important;
  line-height: 1.3 !important;
  white-space: normal !important;
}
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-newsletter > legend .fieldset-legend {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  white-space: normal !important;
}
/* RC21: isolate native help from newsletter typography and layout.
   Keep Drupal help content, events and placement logic unchanged. */
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-newsletter .webform-element-help {
  display: inline-block !important;
  width: 18px !important;
  height: 18px !important;
  padding: 0 !important;
  font-family: Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  text-align: center !important;
  vertical-align: middle !important;
}
.webform-submission-form:has(.wwf-order-two-column) .wwf-order-newsletter .webform-element-help-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}