.elementor-9817 .elementor-element.elementor-element-48584de4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-4d462f5 );--border-color:var( --e-global-color-4d462f5 );--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9817 .elementor-element.elementor-element-48584de4::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .e-con-inner > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .elementor-background-slideshow::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-9817 .elementor-element.elementor-element-48584de4:hover::before, .elementor-9817 .elementor-element.elementor-element-48584de4:hover > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-48584de4:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .elementor-background-slideshow:hover::before, .elementor-9817 .elementor-element.elementor-element-48584de4 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-9817 .elementor-element.elementor-element-48584de4:hover{--overlay-opacity:0.58;}.elementor-9817 .elementor-element.elementor-element-48584de4:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9817 .elementor-element.elementor-element-70b66ff2{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-9817 .elementor-element.elementor-element-70b66ff2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-9817 .elementor-element.elementor-element-3b014673{--display:flex;--min-height:400px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9817 .elementor-element.elementor-element-3b014673::before, .elementor-9817 .elementor-element.elementor-element-3b014673 > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-3b014673 > .e-con-inner > .elementor-background-video-container::before, .elementor-9817 .elementor-element.elementor-element-3b014673 > .elementor-background-slideshow::before, .elementor-9817 .elementor-element.elementor-element-3b014673 > .e-con-inner > .elementor-background-slideshow::before, .elementor-9817 .elementor-element.elementor-element-3b014673 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #BDE4F55C 0%, #FFFFFF 100%);}.elementor-9817 .elementor-element.elementor-element-4bc949ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-150px;--margin-bottom:50px;--margin-left:10px;--margin-right:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-70b66ff2 */.animated-container {
  position: relative;
  height: 100px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  background: #ffffff !important; /* Reiner Weißton mit !important für höhere Priorität */
  background-image: none !important; /* Entfernt jeglichen Verlauf */
  background-color: #ffffff !important; /* Doppelte Absicherung */
}

/* Grundstil für h1 */
.animated-container h1 {
  position: relative;
  color: #d1d1d1; /* Heller Grauton */
  font-size: 48px !important;
  line-height: 1.5em !important;
  z-index: 10;
  animation: subtleFade 4s ease-in-out infinite;
}

/* Subtile Animation für den Text */
@keyframes subtleFade {
  0% { opacity: 0.8; color: #d1d1d1; }
  50% { opacity: 1; color: #b8b8b8; }
  100% { opacity: 0.8; color: #d1d1d1; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-48584de4 */.animated-container {
  position: relative;
  height: 200px;
  width: 100%;
  background: linear-gradient(90deg, #F0F0F1, #E0E0E1); /* Dein Grauverlauf bleibt */
  overflow: hidden;
}

/* Hintergrund-Grid */
.grid {
  position: absolute;
  width: 200%;
  height: 100%;
  background: 
    linear-gradient(90deg, rgba(180, 200, 220, 0.08) 1px, transparent 1px) 0 0 / 50px 50px,
    linear-gradient(0deg, rgba(180, 200, 220, 0.08) 1px, transparent 1px) 0 0 / 50px 50px;
  animation: moveGrid 20s linear infinite;
}

/* Energielinie */
.energy-line {
  position: absolute;
  bottom: 30px;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #D8E2E8, transparent); /* Sanftes Blau-Grau */
  filter: blur(1px);
  opacity: 0.7;
}

.energy-line::before {
  content: '';
  position: absolute;
  top: -4px;
  width: 100%;
  height: 10px;
  background: rgba(220, 230, 240, 0.2); /* Hellerer bläulicher Ton */
  filter: blur(8px);
}

/* Futuristische Lok */
.train {
  position: absolute;
  top: 50%;
  left: -200px;
  transform: translateY(-50%);
  animation: moveTrain 12s linear infinite;
}

.locomotive {
  width: 160px;
  height: 50px;
  background: rgba(240, 245, 250, 0.15); /* Leicht bläuliches Weiß */
  backdrop-filter: blur(10px);
  border: 1px solid rgba(230, 235, 245, 0.2); /* Bläulicher Rand */
  border-radius: 30px;
  position: relative;
  box-shadow: 0 0 20px rgba(200, 210, 230, 0.2); /* Bläulicher Schatten */
}

/* Futuristische Räder */
.wheel {
  position: absolute;
  width: 24px;
  height: 24px;
  bottom: -12px;
  background: transparent;
  border: 2px solid rgba(210, 220, 230, 0.4); /* Sanftes Blau-Grau */
  border-radius: 50%;
  animation: rotateWheel 3s linear infinite;
}

.wheel::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background: rgba(220, 230, 240, 0.2); /* Bläulicher Kern */
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulseWheelCore 2s infinite alternate;
}

.wheel::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  background: rgba(210, 220, 230, 0.6); /* Bläuliche Linie */
  transform: translate(-50%, -50%);
  animation: rotateWheelLine 3s linear infinite;
}

.wheel1 { left: 30px; }
.wheel2 { right: 30px; }

/* Energie-Core mit "M" */
.energy-core {
  position: absolute;
  width: 30px;
  height: 30px;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(230, 240, 245, 0.8); /* Sanftes Blau-Grau */
  border-radius: 50%;
  animation: pulseCore 2s ease-in-out infinite;
  box-shadow: 0 0 10px rgba(230, 235, 240, 0.5); /* Leicht bläulicher Schatten */
}

.energy-core::after {
  content: 'M'; /* Der Buchstabe "M" */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #66C0E8; /* Helleres, weicheres Blau */
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  text-shadow: none;
}

/* Energiestreifen */
.energy-strip {
  position: absolute;
  height: 4px;
  background: #E0E8ED; /* Sanftes Blau-Grau */
  opacity: 0.8;
  animation: glowStrip 1.5s ease-in-out infinite alternate;
}

.strip1 { width: 40px; top: 10px; right: 20px; }
.strip2 { width: 60px; top: 20px; right: 10px; animation-delay: 0.2s; }
.strip3 { width: 30px; top: 30px; right: 25px; animation-delay: 0.4s; }

/* Schwebeeffekt */
.hover-effect {
  position: absolute;
  bottom: -20px;
  width: 100%;
  height: 15px;
  background: radial-gradient(ellipse at center, rgba(230, 235, 245, 0.2) 0%, transparent 70%);
  animation: hoverGlow 2s ease-in-out infinite alternate;
}

/* Partikel (Auspuffpunkte) */
.particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: #A0C8E8; /* Deutlicherer, aber sanfter Blauton */
  border-radius: 50%;
  animation: particleFlow 2s linear infinite;
}

.particle1 { bottom: 0; left: -10px; animation-delay: 0s; }
.particle2 { bottom: 5px; left: -20px; animation-delay: 0.3s; }
.particle3 { bottom: -5px; left: -30px; animation-delay: 0.6s; }

/* Lichtstrahl */
.light-beam {
  position: absolute;
  width: 100px;
  height: 40px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(90deg, rgba(230, 235, 245, 0.1), transparent); /* Bläuliches Grau */
  filter: blur(5px);
}

/* Bestehende Animationen (unverändert) */
@keyframes moveGrid {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes moveTrain {
  from { left: -200px; }
  to { left: calc(100% + 200px); }
}

@keyframes pulseCore {
  0% { transform: translateY(-50%) scale(0.8); opacity: 0.5; }
  50% { transform: translateY(-50%) scale(1.2); opacity: 1; }
  100% { transform: translateY(-50%) scale(0.8); opacity: 0.5; }
}

@keyframes glowStrip {
  from { opacity: 0.4; transform: translateX(0); }
  to { opacity: 1; transform: translateX(-5px); }
}

@keyframes hoverGlow {
  from { opacity: 0.4; transform: translateY(0); }
  to { opacity: 0.8; transform: translateY(-2px); }
}

@keyframes particleFlow {
  0% { opacity: 1; transform: translate(0, 0); }
  100% { opacity: 0; transform: translate(-20px, -10px); }
}

/* Neue Rad-Animationen (unverändert) */
@keyframes rotateWheel {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes pulseWheelCore {
  from { opacity: 0.4; transform: translate(-50%, -50%) scale(0.8); }
  to { opacity: 0.8; transform: translate(-50%, -50%) scale(1.1); }
}

@keyframes rotateWheelLine {
  from { transform: translate(-50%, -50%) rotate(0deg); }
  to { transform: translate(-50%, -50%) rotate(360deg); }
}/* End custom CSS */
/* Start custom CSS */.marquee {
  overflow: hidden;
  display: flex;
}

.marquee h1{
  white-space: nowrap;
}

.marquee2 {
  overflow: hidden;
  display: flex;
}

.marquee2 h1{
  white-space: nowrap;
}/* End custom CSS */