.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--display:flex;--min-height:90vh;--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:center;--overlay-opacity:0.5;}.elementor-17930 .elementor-element.elementor-element-ffd6e2a:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/website_august.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17930 .elementor-element.elementor-element-ffd6e2a::before, .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-text );--background-overlay:'';}.elementor-17930 .elementor-element.elementor-element-ffd6e2a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17930 .elementor-element.elementor-element-697d836{text-align:left;}.elementor-17930 .elementor-element.elementor-element-697d836 .elementor-heading-title{color:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-0c7f0b5{text-align:left;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-size:5rem;font-weight:500;line-height:2.5lh;color:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-9706400{font-family:"Noto Sans", Sans-serif;font-size:1.5rem;font-weight:400;line-height:1.1lh;color:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-9c78317 > .elementor-widget-container{margin:1rem 0rem 0rem 0rem;}.elementor-17930 .elementor-element.elementor-element-9c78317 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-9c78317 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--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;--margin-top:7rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-5c5b39a:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-5c5b39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17930 .elementor-element.elementor-element-d77658a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-34749c9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-454cb94{--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-17930 .elementor-element.elementor-element-4931a38{--display:flex;}.elementor-17930 .elementor-element.elementor-element-b05f8de{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3eb374b{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-b5e0d72{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-b201686{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-b201686:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-b201686 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-b201686::before, .elementor-17930 .elementor-element.elementor-element-b201686 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b201686 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b201686 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b201686 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b201686 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-8312341{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-9c4734c > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-9c4734c .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-200cf34 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-607d380 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-607d380 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-89d62ac{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-dd160e4{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-b299d4f{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-b299d4f:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-b299d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-b299d4f::before, .elementor-17930 .elementor-element.elementor-element-b299d4f > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b299d4f > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b299d4f > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b299d4f > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b299d4f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-3a4b401{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-fe3eb1c > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-fe3eb1c .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-b5e23f2 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e41832e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-e41832e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-ba1c5c9{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-e87bdcb{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-f1d9a61{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-f1d9a61:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-f1d9a61::before, .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-f1d9a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-a9afe79{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-b067e88 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-b067e88 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-bab58db .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-46ac38e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-46ac38e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-ddd18c5{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-f96bf71{--display:flex;}.elementor-17930 .elementor-element.elementor-element-d5115d3{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-92f7d83{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-5d36d12{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-5d36d12:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-5d36d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-5d36d12::before, .elementor-17930 .elementor-element.elementor-element-5d36d12 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5d36d12 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5d36d12 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5d36d12 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5d36d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-641e67a{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-1e2fe89 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-1e2fe89 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-a306ce4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-bb42c02 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-bb42c02 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-1ee46b9{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-0cc4df6{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-1bd2c31{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-1bd2c31:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-1bd2c31::before, .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-1bd2c31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-455f2fd{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-231bdd9 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-231bdd9 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-f22aaad .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-a330129 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-a330129 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-389d425{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a339ec3{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-15bdd0b{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-15bdd0b:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-15bdd0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-15bdd0b::before, .elementor-17930 .elementor-element.elementor-element-15bdd0b > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-15bdd0b > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-15bdd0b > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-15bdd0b > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-15bdd0b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-5162e3d{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-d8ee525 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-d8ee525 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-6ce5d74 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-6adc369 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-6adc369 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-8b4997f{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-ee7c412{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-68bcc11{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-68bcc11:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-68bcc11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-68bcc11::before, .elementor-17930 .elementor-element.elementor-element-68bcc11 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-68bcc11 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-68bcc11 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-68bcc11 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-68bcc11 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-a97a9ad{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-c39e6ac > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c39e6ac .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-28c82e3 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-99b9d5f > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-99b9d5f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-3453307{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-373d1e6{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3c0850a{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-3c0850a:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-3c0850a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-3c0850a::before, .elementor-17930 .elementor-element.elementor-element-3c0850a > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-3c0850a > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-3c0850a > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-3c0850a > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-3c0850a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-581d7e7{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-49b8b74 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-49b8b74 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-2ea4218 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c0ef1c3 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c0ef1c3 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-4b8f604{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-0816c01{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-84f2ba1{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-84f2ba1:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-84f2ba1::before, .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-84f2ba1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-6ba3c67{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-f4914fd > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-f4914fd .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-4de5b65 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-4769a77 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-4769a77 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-fd7198e{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a8efc58{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-22b93cd{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-22b93cd:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-22b93cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-22b93cd::before, .elementor-17930 .elementor-element.elementor-element-22b93cd > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-22b93cd > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-22b93cd > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-22b93cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-22b93cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-bbf9947{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-2801fc1 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-2801fc1 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-afd81e0 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-9c5beb3 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-9c5beb3 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-b6d8eaf{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-7164124{--display:flex;}.elementor-17930 .elementor-element.elementor-element-77f3095{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-0fb7ba0{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-c967c1b{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c967c1b:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-c967c1b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-c967c1b::before, .elementor-17930 .elementor-element.elementor-element-c967c1b > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-c967c1b > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-c967c1b > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-c967c1b > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-c967c1b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-b8cef81{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-0e8cfa6 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-0e8cfa6 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-edb6bb4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-8a82bd5 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-8a82bd5 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-972ebdc{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-ab8a530{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-b9bf455{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-b9bf455:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-b9bf455 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-b9bf455::before, .elementor-17930 .elementor-element.elementor-element-b9bf455 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b9bf455 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-b9bf455 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b9bf455 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-b9bf455 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-8961247{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-f45dda7 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-f45dda7 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-28cbe6b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-744cec6 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-744cec6 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-deefd0f{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-4892ca1{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-e08427d{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-e08427d:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-e08427d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-e08427d::before, .elementor-17930 .elementor-element.elementor-element-e08427d > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-e08427d > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-e08427d > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-e08427d > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-e08427d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-8f27dae{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-c119875 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c119875 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-e8212b2 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-cebafae > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-cebafae .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-df077d7{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-735c153{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-ce284f4{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-ce284f4:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-ce284f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-ce284f4::before, .elementor-17930 .elementor-element.elementor-element-ce284f4 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-ce284f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-ce284f4 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-ce284f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-ce284f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-fe5850f{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-8caf850 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-8caf850 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-0b10dc9 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-02e228e > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-02e228e .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-9564bda{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-0dd3cb0{--display:flex;}.elementor-17930 .elementor-element.elementor-element-69b2c27{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-f0091b4{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-c656993{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c656993:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-c656993 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-c656993::before, .elementor-17930 .elementor-element.elementor-element-c656993 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-c656993 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-c656993 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-c656993 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-c656993 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-c431fa9{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-e7a3ee2 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-e7a3ee2 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-5c6f12a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-6e596b4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-6e596b4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-d805629{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-d865a46{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-433c955{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-433c955:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-433c955 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-433c955::before, .elementor-17930 .elementor-element.elementor-element-433c955 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-433c955 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-433c955 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-433c955 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-433c955 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-bd099a7{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-504cd38 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-504cd38 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-dbb8b86 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-4cff6f4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-4cff6f4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-308744a{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-48ad6d8{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-66e01b5{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-66e01b5:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-66e01b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-66e01b5::before, .elementor-17930 .elementor-element.elementor-element-66e01b5 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-66e01b5 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-66e01b5 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-66e01b5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-66e01b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-e076478{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-0f2c9ac > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-0f2c9ac .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-6d96c5f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-d6ec0da > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-d6ec0da .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-deb8949{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-d936989{--display:flex;}.elementor-17930 .elementor-element.elementor-element-2ddff7c{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-25516f8{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-5c706fa{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-5c706fa:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-5c706fa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-5c706fa::before, .elementor-17930 .elementor-element.elementor-element-5c706fa > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5c706fa > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5c706fa > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5c706fa > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5c706fa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-00e1571{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-d6f1a20 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-d6f1a20 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-9c9c2f4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-7916c6a > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-7916c6a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c493f7f{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-1e11dbf{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-5f0b3cd{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-5f0b3cd:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-5f0b3cd::before, .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-5f0b3cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-448aed9{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-6fd197e > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-6fd197e .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-e5602f6 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-6be1f38 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-6be1f38 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-976ab97{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-8349530{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-28d15ba{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-28d15ba:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-28d15ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-28d15ba::before, .elementor-17930 .elementor-element.elementor-element-28d15ba > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-28d15ba > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-28d15ba > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-28d15ba > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-28d15ba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-225a4c2{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-d041f75 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-d041f75 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-be37ba9 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-145e306 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-145e306 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-89fb970{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-469a2d2{--display:flex;}.elementor-17930 .elementor-element.elementor-element-b60b373{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-e4bc7d4{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-cbf0cbe{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-cbf0cbe:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-cbf0cbe::before, .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-cbf0cbe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-4b73faa{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-11763a1 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-11763a1 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-317a5ed .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-f65d494 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-f65d494 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-77bae53{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-9977cb3{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-85169bc{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-85169bc:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-85169bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-85169bc::before, .elementor-17930 .elementor-element.elementor-element-85169bc > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-85169bc > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-85169bc > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-85169bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-85169bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-488270f{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-a3c0a75 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-a3c0a75 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-d78c00a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c51ca67 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c51ca67 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-53b7785{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-828e86c{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-feee41b{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-feee41b:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-feee41b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-feee41b::before, .elementor-17930 .elementor-element.elementor-element-feee41b > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-feee41b > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-feee41b > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-feee41b > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-feee41b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-1b455e5{--display:flex;--min-height:300px;--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:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-16f1d2b > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-16f1d2b .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-d3e7283 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-5e7b8f4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-5e7b8f4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-8d8b81a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-cfe9f60{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:50px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-cfe9f60 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-cfe9f60.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#62858F;}.elementor-17930 .elementor-element.elementor-element-cfe9f60.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17930 .elementor-element.elementor-element-cfe9f60.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-6d99cd5 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-cfe9f60.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-17930 .elementor-element.elementor-element-cfe9f60.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Noto Sans", Sans-serif;font-weight:400;}.elementor-17930 .elementor-element.elementor-element-cfe9f60 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-a7e4ad7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-c70f48a{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;border-style:none;--border-style:none;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-7a80a60{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a9688bd{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-1065f31{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-1065f31:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-1065f31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-1065f31::before, .elementor-17930 .elementor-element.elementor-element-1065f31 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-1065f31 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-1065f31 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-1065f31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-1065f31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-f29d6f1{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-674ca4c > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-674ca4c .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-c6ec786 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-8a41ea9 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-8a41ea9 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c236872{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-9912cd6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-12e7a06{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-12e7a06:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-12e7a06 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-12e7a06::before, .elementor-17930 .elementor-element.elementor-element-12e7a06 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-12e7a06 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-12e7a06 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-12e7a06 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-12e7a06 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-993d950{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-cfc8dec > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-cfc8dec .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-ee5fc2f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-002ccb4 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-002ccb4 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-5e99bc2{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-2f5b400{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-64b1391{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-64b1391:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-64b1391 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-64b1391::before, .elementor-17930 .elementor-element.elementor-element-64b1391 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-64b1391 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-64b1391 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-64b1391 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-64b1391 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-5178b7c{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-bc9efb9 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-bc9efb9 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-4706fdb .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c9aee1f > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-c9aee1f .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-a4f125d{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-c948d28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-36cbaa5{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-36cbaa5:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFC588;background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/erik4336_A_dynamic_and_inspiring_representation_of_STEM_Science_5f9a8672-b8c0-4c34-84ad-014f820bad20-scaled-e1758889771956.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-36cbaa5::before, .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-36cbaa5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://realxlearning.com/wp-content/uploads/2025/08/Design-ohne-Titel-6.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-17930 .elementor-element.elementor-element-b547d0b{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:25px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-29d5caf > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-29d5caf .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-4dbf1d9 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-62b3e54 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-62b3e54 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-4ffcaf0{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-00bcf21{--display:flex;}.elementor-17930 .elementor-element.elementor-element-336f63a{--display:flex;}.elementor-17930 .elementor-element.elementor-element-444bf1d{--display:flex;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:50px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-2f0f3b7 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-2f0f3b7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#62858F;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17930 .elementor-element.elementor-element-2f0f3b7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-6d99cd5 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-2f0f3b7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Noto Sans", Sans-serif;font-weight:400;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-647860c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3ae5848{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3419d7c{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3fa8286{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-e52771e{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-e52771e:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-e52771e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE5722;}.elementor-17930 .elementor-element.elementor-element-e52771e::before, .elementor-17930 .elementor-element.elementor-element-e52771e > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-e52771e > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-e52771e > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-e52771e > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-e52771e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17930 .elementor-element.elementor-element-f64d085 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-f64d085.elementor-element{--align-self:center;}.elementor-17930 .elementor-element.elementor-element-f64d085 .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-f64d085.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-f64d085.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-f64d085.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-f64d085.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-f64d085.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-f64d085 .elementor-icon{font-size:100px;}.elementor-17930 .elementor-element.elementor-element-f64d085 .elementor-icon svg{height:100px;}.elementor-17930 .elementor-element.elementor-element-014451f{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-25bb5f6 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-25bb5f6 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-132b63c .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-fc27387 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-fc27387 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-fe9b0f3 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-17930 .elementor-element.elementor-element-fe9b0f3.elementor-element{--align-self:flex-start;}.elementor-17930 .elementor-element.elementor-element-fe9b0f3 .elementor-button{font-family:"Noto Sans", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-6d99cd5 );color:var( --e-global-color-6d99cd5 );border-radius:25px 25px 25px 25px;padding:5px 08px 5px 08px;}.elementor-17930 .elementor-element.elementor-element-876a009{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-e77e9de{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a3d35c2{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-a3d35c2:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE5722;}.elementor-17930 .elementor-element.elementor-element-a3d35c2::before, .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-a3d35c2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17930 .elementor-element.elementor-element-35d3b1c > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-35d3b1c .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-35d3b1c.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-35d3b1c.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-35d3b1c.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-35d3b1c.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-35d3b1c.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-35d3b1c .elementor-icon{font-size:100px;}.elementor-17930 .elementor-element.elementor-element-35d3b1c .elementor-icon svg{height:100px;}.elementor-17930 .elementor-element.elementor-element-9c239eb{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-8d74227 > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-8d74227 .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-508e56b .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-099be02 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-099be02 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c43035b .elementor-button{background-color:var( --e-global-color-primary );font-family:"Noto Sans", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-6d99cd5 );color:var( --e-global-color-6d99cd5 );border-radius:25px 25px 25px 25px;padding:5px 08px 5px 08px;}.elementor-17930 .elementor-element.elementor-element-c43035b > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-17930 .elementor-element.elementor-element-c43035b.elementor-element{--align-self:flex-start;}.elementor-17930 .elementor-element.elementor-element-5a8ff31{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-5fc6a7f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-3349551{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-3349551:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-3349551 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE5722;}.elementor-17930 .elementor-element.elementor-element-3349551::before, .elementor-17930 .elementor-element.elementor-element-3349551 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-3349551 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-3349551 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-3349551 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-3349551 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17930 .elementor-element.elementor-element-e6ac509 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-e6ac509 .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-e6ac509.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e6ac509.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-e6ac509.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e6ac509.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-e6ac509.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e6ac509 .elementor-icon{font-size:100px;}.elementor-17930 .elementor-element.elementor-element-e6ac509 .elementor-icon svg{height:100px;}.elementor-17930 .elementor-element.elementor-element-2cf6d43{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-125758f > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-125758f .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-15dbc42 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-119b943 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-119b943 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-52cf699 > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-17930 .elementor-element.elementor-element-52cf699.elementor-element{--align-self:flex-start;}.elementor-17930 .elementor-element.elementor-element-52cf699 .elementor-button{font-family:"Noto Sans", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-6d99cd5 );color:var( --e-global-color-6d99cd5 );border-radius:25px 25px 25px 25px;padding:5px 08px 5px 08px;}.elementor-17930 .elementor-element.elementor-element-0d80dc4{--display:flex;--min-height:425px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:15px 15px 15px 15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-07dd34c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-8596516{--display:flex;--min-height:200px;--overlay-opacity:1;--border-radius:015px 015px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-8596516:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-8596516 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE5722;}.elementor-17930 .elementor-element.elementor-element-8596516::before, .elementor-17930 .elementor-element.elementor-element-8596516 > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-8596516 > .e-con-inner > .elementor-background-video-container::before, .elementor-17930 .elementor-element.elementor-element-8596516 > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-8596516 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17930 .elementor-element.elementor-element-8596516 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-17930 .elementor-element.elementor-element-ce3c6a3 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-ce3c6a3 .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-ce3c6a3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-ce3c6a3.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-ce3c6a3.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-ce3c6a3.elementor-view-framed .elementor-icon, .elementor-17930 .elementor-element.elementor-element-ce3c6a3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-ce3c6a3 .elementor-icon{font-size:100px;}.elementor-17930 .elementor-element.elementor-element-ce3c6a3 .elementor-icon svg{height:100px;}.elementor-17930 .elementor-element.elementor-element-358fcfe{--display:flex;--min-height:300px;--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:35px;--padding-right:35px;}.elementor-17930 .elementor-element.elementor-element-6d1847d > .elementor-widget-container{padding:35px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-6d1847d .elementor-heading-title{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-25eabb8 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-94de150 > .elementor-widget-container{padding:20px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-94de150 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c9fb9ec > .elementor-widget-container{padding:10px 0px 20px 0px;}.elementor-17930 .elementor-element.elementor-element-c9fb9ec.elementor-element{--align-self:flex-start;}.elementor-17930 .elementor-element.elementor-element-c9fb9ec .elementor-button{font-family:"Noto Sans", Sans-serif;font-size:15px;font-weight:700;fill:var( --e-global-color-6d99cd5 );color:var( --e-global-color-6d99cd5 );border-radius:25px 25px 25px 25px;padding:5px 08px 5px 08px;}.elementor-17930 .elementor-element.elementor-element-3284238{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-50px;--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:-50px;--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:50px;--e-n-carousel-arrow-normal-color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-854654f{--display:flex;}.elementor-17930 .elementor-element.elementor-element-892bf0d{--display:flex;}.elementor-17930 .elementor-element.elementor-element-287af6a{--display:flex;}.elementor-17930 .elementor-element.elementor-element-dadd7fa{--display:flex;}.elementor-17930 .elementor-element.elementor-element-52d6797{--display:flex;}.elementor-17930 .elementor-element.elementor-element-8cd0761{--display:flex;}.elementor-17930 .elementor-element.elementor-element-6847819{--display:flex;}.elementor-17930 .elementor-element.elementor-element-b0f404f{--display:flex;}.elementor-17930 .elementor-element.elementor-element-ea8cda3{--display:flex;}.elementor-17930 .elementor-element.elementor-element-7475eb2{--display:flex;}.elementor-17930 .elementor-element.elementor-element-c1cbd39{--display:flex;}.elementor-17930 .elementor-element.elementor-element-393a530{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:50px;--n-tabs-title-border-radius:5px 5px 5px 5px;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-393a530 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-393a530.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-9eaebdb );}.elementor-17930 .elementor-element.elementor-element-393a530.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17930 .elementor-element.elementor-element-393a530.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-6d99cd5 );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-393a530.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:none;}.elementor-17930 .elementor-element.elementor-element-393a530.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Noto Sans", Sans-serif;font-weight:400;}.elementor-17930 .elementor-element.elementor-element-393a530 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-5244080{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:30px;--n-tabs-title-border-radius:0px 0px 0px 0px;--n-tabs-title-font-size:1rem;--n-tabs-title-color:var( --e-global-color-text );--n-tabs-title-color-active:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-5244080 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-17930 .elementor-element.elementor-element-5244080.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#D8D8D8;border-style:solid;border-width:0px 0px 02px 0px;border-color:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-5244080.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17930 .elementor-element.elementor-element-5244080.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FC820000;border-style:solid;border-width:0px 0px 02px 0px;border-color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-5244080.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 02px 0px;border-color:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-5244080.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Noto Sans", Sans-serif;font-weight:600;}.elementor-17930 .elementor-element.elementor-element-5244080 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--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:center;border-style:solid;--border-style:solid;border-width:01px 0px 01px 0px;--border-top-width:01px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--margin-top:07rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:05rem;--padding-bottom:05rem;--padding-left:10rem;--padding-right:10rem;}.elementor-17930 .elementor-element.elementor-element-71cdbcb:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-71cdbcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-17930 .elementor-element.elementor-element-dc11c98{--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;--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button:hover, .elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button:focus{color:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button:hover svg, .elementor-17930 .elementor-element.elementor-element-a2c1fa0 .elementor-button:focus svg{fill:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-e4f2ebe.elementor-element{--align-self:flex-start;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--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;--margin-top:7rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-033c325 > .elementor-widget-container{padding:0px 0px 02px 0px;}.elementor-17930 .elementor-element.elementor-element-033c325 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-dacd30a .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e843565{--display:flex;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17930 .elementor-element.elementor-element-040d301{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:50px 50px;--row-gap:50px;--column-gap:50px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-6687973{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-971109b{--display:flex;--min-height:170px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 05px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:05px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-c6038c0 .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-3daf45c{--display:flex;}.elementor-17930 .elementor-element.elementor-element-bee6a6d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-a7be5bb{font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-826c099{--display:flex;--min-height:170px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 05px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:05px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:5px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-adc57dc .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-d1954ef{--display:flex;}.elementor-17930 .elementor-element.elementor-element-5d2c764 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-019bbe5{font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-c9026cb{--display:flex;--min-height:170px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 05px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:05px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--border-radius:10px 10px 10px 10px;--padding-top:25px;--padding-bottom:25px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-1a87d4e .elementor-icon-wrapper{text-align:center;}.elementor-17930 .elementor-element.elementor-element-4f8c378{--display:flex;}.elementor-17930 .elementor-element.elementor-element-a1c528d .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-3e19ced{font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-81656f9{--display:flex;--justify-content:center;--border-radius:15px 15px 15px 15px;}.elementor-17930 .elementor-element.elementor-element-b08acba{--display:flex;--min-height:632px;--border-radius:15px 15px 15px 15px;}.elementor-17930 .elementor-element.elementor-element-b08acba:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-b08acba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://realxlearning.com/wp-content/uploads/2025/09/25271-61.webp");background-size:cover;}.elementor-17930 .elementor-element.elementor-element-4150f03{--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;--margin-top:07rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-6ecdff5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-aa0e767 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-aa0e767 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-4e20147 .elementor-button{background-color:#FC820000;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-17930 .elementor-element.elementor-element-4e20147 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-4e20147 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-4e20147 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-17930 .elementor-element.elementor-element-2a2c465 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-2a2c465 .elementor-heading-title{color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-3eb8fc4{--display:flex;--min-height:410px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-a14370a{--display:flex;--min-height:410px;--justify-content:center;--border-radius:5px 5px 5px 5px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-17930 .elementor-element.elementor-element-a14370a:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-a14370a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-17930 .elementor-element.elementor-element-89c935e .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-a99953b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-0685a16{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-2c7350e{--display:flex;--min-height:410px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-5f40ba4{--display:flex;--min-height:410px;--justify-content:center;--border-radius:5px 5px 5px 5px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-17930 .elementor-element.elementor-element-5f40ba4:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-5f40ba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-17930 .elementor-element.elementor-element-05b9a9d .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-17930 .elementor-element.elementor-element-2a42235{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-9eeb594{color:var( --e-global-color-2e30da9 );}.elementor-17930 .elementor-element.elementor-element-b790e76{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-17930 .elementor-element.elementor-element-b542695 .elementor-button{background-color:#FC820000;fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-17930 .elementor-element.elementor-element-b542695 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-b542695 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-b542695 .elementor-button .elementor-button-content-wrapper{gap:20px;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;border-style:none;--border-style:none;--margin-top:7rem;--margin-bottom:07rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-ac9a80b:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-ac9a80b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6d99cd5 );}.elementor-17930 .elementor-element.elementor-element-f6a475b{--divider-border-style:solid;--divider-color:var( --e-global-color-secondary );--divider-border-width:1px;}.elementor-17930 .elementor-element.elementor-element-f6a475b .elementor-divider-separator{width:100%;}.elementor-17930 .elementor-element.elementor-element-f6a475b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-17930 .elementor-element.elementor-element-90a5149 > .elementor-widget-container{padding:75px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-90a5149{text-align:center;}.elementor-17930 .elementor-element.elementor-element-90a5149 .elementor-heading-title{font-family:"Noto Sans", Sans-serif;font-weight:700;color:var( --e-global-color-text );}.elementor-17930 .elementor-element.elementor-element-e234ca6{--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;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;}.elementor-17930 .elementor-element.elementor-element-9bf2320 > .elementor-widget-container{margin:035px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-9bf2320 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-9bf2320 .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-17930 .elementor-element.elementor-element-fae1c70 > .elementor-widget-container{margin:035px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-fae1c70 .elementor-button-content-wrapper{flex-direction:row;}.elementor-17930 .elementor-element.elementor-element-fae1c70 .elementor-button .elementor-button-content-wrapper{gap:15px;}@media(min-width:481px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-dc11c98{--width:100%;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-e843565{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--content-width:1500px;}.elementor-17930 .elementor-element.elementor-element-3eb8fc4{--content-width:1800px;}.elementor-17930 .elementor-element.elementor-element-2c7350e{--content-width:1800px;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--content-width:1500px;}}@media(max-width:1200px) and (min-width:481px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--content-width:1200px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--content-width:1200px;}.elementor-17930 .elementor-element.elementor-element-454cb94{--content-width:1200px;}.elementor-17930 .elementor-element.elementor-element-e843565{--content-width:1200px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--content-width:1200px;}}@media(max-width:768px) and (min-width:481px){.elementor-17930 .elementor-element.elementor-element-dc11c98{--width:100%;}}@media(min-width:1201px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a:not(.elementor-motion-effects-element-type-background), .elementor-17930 .elementor-element.elementor-element-ffd6e2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1200px){.elementor-17930 .elementor-element.elementor-element-9706400{font-size:24px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--margin-top:5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-ddd18c5{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-b6d8eaf{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-9564bda{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-deb8949{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-89fb970{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-8d8b81a{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-4ffcaf0{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-next-right-position:0px;}.elementor-17930 .elementor-element.elementor-element-3284238{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-arrow-prev-left-position:-42px;--e-n-carousel-arrow-next-right-position:-42px;}.elementor-17930 .elementor-element.elementor-element-393a530{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--margin-top:05rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-17930 .elementor-element.elementor-element-e4f2ebe{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--margin-top:05rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-e843565{--margin-top:1rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-040d301{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-6687973{--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-971109b{--min-height:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-a7be5bb{font-size:17px;}.elementor-17930 .elementor-element.elementor-element-826c099{--min-height:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-019bbe5{font-size:17px;}.elementor-17930 .elementor-element.elementor-element-c9026cb{--min-height:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-3e19ced{font-size:17px;}.elementor-17930 .elementor-element.elementor-element-81656f9{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-b08acba{--min-height:552px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--margin-top:5rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-a14370a{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-b790e76{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--margin-top:05rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-17930 .elementor-element.elementor-element-90a5149 .elementor-heading-title{font-size:24px;}}@media(max-width:992px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5 .elementor-heading-title{font-size:60px;}.elementor-17930 .elementor-element.elementor-element-9706400{font-size:22px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-454cb94{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-8312341{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-3a4b401{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-a9afe79{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-ddd18c5{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-641e67a{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-455f2fd{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-5162e3d{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-a97a9ad{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-581d7e7{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-6ba3c67{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-bbf9947{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-b6d8eaf{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-b8cef81{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-8961247{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-8f27dae{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-fe5850f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-9564bda{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-c431fa9{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-bd099a7{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-e076478{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-deb8949{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-00e1571{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-448aed9{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-225a4c2{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-89fb970{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-4b73faa{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-488270f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-1b455e5{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-8d8b81a{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-cfe9f60{--n-tabs-title-font-size:16px;}.elementor-17930 .elementor-element.elementor-element-f29d6f1{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-993d950{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-5178b7c{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-b547d0b{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-4ffcaf0{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:-50px;--e-n-carousel-arrow-next-right-position:-50px;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7{--n-tabs-title-font-size:16px;}.elementor-17930 .elementor-element.elementor-element-014451f{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-9c239eb{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-2cf6d43{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-358fcfe{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-3284238{--e-n-carousel-swiper-slides-to-display:2;}.elementor-17930 .elementor-element.elementor-element-393a530{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--padding-top:20px;--padding-bottom:20px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-bcfb15f{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-17930 .elementor-element.elementor-element-e4f2ebe{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-e843565{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-040d301{--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-6687973{--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-a7be5bb{font-size:16px;}.elementor-17930 .elementor-element.elementor-element-019bbe5{font-size:16px;}.elementor-17930 .elementor-element.elementor-element-3e19ced{font-size:16px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-3eb8fc4{--min-height:250px;}.elementor-17930 .elementor-element.elementor-element-a14370a{--min-height:250px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-2c7350e{--min-height:250px;}.elementor-17930 .elementor-element.elementor-element-5f40ba4{--min-height:250px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--padding-top:0px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-17930 .elementor-element.elementor-element-90a5149 .elementor-heading-title{font-size:20px;}}@media(max-width:768px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--min-height:60vh;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-697d836{text-align:left;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5{text-align:left;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5 .elementor-heading-title{font-size:35px;line-height:50px;}.elementor-17930 .elementor-element.elementor-element-9706400{font-size:20px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-454cb94{--margin-top:01rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-ddd18c5{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-b6d8eaf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-9564bda{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-deb8949{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-89fb970{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-8d8b81a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-cfe9f60{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-4ffcaf0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-3284238{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17930 .elementor-element.elementor-element-393a530{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-5244080{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-bcfb15f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-dacd30a{text-align:left;}.elementor-17930 .elementor-element.elementor-element-e843565{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-040d301{--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-6687973{--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-971109b{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-3daf45c{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-826c099{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-c9026cb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:50px;--padding-right:50px;}.elementor-17930 .elementor-element.elementor-element-81656f9{--justify-content:flex-start;}.elementor-17930 .elementor-element.elementor-element-b08acba{--min-height:334px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-a14370a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-b790e76{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17930 .elementor-element.elementor-element-b542695.elementor-element{--align-self:center;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--margin-top:02rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0px;--padding-bottom:100px;--padding-left:15px;--padding-right:015px;}.elementor-17930 .elementor-element.elementor-element-90a5149 > .elementor-widget-container{padding:30px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-90a5149 .elementor-heading-title{font-size:18px;line-height:25px;}.elementor-17930 .elementor-element.elementor-element-e234ca6{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-17930 .elementor-element.elementor-element-9bf2320 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-fae1c70 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:480px){.elementor-17930 .elementor-element.elementor-element-ffd6e2a{--min-height:70vh;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-697d836{text-align:left;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5{text-align:left;}.elementor-17930 .elementor-element.elementor-element-0c7f0b5 .elementor-heading-title{font-size:1.875rem;line-height:1.6lh;}.elementor-17930 .elementor-element.elementor-element-9706400{text-align:left;font-size:16px;}.elementor-17930 .elementor-element.elementor-element-9c78317 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-9c78317 .elementor-button{padding:13px 020px 13px 020px;}.elementor-17930 .elementor-element.elementor-element-5c5b39a{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-454cb94{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-b05f8de{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-ddd18c5{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-b6d8eaf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-9564bda{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-deb8949{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-89fb970{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-8d8b81a{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-cfe9f60{--n-tabs-title-font-size:0.8rem;}.elementor-17930 .elementor-element.elementor-element-c70f48a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-4ffcaf0{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-40px;--e-n-carousel-arrow-next-right-position:-40px;--e-n-carousel-arrow-size:40px;}.elementor-17930 .elementor-element.elementor-element-2f0f3b7{--n-tabs-title-font-size:0.8rem;}.elementor-17930 .elementor-element.elementor-element-3ae5848{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-3284238{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17930 .elementor-element.elementor-element-393a530{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:0.8rem;}.elementor-17930 .elementor-element.elementor-element-5244080{--n-tabs-title-font-size:0.8rem;}.elementor-17930 .elementor-element.elementor-element-71cdbcb{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-dc11c98{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-17930 .elementor-element.elementor-element-bcfb15f{text-align:center;}.elementor-17930 .elementor-element.elementor-element-e4f2ebe{text-align:center;}.elementor-17930 .elementor-element.elementor-element-4d00c2b{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-e843565{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-040d301{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-6687973{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-17930 .elementor-element.elementor-element-971109b{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-c6038c0 .elementor-icon{font-size:35px;}.elementor-17930 .elementor-element.elementor-element-c6038c0 .elementor-icon svg{height:35px;}.elementor-17930 .elementor-element.elementor-element-a7be5bb{font-size:15px;}.elementor-17930 .elementor-element.elementor-element-826c099{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-adc57dc .elementor-icon{font-size:35px;}.elementor-17930 .elementor-element.elementor-element-adc57dc .elementor-icon svg{height:35px;}.elementor-17930 .elementor-element.elementor-element-019bbe5{font-size:15px;}.elementor-17930 .elementor-element.elementor-element-c9026cb{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:30px;--padding-right:30px;}.elementor-17930 .elementor-element.elementor-element-1a87d4e .elementor-icon{font-size:35px;}.elementor-17930 .elementor-element.elementor-element-1a87d4e .elementor-icon svg{height:35px;}.elementor-17930 .elementor-element.elementor-element-3e19ced{font-size:15px;}.elementor-17930 .elementor-element.elementor-element-81656f9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17930 .elementor-element.elementor-element-4150f03{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:015px;}.elementor-17930 .elementor-element.elementor-element-6ecdff5{--flex-wrap:wrap;}.elementor-17930 .elementor-element.elementor-element-a14370a{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-17930 .elementor-element.elementor-element-b790e76{--e-n-carousel-swiper-slides-to-display:1;}.elementor-17930 .elementor-element.elementor-element-ac9a80b{--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-17930 .elementor-element.elementor-element-90a5149 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-17930 .elementor-element.elementor-element-90a5149 .elementor-heading-title{font-size:16px;}}/* Start custom CSS for heading, class: .elementor-element-d77658a *//* 1) Deine Markenfarbe aus Elementor nehmen (Accent → fallback Primary) */
:root{
  --brand-orange: var(--e-global-color-accent, var(--e-global-color-primary, #ff7a00));
}

/* 2) Statischer Verlaufstext (ohne Animation) */
.text-gradient-orange,
.elementor-widget-heading .elementor-heading-title.text-gradient-orange,
.elementor-text-editor .text-gradient-orange{
  display:inline-block;
  background-image: linear-gradient(
    90deg,
    color-mix(in oklab, var(--brand-orange), white 18%),
    color-mix(in oklab, var(--brand-orange), black 12%)
  );
  -webkit-background-clip:text;   /* Chrome/Safari */
  background-clip:text;           /* Firefox/Edge */
  -webkit-text-fill-color:transparent;
  color:transparent !important;   /* überschreibt Widget-Farben */
}

/* 3) Fallback falls color-mix nicht unterstützt wird → einfach dein Orange */
@supports not (background: linear-gradient(90deg, color-mix(in oklab, red, white 10%), red)){
  .text-gradient-orange,
  .elementor-widget-heading .elementor-heading-title.text-gradient-orange,
  .elementor-text-editor .text-gradient-orange{
    background-image: linear-gradient(90deg, var(--brand-orange), var(--brand-orange));
  }
}

/* (Optional) Links im Verlauf: Unterstreichung sichtbar lassen */
a.text-gradient-orange{ text-decoration: underline; text-underline-offset: .15em; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b201686 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b299d4f */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f1d9a61 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-ddd18c5 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d36d12 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1bd2c31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-15bdd0b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-68bcc11 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3c0850a */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-84f2ba1 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22b93cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-b6d8eaf *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c967c1b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b9bf455 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e08427d */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ce284f4 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-9564bda *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c656993 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-433c955 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-66e01b5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-deb8949 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c706fa */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5f0b3cd */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28d15ba */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-89fb970 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbf0cbe */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85169bc */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feee41b */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-8d8b81a *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1065f31 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12e7a06 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-64b1391 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36cbaa5 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4ffcaf0 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e52771e */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a3d35c2 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3349551 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8596516 */.mein-container {
  position: relative; /* wichtig, damit Tooltip relativ positioniert wird */
  display: inline-block; /* falls es nur um ein einzelnes Element geht */
}

.mein-container .tooltip {
  position: absolute;
  bottom: 120%; /* Position über dem Container */
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;

  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;

  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 99;
}

/* Tooltip beim Hover sichtbar machen */
.mein-container:hover .tooltip {
  opacity: 1;
  visibility: visible;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-3284238 *//* B1) Tooltip RECHTS neben dem Slide (Standard toolwrap) */
#kurs-carousel .toolwrap{ position: relative; }
#kurs-carousel .toolwrap .tool-template{
  position: absolute;
  top: 0; 
  left: 100%;              /* rechts andocken */
  margin-left: 100px;      /* Abstand rechts */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap:hover .tool-template,
#kurs-carousel .toolwrap:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* B2) Tooltip LINKS neben dem Slide (toolwrap-1) */
#kurs-carousel .toolwrap-1{ position: relative; }
#kurs-carousel .toolwrap-1 .tool-template{
  position: absolute;
  top: 0; 
  right: 175px;             /* links andocken */
  margin-right: 0px;     /* Abstand links */
  width: 790px;
  opacity: 0; 
  visibility: hidden; 
  pointer-events: none;
  transition: opacity .25s ease, visibility .25s ease;
  z-index: 100000;
}
#kurs-carousel .toolwrap-1:hover .tool-template,
#kurs-carousel .toolwrap-1:focus-within .tool-template{
  opacity: 1; visibility: visible; pointer-events: auto;
}

/* C) ELTERN "öffnen", damit NICHTS clippt */
#kurs-carousel, 
#kurs-carousel .elementor-widget-container{ overflow: visible !important; }

.toolhost,
.toolhost > .e-con-inner,
.toolhost .e-con,
.toolhost .e-con-inner,
.toolhost .elementor-widget-wrap{ overflow: visible !important; }

.toolhost-tabs-1 .elementor-tabs-content-wrapper,
.toolhost-tabs-1 .elementor-tab-content,
.toolhost-tabs-2 .elementor-tabs-content-wrapper,
.toolhost-tabs-2 .elementor-tab-content{ overflow: visible !important; }

/* D) Mobile-Fallback (kein Hover) */
@media (max-width: 767px){
  #kurs-carousel .toolwrap .tool-template,
  #kurs-carousel .toolwrap-1 .tool-template{
    position: static; 
    margin-left:0; 
    margin-right:0; 
    width:100%;
    opacity:1; 
    visibility:visible; 
    pointer-events:auto; 
    margin-top:12px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-033c325 *//* 1) Deine Markenfarbe aus Elementor nehmen (Accent → fallback Primary) */
:root{
  --brand-orange: var(--e-global-color-accent, var(--e-global-color-primary, #ff7a00));
}

/* 2) Statischer Verlaufstext (ohne Animation) */
.text-gradient-orange,
.elementor-widget-heading .elementor-heading-title.text-gradient-orange,
.elementor-text-editor .text-gradient-orange{
  display:inline-block;
  background-image: linear-gradient(
    90deg,
    color-mix(in oklab, var(--brand-orange), white 18%),
    color-mix(in oklab, var(--brand-orange), black 12%)
  );
  -webkit-background-clip:text;   /* Chrome/Safari */
  background-clip:text;           /* Firefox/Edge */
  -webkit-text-fill-color:transparent;
  color:transparent !important;   /* überschreibt Widget-Farben */
}

/* 3) Fallback falls color-mix nicht unterstützt wird → einfach dein Orange */
@supports not (background: linear-gradient(90deg, color-mix(in oklab, red, white 10%), red)){
  .text-gradient-orange,
  .elementor-widget-heading .elementor-heading-title.text-gradient-orange,
  .elementor-text-editor .text-gradient-orange{
    background-image: linear-gradient(90deg, var(--brand-orange), var(--brand-orange));
  }
}

/* (Optional) Links im Verlauf: Unterstreichung sichtbar lassen */
a.text-gradient-orange{ text-decoration: underline; text-underline-offset: .15em; }/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aa0e767 *//* 1) Deine Markenfarbe aus Elementor nehmen (Accent → fallback Primary) */
:root{
  --brand-orange: var(--e-global-color-accent, var(--e-global-color-primary, #ff7a00));
}

/* 2) Statischer Verlaufstext (ohne Animation) */
.text-gradient-orange,
.elementor-widget-heading .elementor-heading-title.text-gradient-orange,
.elementor-text-editor .text-gradient-orange{
  display:inline-block;
  background-image: linear-gradient(
    90deg,
    color-mix(in oklab, var(--brand-orange), white 18%),
    color-mix(in oklab, var(--brand-orange), black 12%)
  );
  -webkit-background-clip:text;   /* Chrome/Safari */
  background-clip:text;           /* Firefox/Edge */
  -webkit-text-fill-color:transparent;
  color:transparent !important;   /* überschreibt Widget-Farben */
}

/* 3) Fallback falls color-mix nicht unterstützt wird → einfach dein Orange */
@supports not (background: linear-gradient(90deg, color-mix(in oklab, red, white 10%), red)){
  .text-gradient-orange,
  .elementor-widget-heading .elementor-heading-title.text-gradient-orange,
  .elementor-text-editor .text-gradient-orange{
    background-image: linear-gradient(90deg, var(--brand-orange), var(--brand-orange));
  }
}

/* (Optional) Links im Verlauf: Unterstreichung sichtbar lassen */
a.text-gradient-orange{ text-decoration: underline; text-underline-offset: .15em; }/* End custom CSS */