.elementor-32 .elementor-element.elementor-element-b8c07f0{--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-32 .elementor-element.elementor-element-b8c07f0::before, .elementor-32 .elementor-element.elementor-element-b8c07f0 > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-b8c07f0 > .e-con-inner > .elementor-background-video-container::before, .elementor-32 .elementor-element.elementor-element-b8c07f0 > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-b8c07f0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-32 .elementor-element.elementor-element-b8c07f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-32 .elementor-element.elementor-element-feafccf{--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-32 .elementor-element.elementor-element-cd3c571 .elementor-heading-title{font-family:"Neue Montreal", Sans-serif;font-size:5rem;font-weight:600;letter-spacing:-0.02em;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:769px){.elementor-32 .elementor-element.elementor-element-feafccf{--content-width:1600px;}}@media(max-width:1600px){.elementor-32 .elementor-element.elementor-element-b8c07f0{--padding-top:10em;--padding-bottom:5em;--padding-left:3em;--padding-right:3em;}.elementor-32 .elementor-element.elementor-element-cd3c571 .elementor-heading-title{font-size:4rem;line-height:1.2em;letter-spacing:0em;}}@media(max-width:1024px){.elementor-32 .elementor-element.elementor-element-b8c07f0{--padding-top:10em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-32 .elementor-element.elementor-element-cd3c571 .elementor-heading-title{font-size:2.5rem;letter-spacing:0em;}}@media(max-width:768px){.elementor-32 .elementor-element.elementor-element-b8c07f0{--padding-top:8em;--padding-bottom:3em;--padding-left:1em;--padding-right:1em;}.elementor-32 .elementor-element.elementor-element-feafccf{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-cd3c571 .elementor-heading-title{font-size:1.8rem;letter-spacing:0em;}}/* Start custom CSS for container, class: .elementor-element-b8c07f0 */.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: 'Neue Montreal';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-Italic.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Neue Montreal';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://mediafrosch.de/wp-content/uploads/2025/10/NeueMontreal-BoldItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */