.elementor-21 .elementor-element.elementor-element-3a44774{--display:flex;--min-height:100vh;--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:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;}.elementor-21 .elementor-element.elementor-element-3a44774::before, .elementor-21 .elementor-element.elementor-element-3a44774 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-3a44774 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-3a44774 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-3a44774 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-3a44774 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0000002E;--background-overlay:'';}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-5824afe .swiper-slide-bg{background-color:#833ca3;background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/Slider_Luxury-Travel_1.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-5824afe .elementor-background-overlay{background-color:#00000042;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-318312f .swiper-slide-bg{background-color:#4054b2;background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/Slider_Luxury-Travel_2.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-318312f .elementor-background-overlay{background-color:#00000042;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-a26d416 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/Slider_Luxury-Travel_3.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-a26d416 .elementor-background-overlay{background-color:#00000042;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-3e77c4a .swiper-slide-bg{background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/consul-weltreisen_travel_04.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-511e7fa .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/Slider-Luxury-Travel_5.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-511e7fa .elementor-background-overlay{background-color:#00000042;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-a3a092c .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/09/Slider_Luxury-Travel_6.jpg);background-size:cover;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-repeater-item-a3a092c .elementor-background-overlay{background-color:#00000042;}.elementor-21 .elementor-element.elementor-element-2efe808 .swiper-slide{transition-duration:calc(5000ms*1.2);height:100vh;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-slide-button:hover{background-color:var( --e-global-color-f411537 );}.elementor-21 .elementor-element.elementor-element-2efe808 .swiper-slide-contents{max-width:50%;}.elementor-21 .elementor-element.elementor-element-2efe808 .swiper-slide-inner{text-align:center;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-slide-heading{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:45px;font-weight:500;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-slide-description{color:#FFFFFF;font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:400;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-slide-button{font-family:"Montserrat", Sans-serif;font-size:24px;font-weight:500;border-radius:0px;}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-swiper-button{font-size:40px;color:var( --e-global-color-f411537 );}.elementor-21 .elementor-element.elementor-element-2efe808 .elementor-swiper-button svg{fill:var( --e-global-color-f411537 );}.elementor-21 .elementor-element.elementor-element-2efe808 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:var( --e-global-color-0c83376 );opacity:var( --e-global-color-0c83376 );}.elementor-21 .elementor-element.elementor-element-2efe808 .swiper-pagination-bullet-active{background-color:var( --e-global-color-f411537 );}.elementor-21 .elementor-element.elementor-element-70ba274{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-21 .elementor-element.elementor-element-2d4982a.elementor-element{--align-self:center;}.elementor-21 .elementor-element.elementor-element-2d4982a{text-align:center;}.elementor-21 .elementor-element.elementor-element-2d4982a img{width:60%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-65adcf8{text-align:center;}.elementor-21 .elementor-element.elementor-element-65adcf8 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:500;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-2aab4ea > .elementor-widget-container{padding:0vw 10vw 0vw 10vw;}.elementor-21 .elementor-element.elementor-element-2aab4ea{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-35fd612 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-21 .elementor-element.elementor-element-35fd612{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-cf91fcc{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8525691{--display:flex;}.elementor-21 .elementor-element.elementor-element-ea98c83{--display:flex;}.elementor-21 .elementor-element.elementor-element-5de55bc{--display:flex;}.elementor-21 .elementor-element.elementor-element-509ff2b{--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-21 .elementor-element.elementor-element-d7f7ecf{--display:flex;}.elementor-21 .elementor-element.elementor-element-6012486{--display:flex;}.elementor-21 .elementor-element.elementor-element-7740cba{--display:flex;}.elementor-21 .elementor-element.elementor-element-4a6c12e{--display:flex;}.elementor-21 .elementor-element.elementor-element-3ecc716 img{filter:brightness( 82% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-14a656c{--display:flex;}.elementor-21 .elementor-element.elementor-element-aadfe10 img{filter:brightness( 82% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-21 .elementor-element.elementor-element-60a7fdb{--display:flex;}.elementor-21 .elementor-element.elementor-element-60a7fdb:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-60a7fdb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/07/kreuzflug-consul-weltreisen.jpg");}.elementor-21 .elementor-element.elementor-element-02d181b{--display:flex;}.elementor-21 .elementor-element.elementor-element-02d181b:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-02d181b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/07/kreuzflug-consul-weltreisen.jpg");}.elementor-21 .elementor-element.elementor-element-381cea6{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:3em;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-arrow-hover-color:var( --e-global-color-f411537 );--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:var( --e-global-color-f411537 );--e-n-carousel-dots-hover-color:var( --e-global-color-f411537 );}.elementor-21 .elementor-element.elementor-element-381cea6 :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {border-style:none;}.elementor-21 .elementor-element.elementor-element-a1ac4b8{--display:flex;}.elementor-21 .elementor-element.elementor-element-15d5e08 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-15d5e08{text-align:center;}.elementor-21 .elementor-element.elementor-element-15d5e08 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:35px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-154d6de6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-3cffa0bc{--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;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-3cffa0bc:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-3cffa0bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#464E5D;}.elementor-21 .elementor-element.elementor-element-6e97c91c{--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-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-147233ee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-wrapper{text-align:center;}.elementor-21 .elementor-element.elementor-element-147233ee.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-21 .elementor-element.elementor-element-147233ee.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-21 .elementor-element.elementor-element-147233ee.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-title{margin-bottom:0px;font-family:"Northwell", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-description{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-1e1182e1{--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;--justify-content:flex-end;}.elementor-21 .elementor-element.elementor-element-305449b5{text-align:center;color:#F7F7F7;}.elementor-21 .elementor-element.elementor-element-549f0f3 > .elementor-widget-container{padding:0vw 0vw 0vw 0vw;}.elementor-21 .elementor-element.elementor-element-549f0f3{text-align:center;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-2620678{--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;--justify-content:space-between;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-2620678:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-2620678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#464E5D;}.elementor-21 .elementor-element.elementor-element-37b04cab{--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-21 .elementor-element.elementor-element-2db0ecbd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-21 .elementor-element.elementor-element-2db0ecbd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-21 .elementor-element.elementor-element-2db0ecbd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-2db0ecbd .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-21 .elementor-element.elementor-element-2db0ecbd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-2db0ecbd .elementor-image-box-title{font-family:"Northwell", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-2db0ecbd .elementor-image-box-description{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-5d2099d1{--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-21 .elementor-element.elementor-element-15015166{text-align:center;color:#F7F7F7;}.elementor-21 .elementor-element.elementor-element-60311601{--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;--justify-content:space-between;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-60311601:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-60311601 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#464E5D;}.elementor-21 .elementor-element.elementor-element-4c170dff{--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-21 .elementor-element.elementor-element-72f5d96c.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-21 .elementor-element.elementor-element-72f5d96c.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-21 .elementor-element.elementor-element-72f5d96c.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-72f5d96c .elementor-image-box-wrapper .elementor-image-box-img{width:100%;}.elementor-21 .elementor-element.elementor-element-72f5d96c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-21 .elementor-element.elementor-element-72f5d96c .elementor-image-box-title{font-family:"Northwell", Sans-serif;font-size:50px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-72f5d96c .elementor-image-box-description{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7a1ad396{--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-21 .elementor-element.elementor-element-3cd12be4{text-align:center;color:#F7F7F7;}.elementor-21 .elementor-element.elementor-element-b24e593{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:35px 35px;--row-gap:35px;--column-gap:35px;--grid-auto-flow:row;--margin-top:10%;--margin-bottom:10%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-fcaa9f3{--display:flex;}.elementor-21 .elementor-element.elementor-element-7062563 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-0928fa6{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-59bedd3{--display:flex;}.elementor-21 .elementor-element.elementor-element-4696949 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-ac2755d{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-10618a7{--display:flex;}.elementor-21 .elementor-element.elementor-element-4b61038 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-fdada65{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7bb59e6e{--display:grid;--min-height:50vh;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--margin-top:5%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-33394931{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-528a007d > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-528a007d{text-align:start;}.elementor-21 .elementor-element.elementor-element-528a007d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-5de87565 > .elementor-widget-container{padding:0px 50px 0px 0px;}.elementor-21 .elementor-element.elementor-element-5de87565{text-align:start;font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-f69afcc{--display:flex;}body.elementor-page-21:not(.elementor-motion-effects-element-type-background), body.elementor-page-21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-0c83376 );}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-70ba274{--content-width:77vw;}.elementor-21 .elementor-element.elementor-element-cf91fcc{--content-width:77vw;}.elementor-21 .elementor-element.elementor-element-154d6de6{--content-width:1400px;}.elementor-21 .elementor-element.elementor-element-3cffa0bc{--width:33%;}.elementor-21 .elementor-element.elementor-element-2620678{--width:33%;}.elementor-21 .elementor-element.elementor-element-60311601{--width:33%;}.elementor-21 .elementor-element.elementor-element-b24e593{--content-width:80vw;}.elementor-21 .elementor-element.elementor-element-7bb59e6e{--content-width:90vw;}}@media(max-width:1024px){.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-21 .elementor-element.elementor-element-381cea6{--e-n-carousel-swiper-slides-to-display:2;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-21 .elementor-element.elementor-element-b24e593{--grid-auto-flow:row;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-fcaa9f3{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-7bb59e6e{--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-528a007d .elementor-heading-title{font-size:30px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-3a44774{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-21 .elementor-element.elementor-element-2aab4ea > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-21 .elementor-element.elementor-element-35fd612 > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-21 .elementor-element.elementor-element-381cea6{--e-n-carousel-swiper-slides-to-display:1;}.elementor-21 .elementor-element.elementor-element-154d6de6{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-3cffa0bc{--margin-top:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-widget-image-box .elementor-image-box-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image-box .elementor-image-box-description{font-size:var( --e-global-typography-text-font-size );}.elementor-21 .elementor-element.elementor-element-147233ee .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-549f0f3 > .elementor-widget-container{padding:0vw 2vw 0vw 2vw;}.elementor-21 .elementor-element.elementor-element-2620678{--margin-top:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-21 .elementor-element.elementor-element-2db0ecbd .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-60311601{--margin-top:25px;--margin-bottom:25px;--margin-left:25px;--margin-right:25px;}.elementor-21 .elementor-element.elementor-element-72f5d96c .elementor-image-box-img{margin-bottom:15px;}.elementor-21 .elementor-element.elementor-element-b24e593{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-7062563{text-align:center;}.elementor-21 .elementor-element.elementor-element-0928fa6{text-align:center;}.elementor-21 .elementor-element.elementor-element-4696949{text-align:center;}.elementor-21 .elementor-element.elementor-element-ac2755d{text-align:center;}.elementor-21 .elementor-element.elementor-element-4b61038{text-align:center;}.elementor-21 .elementor-element.elementor-element-fdada65{text-align:center;}.elementor-21 .elementor-element.elementor-element-7bb59e6e{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-21 .elementor-element.elementor-element-33394931{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-21 .elementor-element.elementor-element-528a007d > .elementor-widget-container{margin:5% 0% 0% 0%;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-528a007d{text-align:center;}.elementor-21 .elementor-element.elementor-element-528a007d .elementor-heading-title{font-size:24px;}.elementor-21 .elementor-element.elementor-element-5de87565 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-5de87565{text-align:center;}.elementor-21 .elementor-element.elementor-element-f69afcc{--min-height:25vh;}.elementor-21 .elementor-element.elementor-element-f69afcc.e-con{--order:-99999 /* order start hack */;}}/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-71168f9 */#afrika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#afrika::before {
  content: "Afrika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#afrika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-5364039 */#asien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#asien::before {
  content: "Asien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#asien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-f9cbc7e */#indischersubkontinent {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden; /* Ensure the image doesn't overflow the container */
}

#indischersubkontinent img {
  width: 100%;
  height: auto;
  transition: transform 10s ease-in-out; /* Smooth transition for the Ken Burns effect */
}

#indischersubkontinent:hover img {
  transform: scale(1.1); /* Apply the Ken Burns effect on hover */
}

#indischersubkontinent::before {
  content: "Indischer Subkontinent"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischersubkontinent::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-82edeb5 */#indischerozean {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#indischerozean::before {
  content: "Indischer Ozean"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#indischerozean::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c7343c4 */#orient {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#orient::before {
  content: "Orient"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#orient::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-698207b */#nordamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#nordamerika::before {
  content: "Nordamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#nordamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-3ecc716 */#suedamerika {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#suedamerika::before {
  content: "Südamerika"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#suedamerika::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-aadfe10 */#europa {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#europa::before {
  content: "Europa"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#europa::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-bb8a26e */#skandinavien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#skandinavien::before {
  content: "Skandinavien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#skandinavien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1389cb */#ozeanien {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

#ozeanien::before {
  content: "Ozeanien"; /* Add your text */
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  color: white; /* Change the text color as needed */
  font-size: 24px; /* Adjust the font size as needed */
  padding: 5px 10px; /* Optional: Add padding to the text */
  border-radius: 5px; /* Optional: Add border-radius to the text background */
  z-index: 2; /* Ensure the text is above the fade-out effect */
}

#ozeanien::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10%; /* Fade out the bottom 10% */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
  z-index: 1;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Northwell';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://consul-weltreisen.vita-longevity.de/wp-content/uploads/2024/08/NorthwellAlt.ttf') format('truetype');
}
/* End Custom Fonts CSS */