.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.mein-container {
  position: relative;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(4px) saturate(140%);
  -webkit-backdrop-filter: blur(20px) saturate(140%);
  border-radius: 20px;

  /* Deutlichere Rahmen-Kombination */
  border: 0px solid rgba(255, 255, 255, 0.08); /* heller Innenrand */
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.1),       /* feiner dunkler Innenrahmen */
    0 0 0 2px rgba(255, 255, 255, 0.05),      /* heller äußerer Glow */
    0 8px 24px rgba(0, 0, 0, 0.25);           /* Tiefenschatten */
  overflow: hidden;
  z-index: 1;
}

.mein-container::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(
    ellipse at 20% 10%,
    rgba(255, 255, 255, 0.09) 0%,
    rgba(255, 255, 255, 0.03) 40%,
    rgba(0, 0, 0, 0.07) 85%,
    rgba(0, 0, 0, 0.12) 100%
  );
}


/* ===== Endless Carousel – Single Fade Color (#0C0D0C) ===== */
/* Hinweis: Für nahtlosen Loop muss die Slide-Sequenz im DOM ZWEIMAL hintereinander stehen. */

/* Navigation ausblenden */
.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination{
  display: none !important;
}

/* Wrapper */
.endless-carousel{
  --loop-dur: 30s;            /* größer = langsamer */
  --gap: 20px;                /* Abstand zwischen Slides */
  --img-w: 70px;              /* Bildbreite (bei Bildern) */
  --edge-fade-width: 100px;   /* Breite der Seiten-Fades */

  /* Fade-Farbe: #0C0D0C (RGB 12,13,12) */
  --fade-rgb: 12, 13, 12;
  --fade-a1: .95;             /* außen */
  --fade-a2: .70;             /* Mitte */

  position: relative;
  overflow: visible;
}

/* Viewport */
.endless-carousel .swiper{
  overflow-x: hidden;
  overflow-y: visible;
  position: relative;
}

/* Track – Endlosschleife */
.endless-carousel .swiper-wrapper{
  display: flex;
  width: max-content;
  gap: var(--gap);
  align-items: stretch;
  will-change: transform;
  animation: scroll-loop var(--loop-dur) linear infinite;
}

/* Richtung */
.endless-carousel.dir-left  .swiper-wrapper{ animation-direction: normal; }
.endless-carousel.dir-right .swiper-wrapper{ animation-direction: reverse; }

/* Slides (für Bilder oder Container) */
.endless-carousel .swiper-slide{
  flex: 0 0 auto;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Optional: Bild-Handling */
.endless-carousel .swiper-slide img{
  width: var(--img-w);
  height: auto;
  object-fit: contain;
  display: block;
  max-width: none;
  transition: transform .3s ease;
}

/* Keyframes */
@keyframes scroll-loop{
  from{ transform: translateX(0); }
  to  { transform: translateX(-50%); }
}

/* Seiten-Fades – #0C0D0C */
.endless-carousel .swiper::before,
.endless-carousel .swiper::after{
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--edge-fade-width);
  z-index: 2;
  pointer-events: none;
}

.endless-carousel .swiper::before{
  left: 0;
  background: linear-gradient(
    to right,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

.endless-carousel .swiper::after{
  right: 0;
  background: linear-gradient(
    to left,
    rgba(var(--fade-rgb), var(--fade-a1)) 0%,
    rgba(var(--fade-rgb), var(--fade-a2)) 35%,
    rgba(var(--fade-rgb), 0) 100%
  );
}

/* Fades optional deaktivieren */
.endless-carousel.no-fade .swiper::before,
.endless-carousel.no-fade .swiper::after{
  content: none;
}/* End custom CSS */