.elementor-11648 .elementor-element.elementor-element-d89d552{--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-11648 .elementor-element.elementor-element-d89d552::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .elementor-background-video-container::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .e-con-inner > .elementor-background-video-container::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .elementor-background-slideshow::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-11648 .elementor-element.elementor-element-d89d552:hover::before, .elementor-11648 .elementor-element.elementor-element-d89d552:hover > .elementor-background-video-container::before, .elementor-11648 .elementor-element.elementor-element-d89d552:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .elementor-background-slideshow:hover::before, .elementor-11648 .elementor-element.elementor-element-d89d552 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-11648 .elementor-element.elementor-element-d89d552:hover{--overlay-opacity:0.58;}.elementor-11648 .elementor-element.elementor-element-d89d552:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11648 .elementor-element.elementor-element-5ff32ad7{width:var( --container-widget-width, 100% );max-width:100%;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11648 .elementor-element.elementor-element-5ff32ad7.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-11648 .elementor-element.elementor-element-6de1a00{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:1px 1px 1px 1px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11648 .elementor-element.elementor-element-e63f1b9{width:var( --container-widget-width, 90% );max-width:90%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-11648 .elementor-element.elementor-element-e63f1b9.elementor-element{--align-self:center;}.elementor-11648 .elementor-element.elementor-element-e63f1b9 .elementor-heading-title{font-family:"Lato-Regular", Sans-serif;font-size:28px;font-weight:600;line-height:2em;letter-spacing:0px;color:var( --e-global-color-primary );}.elementor-11648 .elementor-element.elementor-element-510e399{--grid-row-gap:10px;--grid-column-gap:15px;}.elementor-11648 .elementor-element.elementor-element-510e399 > .elementor-widget-container{margin:10px 10px 10px 10px;padding:5px 5px 5px 5px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4d462f5 );}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post{border-style:solid;border-width:0px 0px 0px 0px;}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__text{padding:10px 5px 10px 5px;}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post:hover{background-color:var( --e-global-color-d49ac81 );}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title, .elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title a{color:var( --e-global-color-secondary );font-family:"Lato-Regular", Sans-serif;font-size:14px;font-weight:400;text-transform:none;line-height:1em;letter-spacing:0px;word-spacing:0px;}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title{margin-bottom:1px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11648 .elementor-element.elementor-element-6de1a00{--content-width:1120px;}}@media(max-width:1024px){.elementor-11648 .elementor-element.elementor-element-e63f1b9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11648 .elementor-element.elementor-element-e63f1b9 .elementor-heading-title{font-size:25px;line-height:1.5em;}.elementor-11648 .elementor-element.elementor-element-510e399{--grid-row-gap:5px;--grid-column-gap:10px;}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title, .elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title a{font-size:15px;}}@media(max-width:767px){.elementor-11648 .elementor-element.elementor-element-e63f1b9 .elementor-heading-title{font-size:19px;line-height:1.4em;letter-spacing:0px;word-spacing:0em;}.elementor-11648 .elementor-element.elementor-element-510e399{--grid-row-gap:2px;--grid-column-gap:10px;}.elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title, .elementor-11648 .elementor-element.elementor-element-510e399 .elementor-post__title a{font-size:14px;}}/* Start custom CSS for html, class: .elementor-element-5ff32ad7 */.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-d89d552 */.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 for posts, class: .elementor-element-510e399 */.elementor-post:hover {
    background-color: #dcdcde !important;
}/* 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 */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Lato-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.motor-elektrik-bvs.de/wp-content/uploads/2024/02/lato-regular.woff2') format('woff2');
}
/* End Custom Fonts CSS */