.elementor-9297 .elementor-element.elementor-element-4fee814{margin-top:0px;margin-bottom:100px;}.elementor-9297 .elementor-element.elementor-element-1fe7a97{text-align:center;}.elementor-9297 .elementor-element.elementor-element-1fe7a97 .elementor-heading-title{font-size:50px;padding:0px 0px 25px 0px;}.elementor-9297 .elementor-element.elementor-element-1fe7a97.elementor-widget-heading .sub-title{margin-bottom:13px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );}.elementor-9297 .elementor-element.elementor-element-d51d43f{--grid-columns:1;}.elementor-9297 .elementor-element.elementor-element-c94e894{text-align:center;}.elementor-9297 .elementor-element.elementor-element-c94e894 .elementor-heading-title{font-size:50px;padding:0px 0px 25px 0px;}.elementor-9297 .elementor-element.elementor-element-c94e894.elementor-widget-heading .sub-title{margin-bottom:13px;}.elementor-9297 .elementor-element.elementor-element-f266cd7{--grid-columns:1;}@media(max-width:1024px){.elementor-9297 .elementor-element.elementor-element-1fe7a97 .elementor-heading-title{font-size:40px;}.elementor-9297 .elementor-element.elementor-element-d51d43f{--grid-columns:2;}.elementor-9297 .elementor-element.elementor-element-c94e894 .elementor-heading-title{font-size:40px;}.elementor-9297 .elementor-element.elementor-element-f266cd7{--grid-columns:2;}}@media(max-width:767px){.elementor-9297 .elementor-element.elementor-element-1fe7a97 .elementor-heading-title{font-size:36px;}.elementor-9297 .elementor-element.elementor-element-d51d43f{--grid-columns:1;}.elementor-9297 .elementor-element.elementor-element-c94e894 .elementor-heading-title{font-size:36px;}.elementor-9297 .elementor-element.elementor-element-f266cd7{--grid-columns:1;}}/* Start custom CSS *//* ==========================================
   Auto Readmore – nur Seite 9297
   - Fade am Ende (collapsed)
   - animiertes Auf/Zu (max-height)
========================================== */

body.page-id-9297 .rk-auto-readmore .elementor-widget-container {
  position: relative;
}

/* Wrapper, dessen Höhe wir animieren */
body.page-id-9297 .rk-auto-readmore .rk-rm-text {
  position: relative;
  overflow: hidden;
  max-height: var(--rk-collapsed-h, 0px);
  transition: max-height 380ms ease;
  will-change: max-height;
}

/* Inner (echter Inhalt) */
body.page-id-9297 .rk-auto-readmore .rk-rm-inner > :first-child { margin-top: 0; }
body.page-id-9297 .rk-auto-readmore .rk-rm-inner > :last-child { margin-bottom: 0; }

/* Fade-Overlay (nur wenn collapsed + overflow) */
body.page-id-9297 .rk-auto-readmore .rk-rm-fade {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 2.8em;
  pointer-events: none;
  opacity: 0;
  transition: opacity 220ms ease;
  /* nutzt Hintergrundfarbe des Containers, damit es “sauber” ausblendet */
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}

/* Wenn dein Bereich nicht weiß ist, kannst du hier eine andere Zielfarbe setzen:
body.page-id-9297 .rk-auto-readmore .rk-rm-fade { background: linear-gradient(..., rgba(248,248,248,1)); }
*/

body.page-id-9297 .rk-auto-readmore.is-collapsed.has-overflow .rk-rm-fade {
  opacity: 1;
}

/* Im offenen Zustand kein Fade */
body.page-id-9297 .rk-auto-readmore.is-open .rk-rm-fade {
  opacity: 0;
}

/* Toggle */
body.page-id-9297 .rk-auto-readmore .rk-rm-toggle {
  display: inline-flex;
  align-items: center;
  gap: .4em;
  margin-top: .6em;
  text-decoration: underline;
  cursor: pointer;
  user-select: none;
  
  background-color: #36a9e1;
color: #FFF;
border-radius: 0px 30px 30px 30px;
padding: 7px 25px;
text-decoration: none;
}

body.page-id-9297 .rk-auto-readmore .rk-rm-toggle svg {
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
}

/* Wenn kein Overflow -> Toggle ausblenden */
body.page-id-9297 .rk-auto-readmore.no-toggle .rk-rm-toggle {
  display: none;
}/* End custom CSS */