/* Blog Grid: Wirtschaft & Industrie */
.mediathek-grid  .fusion-post-wrapper {
    border-radius: 15px;
    overflow: hidden;
}



/* Rollover-Icons: Beitragslink + Bild/Galerie-Link */
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-link,
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery {
     background: linear-gradient(120deg, #e3051b 0%, #004b88 35%, #00877f 70%, #004b88 100%)!important;
    color: #ffffff !important;
}

/* Rollover-Icons auch bei Hover/Fokus blau halten */
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-link:hover,
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery:hover,
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-link:focus,
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery:focus {
    background-color: var(--awb-custom_color_5) !important;
    color: #ffffff !important;
}

/* Icon-Symbole innerhalb der Kreise weiß halten */
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-link::before,
.mediathek-grid  .fusion-image-wrapper .fusion-rollover .fusion-rollover-gallery::before {
    color: #ffffff !important;
}

/* Optional: Trennlinie im Rollover weiß */
.mediathek-grid  .fusion-rollover-sep {
       background: linear-gradient(120deg, #e3051b 0%, #004b88 35%, #00877f 70%, #004b88 100%);
}

/* Weißen Trennstreifen zwischen den Rollover-Icons entfernen */
.mediathek-grid  .fusion-rollover-sep {
    display: none !important;
}

/**
.mediathek-grid .fusion-post-content-wrapper {
background: linear-gradient(120deg, #e3051b 0%, #004b88 35%, #00877f 70%, #004b88 100%)!important;
}
**/

/******************** 
*** Border mit Verlauf - Avada Mediathek
********************/ 

.mediathek-grid article {
  background: transparent !important;
  border: none !important;
  overflow: visible !important;
}

/* eigentliche Card */
.mediathek-grid article .fusion-post-wrapper {
  position: relative !important;
  border: none !important;
  border-radius: 15px !important;
  overflow: hidden !important;
  background-color: var(--awb-color2) !important;
  isolation: isolate;
}

/* Verlaufsborder GANZ OBEN */
.mediathek-grid article .fusion-post-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;

  background: linear-gradient(
    120deg,
    #E3051B 0%,
    #004b88 35%,
    #00877F 70%,
    #004b88 100%
  );

  background-size: 180% 180%;
  animation: itas-border-move 16s ease-in-out infinite;
  pointer-events: none;
  z-index: 99;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

/* Inhalt normal anzeigen */
.mediathek-grid article .fusion-post-wrapper > * {
  position: relative;
  z-index: 1;
}

/* Bild oben sauber abrunden */
.mediathek-grid article .fusion-flexslider,
.mediathek-grid article .fusion-image-wrapper,
.mediathek-grid article .fusion-image-wrapper img {
  border: none !important;
  border-radius: 15px 15px 0 0 !important;
  overflow: hidden !important;
}

/* Textbereich unten */
.mediathek-grid article .fusion-post-content-wrapper {
  border-radius: 0 0 15px 15px !important;
}

/* Avada-Rahmen entfernen */
.mediathek-grid article .fusion-flexslider,
.mediathek-grid article .fusion-post-wrapper {
  border-color: transparent !important;
}

@keyframes itas-border-move {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Rollover-Titel im Bildbereich weiß */
.mediathek-grid article .fusion-rollover-title,
.mediathek-grid article .fusion-rollover-title a,
.mediathek-grid article .fusion-rollover-title-link {
  color: #ffffff !important;
}

/* Rollover-Link ebenfalls weiß */
.mediathek-grid article .fusion-rollover-link {
  color: #ffffff !important;
}