.elementor-22 .elementor-element.elementor-element-ed4e34c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--padding-top:10em;--padding-bottom:5em;--padding-left:5em;--padding-right:5em;}.elementor-22 .elementor-element.elementor-element-ed4e34c::before, .elementor-22 .elementor-element.elementor-element-ed4e34c > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-ed4e34c > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-ed4e34c > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-ed4e34c > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-ed4e34c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-22 .elementor-element.elementor-element-22ce1c3{--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;}.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-22 .elementor-element.elementor-element-34bbc3f .elementor-heading-title{font-family:"Inter Tight", Sans-serif;font-size:4rem;font-weight:600;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-22 .elementor-element.elementor-element-22ce1c3{--content-width:1600px;}}@media(max-width:1600px){.elementor-22 .elementor-element.elementor-element-ed4e34c{--padding-top:10em;--padding-bottom:5em;--padding-left:3em;--padding-right:3em;}.elementor-22 .elementor-element.elementor-element-34bbc3f .elementor-heading-title{font-size:4rem;line-height:1.2em;letter-spacing:0em;}}@media(max-width:1024px){.elementor-22 .elementor-element.elementor-element-ed4e34c{--padding-top:10em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-22 .elementor-element.elementor-element-34bbc3f .elementor-heading-title{font-size:2.5rem;letter-spacing:0em;}}@media(max-width:768px){.elementor-22 .elementor-element.elementor-element-ed4e34c{--padding-top:8em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-22 .elementor-element.elementor-element-22ce1c3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-34bbc3f .elementor-heading-title{font-size:1.8rem;letter-spacing:0em;}}/* Start custom CSS for container, class: .elementor-element-ed4e34c */.number2 {
    font-size: 1.8rem;
    font-weight: 500;
    vertical-align: super;
    vertical-align: middle;
    margin-right: 10px;
}

.img-one { 
    display: none;   
    position: absolute;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 10;
}

.text1:hover .img-one {
    display: block;
	position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.text1:hover  {
    cursor: pointer;
    background-color: transparent!important;
    transition:all 0.5s ease-out;
}

.text1:hover .paragraph-scroll  {
     color: #222 !important;
}

.text1:hover .elementor-heading-title  {
     color: #222!important;
}
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
  }
  .text1:hover   {
    cursor: pointer;
    background-color: transparent;
  }
  .text1:hover .paragraph-scroll  {
     color: #222 !important;
  }
  .text1:hover .elementor-heading-title  {
     color: #222 !important;
}
}

.img-one { 
    display: none;   
    position: absolute;
    object-fit: contain;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
    z-index: 10;
}

.text2:hover .img-one {
    display: block;
	position: absolute;
    z-index: 1;
    cursor: pointer;
    transition: all 0.5s ease-out;
}

.text2:hover  {
/*you can remove the cursor pointer property & value if you don't 
want your containers clickable*/
    cursor: pointer;
    background-color: #222!important;
    transition:all 0.5s ease-out;
}

.text2:hover .paragraph-scroll  {
     color: #fff !important;
}

.text2:hover .elementor-heading-title  {
     color: #fff!important;
}
@media only screen and (max-width: 768px) {
  .img-one {
/*made a correction, from block change to inline*/
    display: inline;
  }
  .text1:hover   {
    cursor: pointer;
    background-color: transparent;
  }
  .text1:hover .paragraph-scroll  {
     color: #222 !important;
  }
  .text1:hover .elementor-heading-title  {
     color: #222 !important;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-ThinItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-ExtraLight.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-ExtraLightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-ExtraBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Inter Tight';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/11/InterTight-BlackItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */