.elementor-2188 .elementor-element.elementor-element-a265701{--display:flex;--justify-content:flex-end;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;}.elementor-2188 .elementor-element.elementor-element-a265701:not(.elementor-motion-effects-element-type-background), .elementor-2188 .elementor-element.elementor-element-a265701 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-2188 .elementor-element.elementor-element-6836be1 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}body:not(.rtl) .elementor-2188 .elementor-element.elementor-element-6836be1{left:0px;}body.rtl .elementor-2188 .elementor-element.elementor-element-6836be1{right:0px;}.elementor-2188 .elementor-element.elementor-element-6836be1{top:-1px;}.elementor-2188 .elementor-element.elementor-element-07826fb{--display:flex;--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:4%;}.elementor-2188 .elementor-element.elementor-element-769a0a6{--display:flex;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:04%;--padding-right:04%;}.elementor-2188 .elementor-element.elementor-element-85d1843{--display:flex;--margin-top:5%;--margin-bottom:00%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:10%;--padding-left:04%;--padding-right:04%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2188 .elementor-element.elementor-element-900d302 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2188 .elementor-element.elementor-element-900d302 .elementor-heading-title{font-family:"Monument-grotesk-mono", Sans-serif;font-size:clamp(1rem, 1.2vw, 2rem);font-weight:400;color:var( --e-global-color-accent );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2188 .elementor-element.elementor-element-a265701{--width:100%;}}@media(max-width:1024px){.elementor-2188 .elementor-element.elementor-element-a265701{--min-height:8vh;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;}.elementor-2188 .elementor-element.elementor-element-07826fb{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2188 .elementor-element.elementor-element-769a0a6{--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-2188 .elementor-element.elementor-element-85d1843{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:20%;--padding-left:4%;--padding-right:04%;}}@media(max-width:767px){.elementor-2188 .elementor-element.elementor-element-a265701{--min-height:calc(6vh);--margin-top:0vh;--margin-bottom:0vh;--margin-left:0;--margin-right:0;}.elementor-2188 .elementor-element.elementor-element-07826fb{--margin-top:025%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-2188 .elementor-element.elementor-element-769a0a6{--margin-top:10%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:05%;--padding-right:04%;}.elementor-2188 .elementor-element.elementor-element-6c20692 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2188 .elementor-element.elementor-element-85d1843{--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:040%;--padding-left:6%;--padding-right:6%;}}/* Start custom CSS for html, class: .elementor-element-c437739 *//* Grundcontainer */
#diagonal-lines {
  position: fixed;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  overflow: visible;
  top: 0;
  left: 0;
}

/* Diagonale Länge berechnen (ca. 141% Höhe für Länge) */
.line {
  position: absolute;
  width: 1px;
  height: 200vh; /* ausreichende Länge */
  background-color: rgba(255, 255, 255, 0.2);
  transform: rotate(45deg);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  opacity: 0.6 !important;
}

/* Bildschirmdiagonale approximiert mit JavaScript (dynamisch) */
:root {
  --diagonal: 1500px; /* Default Wert, wird eventuell mit JS überschrieben */
}

/* Abstand 1/3 der Diagonale */
.line-1 {
  right: calc(30% + var(--diagonal) / 6); /* etwas rechts der Mitte */
  top: 0;
  animation-name: slideLine1;
  animation-duration: 10s; /* Gesamtdauer */
  animation-delay: 0s;
}

.line-2 {
  right: calc(50% - var(--diagonal) / 6); /* etwas links der Mitte */
  top: 0;
  animation-name: slideLine2;
  animation-duration: 10s;
  animation-delay: 0s; /* Zeitversetzt um Hälfte, damit immer 2 sichtbar */
}

.line-3 {
  right: calc(40% - var(--diagonal) / 6); /* etwas links der Mitte */
  top: 0;
  animation-name: slideLine3;
  animation-duration: 10s;
  animation-delay: 0s; /* Zeitversetzt um Hälfte, damit immer 2 sichtbar */
}


/* Keyframes für line-1 */
@keyframes slideLine1 {
  0% {
    transform: translate(100vw, 100vh) rotate(45deg);
    opacity: 0;
  }
  20%, 40% { /* Erste Verharr-Phase: gleiche Werte => keine Bewegung */
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
  }
  60%, 80% { /* Zweite Verharr-Phase: wieder gleiche Werte, andere Position */
    transform: translate(-50vw, -50vh) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(-100vw, -100vh) rotate(45deg);
    opacity: 0;
  }
}


/* Keyframes für line-2 - gleiche Bewegung, aber startet versetzt */
@keyframes slideLine2 {
  0% {
    transform: translate(100vw, 100vh) rotate(45deg);
    opacity: 0;
  }
  20%, 40% { /* Erste Verharr-Phase: gleiche Werte => keine Bewegung */
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
  }
  60%, 80% { /* Zweite Verharr-Phase: wieder gleiche Werte, andere Position */
    transform: translate(-50vw, -50vh) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(-100vw, -100vh) rotate(45deg);
    opacity: 0;
  }
}

/* Keyframes für line-2 - gleiche Bewegung, aber startet versetzt */
@keyframes slideLine3 {
  0% {
    transform: translate(100vw, 100vh) rotate(45deg);
    opacity: 0;
  }
  20%, 40% { /* Erste Verharr-Phase: gleiche Werte => keine Bewegung */
    transform: translate(0, 0) rotate(45deg);
    opacity: 1;
  }
  60%, 80% { /* Zweite Verharr-Phase: wieder gleiche Werte, andere Position */
    transform: translate(-50vw, -50vh) rotate(45deg);
    opacity: 1;
  }
  100% {
    transform: translate(-100vw, -100vh) rotate(45deg);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a265701 */.logo-banner {
    position: sticky ;
    z-index: 20;
    width: 100vw;
    height: 8vh;
    top: 8vh;
}

.logo-wrapper {
    
    position: relative;
    width: 100vw;
    top: 6vh;
    z-index: 21;
    overflow: visible;
    
}



.logo-wrapper svg {
    position: absolute;
    right: 14%;
    transform: translateY(-35%);
    width: 7% !important;
    height: auto !important;
    z-index: 30;
    overflow: visible;
    
    
}

@media (max-width: 768px) {
  
    .logo-banner {
     position: sticky;
     height: 7vh;
    z-index: 20;
    
    }

.logo-wrapper {
    
    position: relative;
    width: 100vw;
    z-index: 21;
    
}

.logo-wrapper svg {
    position: absolute;
    right: 20%;
    transform: translateY(-45%);
    width: 9% !important;
    height: auto !important;
    z-index: 30;
    
    
    
}
}


@media (max-width: 420px) {
   
    .logo-banner {
     position: sticky;
     height: 6vh;
    z-index: 20;
   top: 7vh !important;   
    }

.logo-wrapper {
    
    position: relative;
    width: 100vw;
    height: 6vh;
    top: 6vh;
    z-index: 21;
    
}

.logo-wrapper svg {
    position: absolute;
    right: 20%;
    transform: translateY(-55%);
    width: 14% !important;
    height: auto !important;
    z-index: 30;
    
    
    
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5268a20 *//* Animation für linkslaufenden Text */
@keyframes marquee-right {
    from {
        transform: translateX(0%);
    }
    to {
        transform: translateX(-100%);
    }
}

/* Dynamische Schriftgröße mit clamp */
.marquee-text2 {
    display: inline-block;
    white-space: nowrap; /* Kein Zeilenumbruch */
    font-family: 'Diatype-bold', sans-serif;
    font-size: clamp(1.2rem, 5vw, 5rem); /* Dynamische Größe */
    animation: marquee-right 30s linear infinite;
    color: white;
    position: relative; /* Für optionales Emoji */
}

/* Container */
.marquee-container {
    overflow: hidden; /* Versteckt überlaufenden Text */
    position: relative;
    width: 100%;
    white-space: nowrap;
    display: flex;
}

/* Optional: Emoji hinzufügen */
.emoji-after::after {
    content: "🤢"; /* Emoji einfügen */
    margin-left: 2.5vw;
}

@font-face {
    font-family: 'Diatype-bold';
    src: url('/wp-content/uploads/2024/11/Diatype-bold.woff2') format('woff2'),
         url('/wp-content/uploads/2024/11/Diatype-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-900d302 */.contact-arrow {
     font-family: 'GFS Neohellenic', sans-serif !important;
  font-weight: bold;
  font-size: clamp(1rem, 1.4vw, 2rem);
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Monument-grotesk-mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://omg-e-commerce.com/wp-content/uploads/2024/11/monument-grotesk-mono.woff2') format('woff2');
}
@font-face {
	font-family: 'Monument-grotesk-mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: ;
}
/* End Custom Fonts CSS */