.elementor-kit-1706{--e-global-color-primary:#000000;--e-global-color-secondary:#F4F4F4;--e-global-color-text:#F8F8F8;--e-global-color-accent:#000000;--e-global-color-3f9c9da:#F6F9FA;--e-global-color-86ba28e:#F8F8F8;--e-global-color-2333ec9:#01D6FB;--e-global-color-ccc978a:#0082D2;--e-global-color-2421a39:#00F5DC;--e-global-color-6358308:#003F66;--e-global-color-8f6fe23:#002C47;--e-global-color-1c840f1:#0000007A;--e-global-color-c64083c:#FFFFFF7A;--e-global-color-2b501c2:#D8F3FF;--e-global-color-6742269:#2E6157;--e-global-color-5895870:#525252;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Quicksand";--e-global-typography-secondary-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Quicksand";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:26px;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:600;--e-global-typography-31d3e02-font-family:"Quicksand";--e-global-typography-31d3e02-font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);--e-global-typography-6f7dbda-font-family:"Quicksand";--e-global-typography-6f7dbda-font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);--e-global-typography-09bd9c8-font-family:"Quicksand";--e-global-typography-09bd9c8-font-size:1rem;--e-global-typography-f5ae1ca-font-family:"Quicksand";--e-global-typography-f5ae1ca-font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);--e-global-typography-39afc9b-font-family:"Quicksand";--e-global-typography-39afc9b-font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);--e-global-typography-135de35-font-family:"Quicksand";--e-global-typography-135de35-font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);--e-global-typography-6b31890-font-family:"Quicksand";--e-global-typography-6b31890-font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);--e-global-typography-7608d7e-font-size:clamp(1.2rem, 1.1769rem + 0.1026vw, 1.25rem);--e-global-typography-4334535-font-size:1.2rem;font-size:1.125rem;}.elementor-kit-1706 button,.elementor-kit-1706 input[type="button"],.elementor-kit-1706 input[type="submit"],.elementor-kit-1706 .elementor-button{background-color:#000000;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:5px 5px 5px 5px;}.elementor-kit-1706 button:hover,.elementor-kit-1706 button:focus,.elementor-kit-1706 input[type="button"]:hover,.elementor-kit-1706 input[type="button"]:focus,.elementor-kit-1706 input[type="submit"]:hover,.elementor-kit-1706 input[type="submit"]:focus,.elementor-kit-1706 .elementor-button:hover,.elementor-kit-1706 .elementor-button:focus{background-color:#7A7A7A;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#7A7A7A;border-radius:5px 5px 5px 5px;}.elementor-kit-1706 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1706 a{font-family:"Quicksand", Sans-serif;}.elementor-kit-1706 h1{font-family:"Quicksand", Sans-serif;font-size:clamp(3rem, 2.5385rem + 2.0513vw, 4rem);}.elementor-kit-1706 h2{font-family:"Quicksand", Sans-serif;font-size:clamp(2.4rem, 2.1231rem + 1.2308vw, 3rem);}.elementor-kit-1706 h3{font-family:"Quicksand", Sans-serif;font-size:clamp(2.1rem, 1.9154rem + 0.8205vw, 2.5rem);}.elementor-kit-1706 h4{font-family:"Quicksand", Sans-serif;font-size:clamp(1.8rem, 1.7077rem + 0.4103vw, 2rem);}.elementor-kit-1706 h5{font-family:"Quicksand", Sans-serif;font-size:clamp(1.6rem, 1.5308rem + 0.3077vw, 1.75rem);}.elementor-kit-1706 h6{font-family:"Quicksand", Sans-serif;font-size:clamp(1.4rem, 1.3538rem + 0.2051vw, 1.5rem);}.elementor-kit-1706 img{border-radius:10px 10px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:50px;--container-default-padding-right:0px;--container-default-padding-bottom:50px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ─────────  1. Vars you’ll probably tweak  ───────── */
.rotating-headline{
  --word-count:4;                         /* total words inside .rotator   */
  --speed:8s;                             /* full cycle duration           */
  --easing:cubic-bezier(.7,0,.3,1);       /* overall feel of the slide     */
}

/* ─────────  2. Base headline styling (optional)  ───────── */
.rotating-headline{
  font-size:clamp(2rem,4vw,3.5rem);
  font-weight:700;
  line-height:1.2;
  margin:0;
}

/* ─────────  3. Rotator layout  ───────── */
.rotating-headline .rotator{
  display:inline-block;
  position:relative;
  overflow:hidden;        /* hides the sliding words          */
  height:1em;             /* ≈ same as line‑height            */
  vertical-align:bottom;
}

.rotating-headline .rotator span{
  position:absolute;
  inset:0 0 auto 0;       /* stack each word exactly centered */
  transform:translateY(100%);
  opacity:0;
  animation:slide var(--speed) var(--easing) infinite;
}

/* ─────────  4. Staggered delays so words take turns  ───────── */
/* duplicate more lines if you go beyond five words              */
.rotating-headline .rotator span:nth-child(1){animation-delay:0s;}
.rotating-headline .rotator span:nth-child(2){animation-delay:calc(var(--speed)/var(--word-count));}
.rotating-headline .rotator span:nth-child(3){animation-delay:calc(2*var(--speed)/var(--word-count));}
.rotating-headline .rotator span:nth-child(4){animation-delay:calc(3*var(--speed)/var(--word-count));}
.rotating-headline .rotator span:nth-child(5){animation-delay:calc(4*var(--speed)/var(--word-count));}

/* ─────────  5. Keyframes  ───────── */
@keyframes slide{
  0%   {transform:translateY(100%); opacity:0;}
  10%  {transform:translateY(0);   opacity:1;}   /* slide into place   */
  35%  {transform:translateY(0);   opacity:1;}   /* stay visible       */
  45%  {transform:translateY(-100%);opacity:0;}  /* slide out upward   */
  100% {transform:translateY(-100%);opacity:0;}  /* off‑screen (loop)  */
}

/* ─────────  6. (Optional) Pause animation on hover ───────── */
.rotating-headline:hover .rotator span{animation-play-state:paused;}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Quicksand';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('http://michmedia.de/wp-content/uploads/2025/03/Quicksand-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */