.elementor-11069 .elementor-element.elementor-element-aaeb751{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-620b5b6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:-33px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-620b5b6:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-620b5b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#224B67;background-image:url("https://twentyfourtalents.de/wp-content/uploads/2025/09/Muster_leicht-weiss-bigger.png");background-position:bottom left;background-repeat:no-repeat;background-size:18% auto;}.elementor-11069 .elementor-element.elementor-element-5792a4a{--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-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11069 .elementor-element.elementor-element-afe88a1{text-align:start;}.elementor-11069 .elementor-element.elementor-element-afe88a1 img{width:300px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11069 .elementor-element.elementor-element-aa2f860 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-aa2f860 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-11069 .elementor-element.elementor-element-aa2f860 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#61CE70;}.elementor-11069 .elementor-element.elementor-element-aa2f860 .e--pointer-framed .elementor-item:before,
					.elementor-11069 .elementor-element.elementor-element-aa2f860 .e--pointer-framed .elementor-item:after{border-color:#61CE70;}.elementor-11069 .elementor-element.elementor-element-aa2f860 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#8FB77A;}.elementor-11069 .elementor-element.elementor-element-aa2f860{padding:0px 0px 0px 0px;z-index:8;}.elementor-11069 .elementor-element.elementor-element-0c65805{--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;border-style:solid;--border-style:solid;border-width:3px 3px 3px 3px;--border-top-width:3px;--border-right-width:3px;--border-bottom-width:3px;--border-left-width:3px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:20px 20px 20px 20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-698a8ff{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:auto;--margin-top:80px;--margin-bottom:80px;--margin-left:80px;--margin-right:-120px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-90d6d90{padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-2696099{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-11069 .elementor-element.elementor-element-2696099:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-2696099 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twentyfourtalents.de/wp-content/uploads/2026/01/BG-Header-Blog-Uebersicht-Bild.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11069 .elementor-element.elementor-element-2696099.e-con{--flex-grow:1;}.elementor-11069 .elementor-element.elementor-element-1c61224{--display:flex;}.elementor-11069 .elementor-element.elementor-element-5918032 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-5918032 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-5918032 div.elementor-menu-toggle svg{fill:#FFFFFF;}body:not(.rtl) .elementor-11069 .elementor-element.elementor-element-5918032{right:0px;}body.rtl .elementor-11069 .elementor-element.elementor-element-5918032{left:0px;}.elementor-11069 .elementor-element.elementor-element-5918032{top:0px;}.elementor-11069 .elementor-element.elementor-element-97ceba8{--display:flex;}.elementor-11069 .elementor-element.elementor-element-8581b77{--display:flex;}.elementor-11069 .elementor-element.elementor-element-a0e2a3c{text-align:start;}.elementor-11069 .elementor-element.elementor-element-a0e2a3c img{width:300px;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-11069 .elementor-element.elementor-element-adb5ba1{--display:flex;--overflow:hidden;}.elementor-11069 .elementor-element.elementor-element-9fc3739{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-9fc3739:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-9fc3739 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-cc329ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-351f0bc .elementor-menu-toggle{margin-left:auto;}.elementor-11069 .elementor-element.elementor-element-351f0bc .elementor-nav-menu--dropdown a, .elementor-11069 .elementor-element.elementor-element-351f0bc .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-351f0bc div.elementor-menu-toggle{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-351f0bc div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-351f0bc{margin:0% 2% calc(var(--kit-widget-spacing, 0px) + -10%) 0%;padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-3c7d011{--display:flex;}.elementor-11069 .elementor-element.elementor-element-3c7d011:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-3c7d011 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-81f21fa{--display:flex;}.elementor-11069 .elementor-element.elementor-element-18225bf{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11069 .elementor-element.elementor-element-dd8881d{--display:flex;--overflow:hidden;}.elementor-11069 .elementor-element.elementor-element-6607a86{--display:flex;}.elementor-11069 .elementor-element.elementor-element-6607a86:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-6607a86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-9e27f50{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-82e87bc{--display:flex;}.elementor-11069 .elementor-element.elementor-element-82e87bc:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-82e87bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-5972b09{--display:flex;--overflow:hidden;border-style:none;--border-style:none;}.elementor-11069 .elementor-element.elementor-element-5972b09:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-5972b09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-f1c1eed .elementor-icon-wrapper{text-align:center;}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-stacked .elementor-icon{background-color:#FF6F61;}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-framed .elementor-icon, .elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-default .elementor-icon{color:#FF6F61;border-color:#FF6F61;}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-framed .elementor-icon, .elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-default .elementor-icon svg{fill:#FF6F61;}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-framed .elementor-icon:hover, .elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-framed .elementor-icon:hover, .elementor-11069 .elementor-element.elementor-element-f1c1eed.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-f1c1eed{padding:10px 0px 022px 0px;}.elementor-11069 .elementor-element.elementor-element-c518e97{--display:flex;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-bff0bdd{--display:flex;}.elementor-11069 .elementor-element.elementor-element-f4a4553{--display:flex;--margin-top:89px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-a1fb1ae{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-11069 .elementor-element.elementor-element-f66aed1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-11069 .elementor-element.elementor-element-f66aed1:after{content:"0.66";}.elementor-11069 .elementor-element.elementor-element-f66aed1 .elementor-post__thumbnail__link{width:100%;}.elementor-11069 .elementor-element.elementor-element-f66aed1 .elementor-post__meta-data span + span:before{content:"|";}.elementor-11069 .elementor-element.elementor-element-f66aed1{--grid-column-gap:32px;--grid-row-gap:42px;}.elementor-11069 .elementor-element.elementor-element-f66aed1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-11069 .elementor-element.elementor-element-f66aed1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-11069 .elementor-element.elementor-element-f66aed1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-11069 .elementor-element.elementor-element-8c14b3a{--display:flex;--margin-top:65px;--margin-bottom:-42px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11069 .elementor-element.elementor-element-e5b8212{--divider-border-style:solid;--divider-color:var( --e-global-color-primary );--divider-border-width:1.5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-e5b8212 .elementor-divider-separator{width:100%;}.elementor-11069 .elementor-element.elementor-element-e5b8212 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-11069 .elementor-element.elementor-element-931fb7d{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-11069 .elementor-element.elementor-element-4822144:after{content:"0.66";}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-post__thumbnail__link{width:100%;}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-post__meta-data span + span:before{content:"///";}.elementor-11069 .elementor-element.elementor-element-4822144{--grid-column-gap:42px;--grid-row-gap:32px;}.elementor-11069 .elementor-element.elementor-element-4822144.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-11069 .elementor-element.elementor-element-4822144.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-11069 .elementor-element.elementor-element-4822144.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-post__read-more{color:var( --e-global-color-secondary );}.elementor-11069 .elementor-element.elementor-element-9970132{--display:flex;--min-height:52vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:120px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-11069 .elementor-element.elementor-element-9970132:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-9970132 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-5f9be1c{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11069 .elementor-element.elementor-element-5f9be1c:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-5f9be1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twentyfourtalents.de/wp-content/uploads/2025/11/Thomas-Heim-web-Zitat.png");background-position:top center;background-repeat:no-repeat;background-size:contain;}.elementor-11069 .elementor-element.elementor-element-5f9be1c:hover{background-image:url("https://twentyfourtalents.de/wp-content/uploads/2025/11/Thomas-Heim-web-Zitat-overlay.png");}.elementor-11069 .elementor-element.elementor-element-5f9be1c.e-con{--align-self:center;}.elementor-11069 .elementor-element.elementor-element-3545e8d{columns:1;text-align:start;font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,0.3);margin:55% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-11069 .elementor-element.elementor-element-3545e8d.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-11069 .elementor-element.elementor-element-f877bfb{--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:26%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-f877bfb.e-con{--align-self:flex-start;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-11069 .elementor-element.elementor-element-6b2d993 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-6b2d993{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-55863e4 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-55863e4{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-d402031{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:3%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-de87cfd .elementor-heading-title{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-badd927{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-9e677f6{--display:flex;--min-height:52vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:120px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-11069 .elementor-element.elementor-element-9e677f6:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-9e677f6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-11069 .elementor-element.elementor-element-52e72e0{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:3%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-5fbb76a .elementor-heading-title{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-09211f9{color:#FFFFFF;}.elementor-11069 .elementor-element.elementor-element-d6afdff{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11069 .elementor-element.elementor-element-d6afdff.e-con{--align-self:center;}.elementor-11069 .elementor-element.elementor-element-09ef67a{columns:1;text-align:start;font-family:"Noto Sans", Sans-serif;font-size:18px;font-weight:700;margin:55% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 0px 0px 0px;width:var( --container-widget-width, 75% );max-width:75%;--container-widget-width:75%;--container-widget-flex-grow:0;}.elementor-11069 .elementor-element.elementor-element-09ef67a.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-11069 .elementor-element.elementor-element-68b60bc{--display:flex;}.elementor-11069 .elementor-element.elementor-element-4a3537d .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-4a3537d{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-11069 .elementor-element.elementor-element-06587fd .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-06587fd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-11069 .elementor-element.elementor-element-ecbe530{--display:flex;}.elementor-11069 .elementor-element.elementor-element-d73fe70{--display:flex;}.elementor-11069 .elementor-element.elementor-element-3fd058d{--display:flex;}.elementor-11069 .elementor-element.elementor-element-2c903a9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-2c903a9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-11069 .elementor-element.elementor-element-c58c5f9 .elementor-button-content-wrapper{flex-direction:row;}.elementor-11069 .elementor-element.elementor-element-c58c5f9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}@media(max-width:1279px){.elementor-11069 .elementor-element.elementor-element-1c61224{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-97ceba8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:-8%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-8581b77{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11069 .elementor-element.elementor-element-a0e2a3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 18px;z-index:1;}.elementor-11069 .elementor-element.elementor-element-adb5ba1{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11069 .elementor-element.elementor-element-9fc3739{--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;--flex-wrap:nowrap;--border-radius:22px 22px 22px 22px;--margin-top:0%;--margin-bottom:-11%;--margin-left:0%;--margin-right:0%;--padding-top:22px;--padding-bottom:22px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-cc329ab{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 42px 0px 42px;z-index:3;}.elementor-11069 .elementor-element.elementor-element-351f0bc .elementor-menu-toggle{border-width:1px;}.elementor-11069 .elementor-element.elementor-element-351f0bc{margin:0% 3% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-3c7d011{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:22px 22px 22px 22px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-11069 .elementor-element.elementor-element-81f21fa{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-d0bf9fa{padding:0px 10px 0px 42px;}.elementor-11069 .elementor-element.elementor-element-18225bf{--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;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-dd8881d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11069 .elementor-element.elementor-element-6607a86{--border-radius:22px 22px 22px 22px;--margin-top:0%;--margin-bottom:-14%;--margin-left:0%;--margin-right:0%;--padding-top:22px;--padding-bottom:22px;--padding-left:22px;--padding-right:22px;}.elementor-11069 .elementor-element.elementor-element-9e27f50{margin:22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:3;}.elementor-11069 .elementor-element.elementor-element-82e87bc{--min-height:69vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:22px 22px 22px 22px;--margin-top:0%;--margin-bottom:-5%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-11069 .elementor-element.elementor-element-82e87bc:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-82e87bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twentyfourtalents.de/wp-content/uploads/2025/10/Twentyfourtalents-Homepage-Picture-mobile-view.jpg");background-position:center center;background-repeat:no-repeat;background-size:601px auto;}.elementor-11069 .elementor-element.elementor-element-5972b09{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:22px 22px 22px 22px;--margin-top:-15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-ba5b8fd{padding:22px 22px 22px 22px;z-index:3;}.elementor-11069 .elementor-element.elementor-element-f1c1eed{z-index:3;}.elementor-11069 .elementor-element.elementor-element-9e677f6{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-52e72e0{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:42px;--padding-bottom:42px;--padding-left:42px;--padding-right:42px;}.elementor-11069 .elementor-element.elementor-element-d6afdff{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11069 .elementor-element.elementor-element-c7151fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-09ef67a{text-align:start;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;width:100%;max-width:100%;}.elementor-11069 .elementor-element.elementor-element-09ef67a.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;}.elementor-11069 .elementor-element.elementor-element-68b60bc{--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;}.elementor-11069 .elementor-element.elementor-element-4a3537d{padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-4a3537d.elementor-element{--align-self:center;}.elementor-11069 .elementor-element.elementor-element-06587fd{padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-06587fd.elementor-element{--align-self:center;}.elementor-11069 .elementor-element.elementor-element-ecbe530{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-d73fe70{--gap:00px 00px;--row-gap:00px;--column-gap:00px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-6b991e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-3fd058d{--gap:00px 00px;--row-gap:00px;--column-gap:00px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:42px;--padding-bottom:42px;--padding-left:42px;--padding-right:42px;}.elementor-11069 .elementor-element.elementor-element-2c903a9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-2c903a9.elementor-element{--align-self:flex-start;}.elementor-11069 .elementor-element.elementor-element-c58c5f9{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-c58c5f9.elementor-element{--align-self:flex-start;}}@media(max-width:767px){.elementor-11069 .elementor-element.elementor-element-1c61224{--justify-content:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-11069 .elementor-element.elementor-element-5918032{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:8;}.elementor-11069 .elementor-element.elementor-element-97ceba8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-11069 .elementor-element.elementor-element-8581b77{--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:flex-start;--margin-top:0%;--margin-bottom:-17%;--margin-left:0%;--margin-right:0%;}.elementor-11069 .elementor-element.elementor-element-a0e2a3c img{width:242px;}.elementor-11069 .elementor-element.elementor-element-a0e2a3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;width:auto;max-width:auto;}.elementor-11069 .elementor-element.elementor-element-adb5ba1{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11069 .elementor-element.elementor-element-cc329ab{padding:32px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-351f0bc .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-11069 .elementor-element.elementor-element-351f0bc{z-index:8;}.elementor-11069 .elementor-element.elementor-element-dd8881d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11069 .elementor-element.elementor-element-9e27f50{padding:32px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-82e87bc{--min-height:55vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-11069 .elementor-element.elementor-element-82e87bc:not(.elementor-motion-effects-element-type-background), .elementor-11069 .elementor-element.elementor-element-82e87bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://twentyfourtalents.de/wp-content/uploads/2026/01/BG-Header-Blog-Uebersicht-Bild.jpg");background-size:470px auto;}.elementor-11069 .elementor-element.elementor-element-c518e97{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11069 .elementor-element.elementor-element-65f69fb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-11069 .elementor-element.elementor-element-a1fb1ae{--padding-top:12px;--padding-bottom:12px;--padding-left:22px;--padding-right:22px;}.elementor-11069 .elementor-element.elementor-element-f66aed1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-11069 .elementor-element.elementor-element-f66aed1:after{content:"0.5";}.elementor-11069 .elementor-element.elementor-element-f66aed1 .elementor-post__thumbnail__link{width:100%;}.elementor-11069 .elementor-element.elementor-element-931fb7d{--padding-top:12px;--padding-bottom:12px;--padding-left:22px;--padding-right:22px;}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-11069 .elementor-element.elementor-element-4822144:after{content:"0.5";}.elementor-11069 .elementor-element.elementor-element-4822144 .elementor-post__thumbnail__link{width:100%;}.elementor-11069 .elementor-element.elementor-element-9970132{--padding-top:12px;--padding-bottom:12px;--padding-left:22px;--padding-right:22px;}.elementor-11069 .elementor-element.elementor-element-9e677f6{--margin-top:42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-52e72e0{--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:32px;--padding-bottom:12px;--padding-left:0px;--padding-right:0px;}.elementor-11069 .elementor-element.elementor-element-5fbb76a{padding:22px 22px 0px 22px;}.elementor-11069 .elementor-element.elementor-element-09211f9{padding:22px 22px 0px 22px;}.elementor-11069 .elementor-element.elementor-element-920aed1{padding:22px 22px 22px 22px;}.elementor-11069 .elementor-element.elementor-element-d6afdff{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-11069 .elementor-element.elementor-element-c7151fd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-11069 .elementor-element.elementor-element-09ef67a{text-align:center;margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0px 22px 0px 22px;}.elementor-11069 .elementor-element.elementor-element-09ef67a.elementor-element{--order:99999 /* order end hack */;}.elementor-11069 .elementor-element.elementor-element-4a3537d .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-11069 .elementor-element.elementor-element-4a3537d{padding:0% 0% 0% 0%;}.elementor-11069 .elementor-element.elementor-element-06587fd .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-11069 .elementor-element.elementor-element-06587fd{padding:0% 0% 0% 0%;}.elementor-11069 .elementor-element.elementor-element-6b991e7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 12px) 0px;padding:0px 0px 0px 0px;width:100%;max-width:100%;}.elementor-11069 .elementor-element.elementor-element-2c903a9 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-11069 .elementor-element.elementor-element-2c903a9{padding:0% 0% 0% 0%;}.elementor-11069 .elementor-element.elementor-element-c58c5f9 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-11069 .elementor-element.elementor-element-c58c5f9{padding:0% 0% 0% 0%;}}@media(min-width:768px){.elementor-11069 .elementor-element.elementor-element-5f9be1c{--width:55%;}.elementor-11069 .elementor-element.elementor-element-52e72e0{--width:100%;}.elementor-11069 .elementor-element.elementor-element-d6afdff{--width:55%;}}@media(max-width:1279px) and (min-width:768px){.elementor-11069 .elementor-element.elementor-element-d6afdff{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-a1fb1ae *//* =========================================
   1. GLOBAL: BILD-EFFEKTE
   ========================================= */
.blog-hero .elementor-post__thumbnail img,
.blog-list .elementor-post__thumbnail img {
    /* GARANTIERT KEIN TRANSFORM: Nur Helligkeit animieren */
    transition: filter 0.6s ease !important;
    
    /* Start-Helligkeit */
    filter: brightness(0.9) !important;
    
    /* Layout */
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
}

/* Hover: Nur heller */
.blog-hero .elementor-post:hover .elementor-post__thumbnail img,
.blog-list .elementor-post:hover .elementor-post__thumbnail img {
    filter: brightness(1.15) !important;
}


/* =========================================
   2. HERO BLOG (Oben - 3 Große) - LAYOUT
   ========================================= */

/* NEU: Lücken zwischen den Bildern entfernen (Desktop) */
@media (min-width: 768px) {
    .blog-hero .elementor-grid {
        grid-gap: 0 !important; /* Klebt die Spalten zusammen */
        grid-column-gap: 0 !important;
    }
}

/* Rahmen */
.blog-hero .elementor-post {
    position: relative !important;
    height: 550px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: #000 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Link (Full Size) */
.blog-hero .elementor-post__thumbnail__link {
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important; height: 100% !important;
    padding-bottom: 0 !important;
    z-index: 1 !important;
}

/* Bild Wrapper Fix */
.blog-hero .elementor-post__thumbnail {
    position: static !important;
    width: 100% !important; height: 100% !important;
    padding-bottom: 0 !important;
}

/* Verlauf (Overlay) */
.blog-hero .elementor-post__thumbnail__link::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0) 100%);
    z-index: 2 !important;
    pointer-events: none;
}

