.elementor-6117 .elementor-element.elementor-element-605a538{--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-6117 .elementor-element.elementor-element-605a538:not(.elementor-motion-effects-element-type-background), .elementor-6117 .elementor-element.elementor-element-605a538 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-6117 .elementor-element.elementor-element-752c7d1 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;}body:not(.rtl) .elementor-6117 .elementor-element.elementor-element-752c7d1{left:0px;}body.rtl .elementor-6117 .elementor-element.elementor-element-752c7d1{right:0px;}.elementor-6117 .elementor-element.elementor-element-752c7d1{top:-1px;}.elementor-6117 .elementor-element.elementor-element-6f09e90{--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-6117 .elementor-element.elementor-element-c01a2d3{--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-6117 .elementor-element.elementor-element-fe631cf{--display:flex;--margin-top:5%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--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-6117 .elementor-element.elementor-element-a666cc4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-6117 .elementor-element.elementor-element-a666cc4 .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-6117 .elementor-element.elementor-element-605a538{--width:100%;}}@media(max-width:1024px){.elementor-6117 .elementor-element.elementor-element-605a538{--min-height:8vh;--margin-top:0;--margin-bottom:0;--margin-left:0;--margin-right:0;}.elementor-6117 .elementor-element.elementor-element-6f09e90{--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6117 .elementor-element.elementor-element-c01a2d3{--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6117 .elementor-element.elementor-element-fe631cf{--margin-top:08%;--margin-bottom:20%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:4%;--padding-right:04%;}}@media(max-width:767px){.elementor-6117 .elementor-element.elementor-element-605a538{--min-height:calc(6vh);--margin-top:0vh;--margin-bottom:0vh;--margin-left:0;--margin-right:0;}.elementor-6117 .elementor-element.elementor-element-6f09e90{--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-6117 .elementor-element.elementor-element-c01a2d3{--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-6117 .elementor-element.elementor-element-fe631cf{--margin-top:015%;--margin-bottom:020%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:25%;--padding-left:6%;--padding-right:6%;}}/* Start custom CSS for html, class: .elementor-element-9f4c8e1 *//* 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-605a538 */.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-17de03e *//* Animation für linkslaufenden Text */
@keyframes marquee-left {
    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-left 15s 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;
}

.arrow {
  font-family: 'GFS Neohellenic', sans-serif !important;
  font-weight: bold;
  vertical-align: 4%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa714a8 */.small-heading {
  padding-left: 1.2em;     /* Platz für das > */
  text-indent: -1.2em;     /* holt das > zurück nach links */
  line-height: 1.6;
}

.custom-arrow {
  font-family: 'GFS Neohellenic', sans-serif;
  font-weight: bold;
  font-size: clamp(1rem, 1.3vw, 2rem);
  
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a666cc4 */.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 */