.elementor-widget-html,
.elementor-widget-theme-post-excerpt,
.e-loop-item .elementor-widget-text-editor,
.e-loop-item p{
	font-size: 1rem !important;
}

/* GHR am 19.02.2026: Standard-Klasse fuer die Formatierung von Cards */
.e-loop-item>.lg-card-01,
.lg-card-01{
	padding: 15px 15px;
	background-color: rgba(255, 255, 255, 0.0) !important;
    background: var(--lg-bg-02);
	background-blend-mode: multiply;
	min-height: 80px !important;
}

/* ==========================================================================
   80. KOMPONENTEN FUER CARDS / OVERLAYS / CAROUSELS / SWIPER
   ========================================================================== */

/* GHR am 21.12.2025: Der folgende Code steuert das Overlay von Cards, z. B. in Loop Carousels */
/* Basis: Karte */
.e-con .lg-card-flip,
.lg-card-flip{
  position: relative;
  overflow: hidden;
}

/* Overlay: initial unsichtbar */
.lg-card-flip .lg-card-flip-overlay{
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .9s ease;
  pointer-events: none; /* verhindert, dass unsichtbares Overlay Klicks blockiert */
  background:
    linear-gradient(90deg, rgb(var(--lg-white-01-rgb) / 1.00) 50%, rgb(var(--lg-white-01-rgb) / 1.00)),
	linear-gradient(90deg, rgb(var(--lg-white-01-rgb) / 0.00) 80%, rgb(var(--lg-blue-01-rgb) / 0.08)),
    linear-gradient(270deg, rgb(var(--lg-white-01-rgb) / 0.00) 80%, rgb(var(--lg-cool-05-rgb) / 0.2));
  background-blend-mode: multiply;
}

/* Desktop: Overlay sichtbar bei Hover */
@media (min-width: 992px){
  .lg-card-flip:hover .lg-card-flip-overlay{
    opacity: 1;
    pointer-events: auto;
  }

  /* Optional: Nur falls du z-index brauchst, damit das Overlay ueber der Nachbarkarten liegt */
  .lg-card-flip:hover{
    z-index: 2;
  }
}

/* Mobile/Tablet: Overlay nur auf der aktiven Slide sichtbar */
@media (max-width: 991px){
  .swiper-slide-active .lg-card-flip .lg-card-flip-overlay{
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* GHR am 26.12.2025: Kleine Optimierung der Navigation in Loop-Carousels */

.elementor-widget-loop-carousel{
  --swiper-pagination-spacing: 30px !important;
}

/* Pagination-Bullets als Quadrate */
.swiper-pagination-bullet{
  width: 8px !important;
  height: 8px !important;
  border-radius: 0 !important;     /* macht aus Kreis ein Quadrat */
}