.elementor-84 .elementor-element.elementor-element-f708378{--display:flex;}.elementor-84 .elementor-element.elementor-element-319d47b.elementor-element{--align-self:stretch;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-84 .elementor-element.elementor-element-aa76f36{text-align:start;color:#FFFFFF;}/* Start custom CSS for theme-post-content, class: .elementor-element-aa76f36 *//* ════════════════════════════════════════════════
   Storagebox Weimar – nur Überschriften (Farben + Größen)
   Elementor "Post Content"-kompatibel.
   Inhalt in <div class="sb-page"> ... </div> wrappen.
   ════════════════════════════════════════════════ */

.sb-page {
  --cream: #ffffff;   /* Überschrift Standard */
  --gold:  #fff5e5;   /* Akzent / Hervorhebung */
}

/* H1 */
.sb-page h1 {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(34px, 5.2vw, 58px) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  color: var(--cream) !important;
}

/* H2 */
.sb-page h2 {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--cream) !important;
}

/* H3 */
.sb-page h3 {
  font-family: 'Playfair Display', serif !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  color: var(--gold) !important;
}

/* Hervorhebung (em) in Überschriften → Gold */
.sb-page h1 em,
.sb-page h2 em {
  font-style: italic;
  color: var(--gold) !important;
}

.sb-page p a {
    color: #fff5e5 ;
    font-weight: 700 ;
}/* End custom CSS */