/* TEXT CONTAINER */
.blog-hero .elementor-post__text {
    position: absolute !important;
    bottom: 0 !important; left: 0 !important;
    width: 100% !important;
    padding: 40px 30px 35px 30px !important;
    z-index: 10 !important;
    pointer-events: none;
    
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
}

/* 1. DIE WEISSE LINIE */
.blog-hero .elementor-post__text::before {
    content: '';
    display: block;
    width: 100% !important; 
    height: 2px;
    background-color: #fff;
    margin-bottom: 12px !important; 
    order: 0 !important; 
}

/* 2. DAS DATUM */
.blog-hero .elementor-post__meta-data {
    color: #FF6F61 !important; 
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700 !important;
    margin-bottom: 5px !important; 
    order: 1 !important; 
}

/* 3. DER TITEL */
.blog-hero .elementor-post__title,
.blog-hero .elementor-post__title a {
    color: #ffffff !important;
    font-size: 23px !important; 
    line-height: 1.3 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    
    order: 2 !important; 
    min-height: 90px !important; 
    display: flex !important;
    align-items: flex-end !important; 
}

.blog-hero .elementor-post__read-more { display: none !important; }


/* =========================================
   3. LIST BLOG (Unten)
   ========================================= */

.blog-list { margin-top: 60px !important; }

