.elementor-4598 .elementor-element.elementor-element-1afc7f1{--display:flex;--position:absolute;--min-height:100vh;--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;--background-transition:0.3s;top:0px;--z-index:0;}.elementor-4598 .elementor-element.elementor-element-1afc7f1.e-con{--e-con-transform-scale:2;}.elementor-4598 .elementor-element.elementor-element-1afc7f1, .elementor-4598 .elementor-element.elementor-element-1afc7f1::before{--border-transition:0.3s;}body:not(.rtl) .elementor-4598 .elementor-element.elementor-element-1afc7f1{left:0px;}body.rtl .elementor-4598 .elementor-element.elementor-element-1afc7f1{right:0px;}.elementor-4598 .elementor-element.elementor-element-ae1077d{--display:flex;--min-height:0px;--gap:0px 0px;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-36c85e0 > .elementor-widget-container{--e-transform-scale:0.8;}body:not(.rtl) .elementor-4598 .elementor-element.elementor-element-36c85e0{left:-486px;}body.rtl .elementor-4598 .elementor-element.elementor-element-36c85e0{right:-486px;}.elementor-4598 .elementor-element.elementor-element-36c85e0{top:165px;z-index:10;}.elementor-4598 .elementor-element.elementor-element-9834915 > .elementor-widget-container{--e-transform-scale:1;}body:not(.rtl) .elementor-4598 .elementor-element.elementor-element-9834915{left:-165px;}body.rtl .elementor-4598 .elementor-element.elementor-element-9834915{right:-165px;}.elementor-4598 .elementor-element.elementor-element-9834915{top:-21px;z-index:10;}.elementor-4598 .elementor-element.elementor-element-0e22950 > .elementor-widget-container{--e-transform-scale:1.35;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4598 .elementor-element.elementor-element-0e22950{z-index:1;}.elementor-4598 .elementor-element.elementor-element-0e22950.elementor-widget-bdt-animated-heading{text-align:center;}.elementor-4598 .elementor-element.elementor-element-0e22950 .bdt-heading .bdt-heading-tag *{color:#FFFFFF;}.elementor-4598 .elementor-element.elementor-element-0e22950 .bdt-heading .bdt-heading-tag{font-family:"AnzeigenGroTOT", Sans-serif;font-size:200px;}.elementor-4598 .elementor-element.elementor-element-d76be83{--display:flex;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-07060a4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4598 .elementor-element.elementor-element-04c1baa > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:-135px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4598 .elementor-element.elementor-element-6dc7ddf{--display:flex;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-69000c9 .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-4598 .elementor-element.elementor-element-57b6027{--spacer-size:65px;}.elementor-4598 .elementor-element.elementor-element-86a16ab{z-index:1;text-align:center;font-family:"Neue Haas Grotesk Display Pro 75 Bold", Sans-serif;}.elementor-4598 .elementor-element.elementor-element-711c57c{--spacer-size:84px;}.elementor-4598 .elementor-element.elementor-element-57e430e.elementor-element{--align-self:center;}.elementor-4598 .elementor-element.elementor-element-57e430e{z-index:1;}.elementor-4598 .elementor-element.elementor-element-6f4f428{--spacer-size:81px;}.elementor-4598 .elementor-element.elementor-element-f93a690{--display:flex;--background-transition:0.3s;--z-index:0;}.elementor-4598 .elementor-element.elementor-element-96b948f{width:100%;max-width:100%;}.elementor-4598 .elementor-element.elementor-element-4b8fe61{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-17354fb{--spacer-size:50px;width:100%;max-width:100%;}.elementor-4598 .elementor-element.elementor-element-6fa563e{--display:flex;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-c562ee3{width:100%;max-width:100%;}.elementor-4598 .elementor-element.elementor-element-54290ab{--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;--background-transition:0.3s;}.elementor-4598 .elementor-element.elementor-element-fd55b28{--spacer-size:50px;width:100%;max-width:100%;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS for image, class: .elementor-element-36c85e0 */@keyframes drawImage {
  0% {
    clip-path: inset(0 100% 0 0); 
  }
  100% {
    clip-path: inset(0 0 0 0); 
  }
}

.your-image-class {
  display: block;
  width: 100%; 
  height: auto; 
  opacity: 0; 
  animation: drawImage 2s ease-in-out forwards 3.5s, fadeIn 0s linear 3.5s forwards; 
  overflow: hidden; 
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-9834915 */@keyframes drawImage {
  0% {
    clip-path: inset(0 100% 0 0); 
  }
  100% {
    clip-path: inset(0 0 0 0); 
  }
}

.brushstrokeoval {
  display: block;
  width: 100%; 
  height: auto; 
  opacity: 0; 
  animation: fadeIn 0s 4s forwards, drawImage 5.5s 3s ease-in-out forwards; 
  overflow: hidden; 
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-07060a4 */@keyframes dropInFromFront {
  0% {
    transform: translateZ(200px) scale(2);
    filter: blur(30px);
    opacity: 0;
  }
  100% {
    transform: translateZ(0) scale(1);
    filter: blur(0);
    opacity: 1;
  }
}

body, html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

.animated-text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  overflow: visible;
}

.animated-text {
  font-family: 'AnzeigenGroTOT', sans-serif;
  color: #ff5100;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: calc(100vw - 60px); /* Leave a 20px gap on each side */
  font-size: calc(112vh - 100px); /* Adjust font size to fit within the viewport height */
  overflow: visible;
  white-space: nowrap;
}

.animated-text span {
  display: inline-block;
  opacity: 0;
  animation: dropInFromFront 3.5s forwards;
}

.animated-text span:nth-child(1) {
  animation-delay: 0.1s;
}

.animated-text span:nth-child(2) {
  animation-delay: 0.3s;
}

.animated-text span:nth-child(3) {
  animation-delay: 0.5s;
}

.animated-text span:nth-child(4) {
  animation-delay: 0.7s;
}

.animated-text span:nth-child(5) {
  animation-delay: 0.9s;
  
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-86a16ab *//* Style for the text widget */
.custom-text {
    color: white; /* Set the default text color to white */
}

/* Style for the plus signs */
.custom-text .highlight-plus {
    color: #ffe800;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6dc7ddf *//* Round the edges of the Vimeo video player */
.rounded-video iframe {
    border-radius: 15px; /* Adjust the radius as needed */
}/* End custom CSS */
/* Start custom CSS */.hello-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 60px;
  border: 1px solid white;
  border-radius: 50px;
  color: white;
  font-size: 35px;
  text-align: center;
  width: 300px; /* Fixed width */
  height: 100px; /* Fixed height */
  overflow: hidden; /* Prevent text from going outside */
}

#hello-text {
  white-space: nowrap;
}


.custom-section {
  position: relative;
  text-align: center;
  color: white;
  font-family: 'AnzeigenGroTOT', sans-serif;
  height: 100vh; /* Full viewport height */
  overflow: hidden;
  perspective: 1000px; /* Add perspective for 3D effect */
}

.image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3; /* Ensure the image is below the text */
  display: flex;
  justify-content: center;
  align-items: center;
}

.rotating-image {
  width: 100%; /* Adjust the size as needed */
  height: auto;
  transition: transform 0.1s;
  opacity: 0.9; /* Fake transparency */
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5)); /* Fake 3D shadow effect */
  transform-style: preserve-3d; /* Enable 3D transformations */
}

