.elementor-kit-5{--e-global-color-primary:#000000;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#000000;--e-global-color-accent:#144734;--e-global-color-bbafbd9:#FFFFFF;--e-global-color-d42abdf:#FFFFFF;--e-global-color-5903173:#9B1600;--e-global-color-04b22a4:#F19A00;--e-global-typography-primary-font-family:"MontSerrat";--e-global-typography-primary-font-size:110px;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Maven Pro";--e-global-typography-secondary-font-weight:200;--e-global-typography-text-font-family:"Maven Pro";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.7em;--e-global-typography-accent-font-family:"Maven Pro";--e-global-typography-accent-font-weight:400;--e-global-typography-8019869-font-family:"Maven Pro";--e-global-typography-8019869-font-size:clamp(1rem, 0.7384rem + 0.5457vw, 1.25rem);--e-global-typography-8019869-font-weight:800;--e-global-typography-8019869-text-transform:uppercase;--e-global-typography-8019869-letter-spacing:10px;--e-global-typography-bd87988-font-family:"Maven Pro";--e-global-typography-bd87988-font-size:clamp(1.125rem, 0.778vw + 0.752rem, 1.25rem);--e-global-typography-bd87988-font-weight:700;--e-global-typography-bd87988-text-transform:lowercase;--e-global-typography-bd87988-line-height:26px;--e-global-typography-bd87988-letter-spacing:0px;--e-global-typography-b4fc973-font-family:"Maven Pro";--e-global-typography-b4fc973-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-b4fc973-font-weight:700;--e-global-typography-b4fc973-letter-spacing:-2.5px;--e-global-typography-b6eacfa-font-family:"Maven Pro";--e-global-typography-b6eacfa-font-size:clamp(1.5rem, 0.424rem + 1.681vw, 2rem);--e-global-typography-b6eacfa-font-weight:700;--e-global-typography-b6eacfa-line-height:30px;--e-global-typography-b6eacfa-letter-spacing:-2.5px;--e-global-typography-da74f27-font-family:"Maven Pro";--e-global-typography-da74f27-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-da74f27-font-weight:700;--e-global-typography-da74f27-line-height:32px;--e-global-typography-da74f27-letter-spacing:-1.5px;--e-global-typography-49d46a4-font-family:"Maven Pro";--e-global-typography-49d46a4-font-size:clamp(3.75rem, -1.8567rem + 11.6959vw, 7.5rem);--e-global-typography-49d46a4-font-weight:700;--e-global-typography-49d46a4-text-transform:lowercase;--e-global-typography-49d46a4-line-height:1em;--e-global-typography-49d46a4-letter-spacing:-2px;--e-global-typography-1d1c9c8-font-family:"Maven Pro";--e-global-typography-1d1c9c8-font-size:clamp(2.8125rem, -1.3925rem + 8.7719vw, 5.625rem);--e-global-typography-1d1c9c8-font-weight:700;--e-global-typography-1d1c9c8-line-height:1em;--e-global-typography-1d1c9c8-letter-spacing:-2px;--e-global-typography-a204be2-font-family:"Maven Pro";--e-global-typography-a204be2-font-size:clamp(1.40625rem, -0.6963rem + 4.386vw, 2.8125rem);--e-global-typography-a204be2-font-weight:300;--e-global-typography-a204be2-text-transform:lowercase;--e-global-typography-a204be2-line-height:1em;--e-global-typography-a204be2-letter-spacing:-2px;background-color:var( --e-global-color-bbafbd9 );font-size:1.1vw;--e-page-transition-entrance-animation:e-page-transition-slide-out-left;--e-page-transition-exit-animation:e-page-transition-slide-in-right;--e-page-transition-animation-duration:1000ms;--e-preloader-animation-duration:1000ms;--e-preloader-delay:0ms;--e-preloader-color:var( --e-global-color-secondary );--e-preloader-size:60px;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:#F2F2F2;font-family:"HKGrotesk", Sans-serif;font-size:15px;text-transform:uppercase;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:#F2F2F2;}.elementor-kit-5 e-page-transition{background-color:var( --e-global-color-primary );}.elementor-kit-5 h1{color:var( --e-global-color-primary );font-family:"MontSerrat", Sans-serif;font-size:4.5vw;font-weight:700;}.elementor-kit-5 h2{color:var( --e-global-color-primary );font-family:"MontSerrat", Sans-serif;font-size:42px;font-weight:600;}.elementor-kit-5 h3{color:var( --e-global-color-primary );font-family:"MontSerrat", Sans-serif;font-size:30px;font-weight:600;}.elementor-kit-5 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1400px;}.e-con{--container-max-width:1400px;--container-default-padding-top:150px;--container-default-padding-right:0px;--container-default-padding-bottom:150px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:50px;}.elementor-element{--widgets-spacing:50px 50px;--widgets-spacing-row:50px;--widgets-spacing-column:50px;}@media(max-width:1024px){.elementor-kit-5{--e-global-typography-text-font-size:clamp(1rem, 0.627rem + 0.778vw, 1.125rem);--e-global-typography-8019869-font-size:clamp(1rem, 0.7384rem + 0.5457vw, 1.25rem);--e-global-typography-bd87988-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-bd87988-line-height:26px;--e-global-typography-b4fc973-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-b6eacfa-font-size:clamp(1.5rem, 0.424rem + 1.681vw, 2rem);--e-global-typography-da74f27-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-da74f27-line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-text-font-size:clamp(1rem, 0.627rem + 0.778vw, 1.125rem);--e-global-typography-8019869-font-size:clamp(1rem, 0.7384rem + 0.5457vw, 1.25rem);--e-global-typography-8019869-letter-spacing:6px;--e-global-typography-bd87988-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-bd87988-line-height:26px;--e-global-typography-b4fc973-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-b6eacfa-font-size:clamp(1.5rem, 0.424rem + 1.681vw, 2rem);--e-global-typography-b6eacfa-line-height:24px;--e-global-typography-da74f27-font-size:clamp(1.25rem, 0.504rem + 1.556vw, 1.5rem);--e-global-typography-da74f27-line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.thin {
    font-weight: 200;
}
.openeyes-button .elementor-button.elementor-button-link.elementor-size-sm {
    height: 100px;
    width: 100px;
    max-height: 100px;
    max-width: 100px;
    display: inline-flex;
    padding: 20px;
    align-items: center;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    font-family: Maven Pro;
    border-radius: 50px;
    font-weight: 700 !important;
}

.openeyes-menu .elementor-button.elementor-button-link.elementor-size-sm {
    height: auto;
    width: auto;
}

body {
background-color: #FFFFFF;
transition: background-color 1s ease;
}

.color-black {
    background-color: #000000 !important;
}
.color-white {
    background-color: #FFFFFF !important;
}

/* Der benutzerdefinierte Cursor */
.custom-cursor {
  position: fixed;              /* Fixiert den Cursor im Viewport, unabhängig vom Scrollen */
  width: 30px;                  /* Standardgröße des Cursors */
  height: 30px;                 /* Standardgröße des Cursors */
  background-color: black;      /* Schwarzer Hintergrund */
  border-radius: 50%;           /* Rund */
  pointer-events: none;         /* Verhindert, dass der Cursor mit anderen Elementen interagiert */
  transform: translate(-50%, -50%); /* Cursor zentriert auf der Mausposition */
  z-index: 9999;                /* Sicherstellen, dass der Cursor über allen anderen Inhalten ist */
  visibility: visible;          /* Cursor immer sichtbar */
  display: flex;               /* Sicherstellen, dass der Cursor angezeigt wird */
  mix-blend-mode: difference;   /* Erzeugt den Farbunterschiedseffekt für den Cursor */
  transition: transform 0.2s ease-in-out;
}

.custom-cursor.hover {
  transform: translate(-50%, -50%) scale(3); /* Vergrößert den Cursor */
    display: flex;                /* Flexbox für zentrierten Text */
  justify-content: center;      /* Horizontale Zentrierung des Textes */
  align-items: center;          /* Vertikale Zentrierung des Textes */
  text-align: center;
  font-size: 4px;
  padding: 5px;
  font-family: Maven Pro;
  font-weight: 700;
  color: white !important;
  background-color: black !important;      /* Hintergrund bleibt schwarz */
  mix-blend-mode: normal;
  cursor: none !important; /* Verbirgt den Standard-Cursor */
  opacity: 1;
}

.custom-cursor.hover-1 {
  transform: translate(-50%, -50%) scale(3); /* Vergrößert den Cursor */
    display: flex;                /* Flexbox für zentrierten Text */
  justify-content: center;      /* Horizontale Zentrierung des Textes */
  align-items: center;          /* Vertikale Zentrierung des Textes */
  color: white !important;
  background-color: white !important;
}

#scroll-container {
  overflow: auto; /* Damit das Scrollen funktioniert */
  height: 100vh;  /* Volle Höhe des Viewports */
}

.openeyes-story:hover,
.openeyes-video:hover {
  cursor: none; /* Verbirgt den Standard-Cursor innerhalb dieser Bereiche */
}

@media (hover: none) and (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
}

.elementor-headline.e-animated svg path {
    animation-delay: 1.5s;
}

.openeyes-image {
.openeyes-image {
  display: block; /* Sicherstellen, dass das Bild sichtbar bleibt */
  position: absolute; /* Für den Parallax-Effekt */
  top: 0;
  left: 0;
  width: 120%; /* Bild füllt den Container */
  height: 120%; /* Seitenverhältnis bleibt erhalten */
  object-fit: cover; /* Zuschneiden ohne Verzerrung */
   will-change: transform;
   max-width: none !important;
  max-height: none !important;
  transform: translateY(0);
}


.openeyes-container {
  position: relative; /* Container bleibt der Bezugspunkt für das Bild */
  overflow: hidden; /* Begrenze das Bild innerhalb des Containers */
  width: auto !important;
  height: auto !important;
}

.elementor-element.openeyes-image img {
    transform: scale(1.6) !important;
}

.img-block {
    right: 0 !important;
    top: 0 !important;
    width: 40% !important;
    position: absolute !important;
    height: 100% !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'MontSerrat';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2023/09/Montserrat-BlackItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Maven Pro';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://unskript.de/wp-content/uploads/2024/03/MavenPro-Black.ttf') format('truetype');
}
/* End Custom Fonts CSS */