/* =========================================
   FAQ Grüne Box
   class="faq-grun-box"
   TYPO3 Text & Medien
   ========================================= */

.faq-grun-box {
  margin: -4rem 0;
}

/* TYPO3-Wrapper ruhigstellen */
.faq-grun-box :is(
  .frame-group-container,
  .frame-group-inner,
  .frame-container,
  .frame-inner
) {
  margin: 0;
  padding: 0;
}

/* Leeren Media-Wrapper ausblenden */
.faq-grun-box .textmedia-gallery {
  display: none;
}

/* Box */
.faq-grun-box :is(.textmedia, .ce-bodytext) {
  max-width: 560px;
  padding: 1.6rem 2rem;
  border-radius: 10px;
  background:
    radial-gradient(
      circle at 85% 20%,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(255, 255, 255, 0) 36%
    ),
    linear-gradient(
      135deg,
      #dfe8dc 0%,
      #eef3eb 50%,
      #d8e2d4 100%
    );
  box-shadow: 0 2px 8px rgba(40, 60, 45, 0.08);
}

/* Textbereich */
.faq-grun-box :is(.textmedia-text, .ce-bodytext) {
  margin: 0;
}

/* Überschriften */
.faq-grun-box :is(h1, h2, h3, h4) {
  margin: 0 0 0.45rem;
  padding: 0;
  color: #244534;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0;
  text-transform: none;
}

/* Globale Heading-Linien in dieser Box entfernen */
.faq-grun-box :is(h1, h2, h3, h4)::after {
  display: none;
}

/* Absatz */
.faq-grun-box p {
  max-width: 360px;
  margin: 0 0 1rem;
  color: #25362d;
  font-size: 0.88rem;
  font-weight: 500;
  line-height: 1.45;
}

.faq-grun-box p:last-child {
  margin-bottom: 0;
}

/* Mobile */
@media (max-width: 575.98px) {
  .faq-grun-box {
    margin: 2rem 0;
  }

  .faq-grun-box :is(.textmedia, .ce-bodytext) {
    max-width: 100%;
    padding: 1.35rem 1.4rem;
  }

  .faq-grun-box p {
    max-width: 100%;
  }
}


/* =========================================
   FAQ Bild
   Element-ID: #c128
   ========================================= */

#c128 {
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
}

#c128 figure {
  margin: 0;
}

#c128 img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 8px;
}