.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){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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 */.endless-carousel .elementor-swiper-button-prev,
.endless-carousel .elementor-swiper-button-next,
.endless-carousel .swiper-pagination {
  display: none !important;
}

.endless-carousel .swiper-wrapper {
  display: flex;
  animation: scroll-loop 30s linear infinite;
  width: max-content;
}

.endless-carousel .swiper-slide {
  flex-shrink: 0;
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* 📐 Bildgröße hier einstellen */
.endless-carousel .swiper-slide img {
  width: 80px;    /* <- Breite nach Wunsch anpassen */
  height: auto;    /* oder z. B. height: 80px; */
  object-fit: contain;
  transition: transform 0.3s ease;
}

@keyframes scroll-loop {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* Ausgangszustand: Nur bis zum 50px Abstand sichtbar */
.elementor-kit-6 .card-content {
    height: calc(100% - 80px);
    margin-bottom: -200px; /* Versteckter Bereich */
    transition: all 0.5s ease;
}

.elementor-kit-6 .card-wrapper:hover .card-content {
    margin-bottom: 0;
    height: 100%; /* Bei Hover gesamte Höhe */
}

.elementor-kit-6 .card-content .e-con-inner {
    transition: all 0.1s ease;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.elementor-kit-6 .card-wrapper:not(:hover) .card-content .e-con-inner {
    animation: fadeIn 1s ease forwards;
}

.elementor-kit-6 .card-wrapper:hover .card-content .e-con-inner {
    justify-content: end;
}

/* Responsive Anpassung für kleinere Displays */
@media(max-width:1024px) {
    .elementor-kit-6 .card-content {
        height: calc(100% - 50px);
    }
}

.mein-verlaufstext {
    background: linear-gradient(90deg,
        #E67C48 0%,       /* Etwas helleres, frisches Orange */
        #E17346 25%,      /* Übergang Richtung wärmeres Orange */
        #DB6645 50%,      /* Mittelton */
        #D55B4C 75%,      /* Richtung intensiveres Rot-Orange */
        #D35355 100%      /* Endfarbe: Rot-Ton */
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

/* Container konfigurieren */
.kenburns-zoom {
  overflow: hidden;
  border-radius: 20px;
}

/* Bild selbst */
.kenburns-zoom img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
  transition: transform 1s ease;
  transform-origin: center center;
}

/* Hover-Effekt: Zoom in das Bild */
.kenburns-zoom:hover img {
  transform: scale(1.15);
}

.custom-arrow-hover .elementor-swiper-button-prev svg {
  transition: transform 0.6s ease-in-out;
}

.custom-arrow-hover .elementor-swiper-button-prev:hover svg {
  transform: translateX(10px);
}

.custom-arrow-hover .elementor-swiper-button-next svg {
  transition: transform 0.6s ease-in-out;
}

.custom-arrow-hover .elementor-swiper-button-next:hover svg {
  transform: translateX(-10px);
}


/* Default: heller Glaslook */
.mein-container {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(40px) saturate(140%);
  -webkit-backdrop-filter: blur(40px) saturate(140%);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow:
    inset 0 0 0 1px rgba(0, 0, 0, 0.1),
    0 0 0 2px rgba(255, 255, 255, 0.05),
    0 8px 24px rgba(0, 0, 0, 0.25);
  color: #fff; /* weiße Schrift */
}

/* 📱 Mobile: edler Braunglas-Effekt */
@media (max-width: 768px) {
  .mein-container {
    background: rgba(60, 35, 20, 0.55); /* dunkles, transparentes Braun */
    backdrop-filter: blur(25px) saturate(160%);
    -webkit-backdrop-filter: blur(25px) saturate(160%);
    border: 1px solid rgba(90, 55, 35, 0.6); /* warmbrauner Rand */
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, 0.08),
      0 0 18px rgba(60, 35, 20, 0.6); /* brauner Glow */
    color: #fff; /* weiße Schrift */
  }
}/* End custom CSS */