.blog-list .elementor-post__thumbnail__link {
    position: relative !important; display: block !important;
    overflow: hidden !important;
    padding-bottom: 66% !important; height: 0 !important;
}

.blog-list .elementor-post__thumbnail img {
    position: absolute !important; top: 0; left: 0;
}

.blog-list .elementor-post__title {
    font-size: 18px !important; margin-top: 15px !important;
    margin-bottom: 5px !important; font-weight: 700 !important;
    line-height: 1.4 !important;
}

.blog-list .elementor-post__title a { color: #333 !important; }
.blog-list .elementor-post__meta-data { font-size: 12px !important; color: #888 !important; margin-bottom: 10px !important; }


/* =========================================
   4. RESPONSIVE
   ========================================= */

@media (max-width: 1024px) {
    .blog-hero .elementor-post { height: 450px !important; }
}

@media (max-width: 767px) {
    .blog-hero .elementor-post { 
        height: 400px !important; 
        margin-bottom: 20px !important; /* Hier Abstand lassen, da untereinander */
    }
    .blog-hero .elementor-post__title { 
        font-size: 21px !important; 
        min-height: auto !important; 
    }
    
    /* Mobil: Grid aufheben für sauberes Stapeln */
    .blog-hero .elementor-grid, 
    .blog-list .elementor-grid {
        display: block !important; 
    }
    .elementor-grid-item { 
        width: 100% !important; 
        margin-bottom: 20px !important; 
        display: block !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6b2d993 *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67;
  color: white;
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-55863e4 *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67; 
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f87935a *//* Stellt sicher, dass die Stile nur auf dieses Formular wirken */
.wpcf7 {
  color: #ffffff; /* Setzt die allgemeine Textfarbe im Formular auf Weiß */
}

/* Stile für die Labels (Name*, Firma*, Nachricht) */
.wpcf7 label {
  display: block; /* Stellt sicher, dass das Feld unter dem Label erscheint */
  margin-bottom: 8px;
  font-weight: 600;
}

/* Stile für alle Text-Eingabefelder und die Textarea */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Rahmen */
  border-radius: 12px;
  color: #ffffff;
  padding: 12px 18px;
  width: 100%;
  transition: border-color 0.3s ease;
}

/* Spezielle Höhe für die Nachrichten-Box */
.wpcf7 textarea {
  height: 150px;
  resize: vertical; /* Erlaubt dem Nutzer, die Box vertikal zu vergrößern */
}

/* Rahmenfarbe ändern, wenn man in ein Feld klickt */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):focus {
  border-color: #FF6F61; /* Orange Farbe beim Fokussieren */
  outline: none; /* Entfernt den Standard-Browser-Rahmen */
}

/* Zustimmungshäkchen (Checkbox) und Text */
.wpcf7 .wpcf7-acceptance {
  margin-top: 20px;
}
.wpcf7 .wpcf7-acceptance span {
  font-size: 14px;
}


/* --- Senden-Button --- */

/* Grund-Stil für den Button */
.wpcf7 .wpcf7-submit {
  background-color: #FF6F61; /* Dein Marken-Orange */
  color: #ffffff;
  border: none;
  border-radius: 30px; /* Macht den Button rund */
  padding: 15px 40px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  width: auto;
  
  /* Sanfter Übergang für den Hover-Effekt */
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hover-Effekt für den Button */
.wpcf7 .wpcf7-submit:hover {
  background-color: #8fb77a; /* Dein Blau für den Hover */
  transform: scale(1.1); /* Macht den Button 10% größer */
}


/* --- Globales Styling für ALLE Contact Form 7 Formulare (Weißer Text) --- */
/*
  HINWEIS: Diese Regeln gelten für JEDES CF7-Formular auf der Website.
*/

/* Stellt sicher, dass die Stile auf alle CF7-Formulare wirken */
.wpcf7 {
  color: #ffffff; /* Setzt die allgemeine Textfarbe im Formular auf Weiß */
}

/* Stile für die Labels (Name*, Firma*, Nachricht) */
.wpcf7 label {
  display: block; /* Stellt sicher, dass das Feld unter dem Label erscheint */
  
  /* === HIER IST IHRE ÄNDERUNG === */
  /* Abstand NACH dem Label (zum EIGENEN Feld) auf 0 gesetzt */
  margin-bottom: 0px;
  /* NEU: Abstand VOR dem Label (zum FELD DARÜBER) hinzugefügt */
  margin-top: 26px; /* Passen Sie diesen Wert (z.B. 16px) nach Wunsch an */
  
  font-weight: 600;
}

/* ERSTER LABEL-BLOCK: Den Abstand oben entfernen, damit das Formular bündig beginnt */
.wpcf7 p:first-child label {
    margin-top: 0px;
}

/* Stile für alle Text-Eingabefelder und die Textarea */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Rahmen */
  border-radius: 12px;
  color: #ffffff;
  padding: 12px 18px;
  width: 100%;
  box-sizing: border-box; /* Verhindert Überlaufen bei 100% Breite */
  transition: border-color 0.3s ease;
}

/* Spezielle Höhe für die Nachrichten-Box */
.wpcf7 textarea {
  height: 150px;
  resize: vertical; /* Erlaubt dem Nutzer, die Box vertikal zu vergrößern */
}

/* Rahmenfarbe ändern, wenn man in ein Feld klickt */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):focus {
  border-color: #FF6F61; /* Orange Farbe beim Fokussieren */
  outline: none; /* Entfernt den Standard-Browser-Rahmen */
}

/* Zustimmungshäkchen (Checkbox) und Text */
.wpcf7 .wpcf7-acceptance {
  margin-top: 20px;
}
.wpcf7 .wpcf7-acceptance span {
  font-size: 14px;
}


/* --- Senden-Button --- */

/* Grund-Stil für den Button */
.wpcf7 .wpcf7-submit {
  background-color: #FF6F61; /* Dein Marken-Orange */
  color: #ffffff;
  border: none;
  border-radius: 30px; /* Macht den Button rund */
  padding: 15px 40px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  width: auto;
  
  /* Sanfter Übergang für den Hover-Effekt */
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hover-Effekt für den Button */
.wpcf7 .wpcf7-submit:hover {
  background-color: #8fb77a; /* Dein Blau für den Hover */
  transform: scale(1.1); /* Macht den Button 10% größer */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-920aed1 *//* Stellt sicher, dass die Stile nur auf dieses Formular wirken */
.wpcf7 {
  color: #ffffff; /* Setzt die allgemeine Textfarbe im Formular auf Weiß */
}

/* Stile für die Labels (Name*, Firma*, Nachricht) */
.wpcf7 label {
  display: block; /* Stellt sicher, dass das Feld unter dem Label erscheint */
  margin-bottom: 8px;
  font-weight: 600;
}

/* Stile für alle Text-Eingabefelder und die Textarea */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.8); /* Leicht transparenter weißer Rahmen */
  border-radius: 12px;
  color: #ffffff;
  padding: 12px 18px;
  width: 100%;
  transition: border-color 0.3s ease;
}

/* Spezielle Höhe für die Nachrichten-Box */
.wpcf7 textarea {
  height: 150px;
  resize: vertical; /* Erlaubt dem Nutzer, die Box vertikal zu vergrößern */
}

/* Rahmenfarbe ändern, wenn man in ein Feld klickt */
.wpcf7 .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):focus {
  border-color: #FF6F61; /* Orange Farbe beim Fokussieren */
  outline: none; /* Entfernt den Standard-Browser-Rahmen */
}