.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  z-index: 0; /* Ensure the text is above the image */
}

.text-overlay p {
  margin: 0;
  font-size: 10vw; /* Larger responsive font size */
  line-height: 0.8; /* Adjust line height */
}

.text-overlay .line-1 {
  color: white;
  padding-bottom: 1px; /* Reduce padding between lines */
}

.text-overlay .line-2, .text-overlay .line-3 {
  color: #ffe800;
  padding-top: 1px; /* Reduce padding between lines */
}

/* Animation Keyframes */
@keyframes drawImage {
  0% {
    clip-path: inset(0 100% 0 0); /* Start with the image fully hidden */
  }
  100% {
    clip-path: inset(0 0 0 0); /* Reveal the entire image */
  }
}

.your-image-class2 {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0; /* Initially hide the image */
  animation: fadeIn 0s 8s forwards, drawImage 10.5s 8s ease-in-out forwards; /* Add 8s delay and fade-in effect */
  overflow: hidden; /* Ensure the clipped area does not overflow */
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'AnzeigenGroTOT';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://testserver.kskygroup.com/wp-content/uploads/2024/06/AnzeigenGroTOT.woff') format('woff');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Neue Haas Grotesk Display Pro 75 Bold';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://testserver.kskygroup.com/wp-content/uploads/2024/07/Neue-Haas-Grotesk-Display-Pro-75-Bold.woff') format('woff');
}
/* End Custom Fonts CSS */