/* =======================================================================
   WWF Petition Split Layout – Text links, Formular rechts
   Mit Q&A Accordion unterhalb der Cards
   ======================================================================= */

.webform-submission-form.wwf-petition-split,
.webform-submission-form: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);
  background: #d1d4b3 !important;
  overflow: hidden;

  --split-gutter: 32px;
  --split-max-width: 1280px;
  --logo-safe-left: 140px;
  --card-radius: 6px;
  --card-shadow: 0 10px 25px rgba(0,0,0,.16);

  --wwf-black: #000000;
  --wwf-white: #ffffff;
  --wwf-green: #007932;
  --wwf-green-65: #59a87a;
  --wwf-green-35: #a6d0b7;
  --wwf-base-35: #eae8d7;
  --wwf-light-green: #eae8d7;

  padding: 36px var(--split-gutter) !important;
}

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

.webform-submission-form.wwf-petition-split *,
.webform-submission-form:has(.wwf-petition-split-marker) * {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* -----------------------------------------------------------------------
   WWF Logo Desktop
   ----------------------------------------------------------------------- */

@media (min-width: 981px) {
  .webform-submission-form.wwf-petition-split::after,
  .webform-submission-form: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;
  }
}

/* -----------------------------------------------------------------------
   Split Layout Desktop
   ----------------------------------------------------------------------- */