/* Zustimmungshäkchen (Checkbox) und Text */
.wpcf7 .wpcf7-acceptance {
  margin-top: 20px;
}
.wpcf7 .wpcf7-acceptance span {
  font-size: 14px;
}


/* --- Senden-Button --- */

/* Grund-Stil für den Button */
.wpcf7 .wpcf7-submit {
  background-color: #FF6F61; /* Dein Marken-Orange */
  color: #ffffff;
  border: none;
  border-radius: 30px; /* Macht den Button rund */
  padding: 15px 40px;
  cursor: pointer;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  width: auto;
  
  /* Sanfter Übergang für den Hover-Effekt */
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Hover-Effekt für den Button */
.wpcf7 .wpcf7-submit:hover {
  background-color: #8fb77a; /* Dein Blau für den Hover */
  transform: scale(1.1); /* Macht den Button 10% größer */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4a3537d *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67; 
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-06587fd *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67; 
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2c903a9 *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67; 
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c58c5f9 *//* --- Animierter Kontakt-Button (Version 2) --- */

/* 1. Grund-Styling des Buttons */
.animated-contact-button .elementor-button {
  position: relative; 
  background-color: #224b67; 
  border: 3px solid #FF6F61; /* NEU: Rahmenfarbe Orange */
  padding: 15px 30px 15px 80px; 
  border-radius: 50px; 
  transition: border-color 0.4s ease; /* NEU: Nur die Rahmenfarbe animieren */
  overflow: hidden; 
  text-align: left; 
}

/* 2. Der Text im Button */
.animated-contact-button .elementor-button-text {
  position: relative;
  z-index: 2;
  line-height: 1.4; 
  font-size: 18px;
  font-weight: bold;
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55); /* DIESE ZEILE IST NEU */
}

/* 3. Der farbige Kreis (liegt hinter dem Icon) */
.animated-contact-button .elementor-button::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 6px; 
  transform: translateY(-50%);
  width: 50px; 
  height: 50px;
  background-color: #FF6F61; /* Startfarbe Orange */
  border-radius: 50%;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 1;
}

