/* ==========================================================================
   Info-Text Panel — aufklappbarer SEO-Text unter dem Footer — funktionaler Layer.
   Slide-Animation (max-height + padding transition), Container-Width-Constraint,
   Centering via margin:0 auto.
   ========================================================================== */

.info-text-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease, padding 0.3s ease;
}

.info-text-panel.is-open {
  max-height: 8000px;
}

.info-text-panel__inner {
  max-width: var(--content-width);
  margin: 0 auto;
}
/* ==========================================================================
   Info-Text Panel — r2go4 visueller Layer.
   Hintergrund, Padding (Spacing), Heading-Typografie + responsive Edge-Padding.
   ========================================================================== */

.info-text-panel {
  background: var(--color-white);
}

.info-text-panel.is-open {
  padding: var(--space-xl) 0 var(--space-lg);
}

.info-text-panel__inner {
  padding-inline: 0;
}

@media (max-width: 1240px) {
  .info-text-panel__inner { padding-inline: var(--content-edge-tablet); }
}

@media (max-width: 767px) {
  .info-text-panel__inner { padding-inline: var(--content-edge-mobile); }
}

/* Info-Text-Panel Headings — designed-Variante (kleinere Größen für Panel-
   Kontext). Typo (font-family/weight/color) aus base.css. Hier nur Size +
   Margin als Modul-Spezifikum. */
.info-text-panel__inner h1 {
  font-size: 1.8rem;
  margin: 0 0 var(--space-sm);
}
.info-text-panel__inner h2 {
  font-size: 1.4rem;
  margin: var(--space-lg) 0 var(--space-xs);
}
.info-text-panel__inner h3 {
  font-size: 1.15rem;
  margin: var(--space-md) 0 var(--space-xs);
}

.info-text-panel__inner p {
  color: var(--color-text);
  line-height: 1.71;
  margin: 0 0 var(--space-sm);
}