@media (min-width: 981px) {
  .webform-submission-form.wwf-petition-split .wwf-petition-split-marker,
  .webform-submission-form: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;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

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

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

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

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

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

/* -----------------------------------------------------------------------
   Cards
   ----------------------------------------------------------------------- */

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

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

/* -----------------------------------------------------------------------
   Bild-Hook links – sichtbar und bündig unten
   ----------------------------------------------------------------------- */

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

.webform-submission-form.wwf-petition-split .petition-image-hook,
.webform-submission-form: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-image: url("https://www.wwf.ch/sites/default/files/styles/default_large/public/2026-06/imago53197353.jpg.webp") !important;
  background-position: center 45% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* -----------------------------------------------------------------------
   Fieldset Defaults
   ----------------------------------------------------------------------- */

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

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

/* -----------------------------------------------------------------------
   Typography
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split h2,
.webform-submission-form: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.wwf-petition-split .wwf-petition-formular h2,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-petition-formular h2 {
  margin-bottom: 18px !important;
}

.webform-submission-form.wwf-petition-split p,
.webform-submission-form.wwf-petition-split .fieldset-wrapper p,
.webform-submission-form.wwf-petition-split .text-formular p,
.webform-submission-form.wwf-petition-split .wwf-petition-formular p,
.webform-submission-form:has(.wwf-petition-split-marker) p,
.webform-submission-form:has(.wwf-petition-split-marker) .fieldset-wrapper p,
.webform-submission-form:has(.wwf-petition-split-marker) .text-formular p,
.webform-submission-form:has(.wwf-petition-split-marker) .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.wwf-petition-split .wwf-petition-formular p:first-child,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-petition-formular p:first-child {
  margin-top: 0 !important;
}

/* -----------------------------------------------------------------------
   Input Fields
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split input[type="text"],
.webform-submission-form.wwf-petition-split input[type="email"],
.webform-submission-form.wwf-petition-split select,
.webform-submission-form:has(.wwf-petition-split-marker) input[type="text"],
.webform-submission-form:has(.wwf-petition-split-marker) input[type="email"],
.webform-submission-form:has(.wwf-petition-split-marker) select {
  width: 100% !important;
  border: 2px solid var(--wwf-black) !important;
  border-radius: 0 !important;
  padding: 12px 14px !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.wwf-petition-split input::placeholder,
.webform-submission-form:has(.wwf-petition-split-marker) input::placeholder {
  color: rgba(0,0,0,.65) !important;
}

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

/* -----------------------------------------------------------------------
   Radios / Checkbox
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split .form-radios,
.webform-submission-form:has(.wwf-petition-split-marker) .form-radios {
  margin-top: 8px !important;
}

.webform-submission-form.wwf-petition-split .form-type-radio,
.webform-submission-form:has(.wwf-petition-split-marker) .form-type-radio {
  margin-bottom: 8px !important;
}

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

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

/* -----------------------------------------------------------------------
   Submit Button
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split .form-submit2,
.webform-submission-form.wwf-petition-split input.form-submit,
.webform-submission-form.wwf-petition-split button.form-submit,
.webform-submission-form:has(.wwf-petition-split-marker) .form-submit2,
.webform-submission-form:has(.wwf-petition-split-marker) input.form-submit,
.webform-submission-form:has(.wwf-petition-split-marker) button.form-submit {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !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;

  height: 49.3333px !important;
  padding: 11px 25px 9px !important;
  margin: 8px 0 0 !important;

  cursor: pointer;
  color: var(--wwf-white) !important;
  background-color: var(--wwf-green) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

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

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

/* -----------------------------------------------------------------------
   Progress Bar – Social Proof unter Button
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split #edit-fortschritt-js,
.webform-submission-form: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.wwf-petition-split [id^="edit-fortschritt-js"],
.webform-submission-form:has(.wwf-petition-split-marker) [id^="edit-fortschritt-js"] {
  border-left: 0 !important;
}

.webform-submission-form.wwf-petition-split #pdesc,
.webform-submission-form:has(.wwf-petition-split-marker) #pdesc {
  margin: 0 0 10px !important;
  font-size: .95rem !important;
  line-height: 1.25rem !important;
}

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

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

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

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

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

.webform-submission-form.wwf-petition-split #ptext,
.webform-submission-form:has(.wwf-petition-split-marker) #ptext {
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  transform: none !important;
  width: 100% !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
  color: var(--wwf-black) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

.webform-submission-form.wwf-petition-split #ptext::before,
.webform-submission-form:has(.wwf-petition-split-marker) #ptext::before {
  content: attr(data-progress-text);
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
  color: var(--wwf-white) !important;
  font-size: .8rem !important;
  font-weight: 700 !important;
  clip-path: inset(0 calc(100% - var(--progress-percent, 0%)) 0 0);
  pointer-events: none !important;
}

/* -----------------------------------------------------------------------
   Q&A Accordion
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split .wwf-petition-qa,
.webform-submission-form: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.wwf-petition-split .wwf-petition-qa > .fieldset-wrapper,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-petition-qa > .fieldset-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.webform-submission-form.wwf-petition-split .wwf-qa-inner,
.webform-submission-form: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.wwf-petition-split .wwf-qa-inner h2,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-qa-inner h2 {
  margin: 0 0 12px !important;
  font-size: 1.65rem !important;
}

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

.webform-submission-form.wwf-petition-split .wwf-qa-inner summary,
.webform-submission-form: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.wwf-petition-split .wwf-qa-inner summary::-webkit-details-marker,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-qa-inner summary::-webkit-details-marker {
  display: none !important;
}

.webform-submission-form.wwf-petition-split .wwf-qa-inner summary::after,
.webform-submission-form: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.wwf-petition-split .wwf-qa-inner details[open] summary::after,
.webform-submission-form:has(.wwf-petition-split-marker) .wwf-qa-inner details[open] summary::after {
  content: "–" !important;
}

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

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

/* -----------------------------------------------------------------------
   Datenschutz
   ----------------------------------------------------------------------- */

.webform-submission-form.wwf-petition-split .wwf-petition-privacy,
.webform-submission-form: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.wwf-petition-split .wwf-petition-privacy p,
.webform-submission-form: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.wwf-petition-split,
  .webform-submission-form:has(.wwf-petition-split-marker) {
    width: 100%;
    min-height: auto !important;
    margin-left: 0;
    margin-right: 0;
    padding: 18px !important;
    background: #d1d4b3 !important;
    overflow: visible !important;
  }

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

  .webform-submission-form.wwf-petition-split .wwf-petition-split-marker,
  .webform-submission-form: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;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  .webform-submission-form.wwf-petition-split .wwf-petition-formular,
  .webform-submission-form:has(.wwf-petition-split-marker) .wwf-petition-formular {
    order: 1 !important;
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    display: block !important;
    border-radius: var(--card-radius) !important;
  }

  .webform-submission-form.wwf-petition-split .text-formular,
  .webform-submission-form:has(.wwf-petition-split-marker) .text-formular {
    order: 2 !important;
    max-width: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 18px 0 !important;
    display: block !important;
    border-radius: var(--card-radius) !important;
  }

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

  .webform-submission-form.wwf-petition-split .petition-image-hook,
  .webform-submission-form: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;
    background-position: center 45% !important;
    border-radius: 0 0 var(--card-radius) var(--card-radius) !important;
  }

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

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

  .webform-submission-form.wwf-petition-split h2,
  .webform-submission-form:has(.wwf-petition-split-marker) h2 {
    font-size: 1.65rem;
  }
}
/* =======================================================================
   Eingebettetes Webform im Paragraph: neutral, ohne Hintergrund/Card/Logo
   ======================================================================= */

.field-name--field-content-plugin .renderer_webform .webform-container,
.field-name--field-content-plugin .renderer_webform .webform-submission-form.wwf-petition-split,
.field-name--field-content-plugin .renderer_webform .webform-submission-form:has(.wwf-petition-split-marker) {
  width: 100% !important;
  max-width: none !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
}

/* WWF-Logo im eingebetteten Kontext entfernen */
.field-name--field-content-plugin .renderer_webform .webform-submission-form.wwf-petition-split::after,
.field-name--field-content-plugin .renderer_webform .webform-submission-form:has(.wwf-petition-split-marker)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

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

/* Split-Layout über verfügbare Breite ziehen */
.field-name--field-content-plugin .renderer_webform .wwf-petition-split-marker {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Card-Design links/rechts entfernen */
.field-name--field-content-plugin .renderer_webform .text-formular,
.field-name--field-content-plugin .renderer_webform .wwf-petition-formular {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Etwas Abstand zwischen Text- und Formularspalte beibehalten */
@media (min-width: 981px) {
  .field-name--field-content-plugin .renderer_webform .wwf-petition-split-marker {
    gap: 48px !important;
  }
}

/* Mobile: ebenfalls keine Cards, aber lesbarer Abstand */
@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 .text-formular,
  .field-name--field-content-plugin .renderer_webform .wwf-petition-formular {
    padding: 0 !important;
    border-radius: 0 !important;
  }
}

/* Bild-Hook an neues, cardloses Layout anpassen */
.field-name--field-content-plugin .renderer_webform .petition-image-hook {
  width: 100% !important;
  margin: 24px 0 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Q&A ebenfalls ohne Card-Look */
.field-name--field-content-plugin .renderer_webform .wwf-petition-qa,
.field-name--field-content-plugin .renderer_webform .wwf-petition-privacy {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.field-name--field-content-plugin .renderer_webform .wwf-qa-inner {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Progress-Box weniger cardartig */
.field-name--field-content-plugin .renderer_webform #edit-fortschritt-js {
  box-shadow: none !important;
  border-radius: 0 !important;
}

/* Pflichtfeld-Hinweis näher ans Formular / ohne Extra-Card-Gefühl */
.field-name--field-content-plugin .renderer_webform .webform-container__msg {
  margin: 0 0 18px !important;
  padding: 0 !important;
}
/* Eingebettetes Formular horizontal zentrieren */
.field-name--field-content-plugin .renderer_webform .webform-container {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Formular selbst innerhalb des Containers zentrieren */
.field-name--field-content-plugin .renderer_webform .webform-submission-form.wwf-petition-split,
.field-name--field-content-plugin .renderer_webform .webform-submission-form:has(.wwf-petition-split-marker) {
  width: 100% !important;
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Split-Layout ebenfalls zentrieren */
.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;
}