/* 4. Das echte Icon aus dem Elementor-Widget */
.animated-contact-button .elementor-button-icon {
  position: absolute;
  top: 50%;
  left: 18px; /* Angepasste Position für das Icon */
  transform: translateY(-50%);
  font-size: 24px; /* Größe des Icons anpassen */
  color: white;
  transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  z-index: 2; /* Liegt über dem Kreis */
  margin: 0 !important; /* Wichtiger Reset für die Positionierung */
  padding-right: 0 !important;
}

/* --- HOVER-EFFEKT --- */

/* 5. Rahmenfarbe bei Hover ändern */
.animated-contact-button .elementor-button:hover {
  border-color: #8fb77a; /* NEU: Rahmenfarbe Grün */
}

/* 6. Kreis-Position und -Farbe bei Hover ändern */
.animated-contact-button .elementor-button:hover::before {
  left: calc(100% - 56px); 
  background-color: #8fb77a; /* Endfarbe Grün */
}

/* 7. Icon-Position bei Hover ändern */
.animated-contact-button .elementor-button:hover .elementor-button-icon {
  left: calc(100% - 44px); /* Bewegt das Icon mit an den rechten Rand */
}

/* 8. Text bei Hover nach links verschieben */
.animated-contact-button .elementor-button:hover .elementor-button-text {
  transform: translateX(-65px); /* Bewegt den Text nach links */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://twentyfourtalents.de/wp-content/uploads/2025/11/noto-sans-v42-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://twentyfourtalents.de/wp-content/uploads/2025/11/noto-sans-v42-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Noto Sans';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://twentyfourtalents.de/wp-content/uploads/2025/11/noto-sans-v42-latin-italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */