.elementor-424 .elementor-element.elementor-element-b0cf852{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:20px;}.elementor-424 .elementor-element.elementor-element-b0cf852.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-424 .elementor-element.elementor-element-4931eec{--display:flex;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--margin-top:64px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-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-424 .elementor-element.elementor-element-a33a46f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -3px;padding:0px 0px 0px 0px;}.elementor-424 .elementor-element.elementor-element-a33a46f .elementor-heading-title{font-family:"Akatab", Sans-serif;font-size:64px;font-weight:700;text-transform:uppercase;color:#0A204899;}.elementor-424 .elementor-element.elementor-element-c1b72f9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-424 .elementor-element.elementor-element-c1b72f9 .elementor-heading-title{font-size:var( --e-global-typography-dc41a5d-font-size );font-weight:var( --e-global-typography-dc41a5d-font-weight );color:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-cf42226{--display:flex;--padding-top:44px;--padding-bottom:30px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-cf42226:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-cf42226 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5400ed2 );}.elementor-424 .elementor-element.elementor-element-2b76cb0{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:24px 24px;--row-gap:24px;--column-gap:24px;--grid-auto-flow:row;}.elementor-424 .elementor-element.elementor-element-7a032a7{--display:flex;--justify-content:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:2px 2px 2px 2px;box-shadow:2px 2px 4px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-7a032a7:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-7a032a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.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-424 .elementor-element.elementor-element-ca799f3 .elementor-icon-wrapper{text-align:start;}.elementor-424 .elementor-element.elementor-element-ca799f3.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-ca799f3.elementor-view-framed .elementor-icon:hover, .elementor-424 .elementor-element.elementor-element-ca799f3.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-ca799f3.elementor-view-framed .elementor-icon:hover, .elementor-424 .elementor-element.elementor-element-ca799f3.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-424 .elementor-element.elementor-element-910f14f .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-424 .elementor-element.elementor-element-f5d6b79 .elementor-heading-title{color:var( --e-global-color-45b5193 );}.elementor-424 .elementor-element.elementor-element-d87a45f{--display:flex;--justify-content:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:2px 2px 2px 2px;box-shadow:2px 2px 4px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-d87a45f:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-d87a45f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-43e52fd .elementor-icon-wrapper{text-align:start;}.elementor-424 .elementor-element.elementor-element-669333c .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-424 .elementor-element.elementor-element-dd4b47b .elementor-heading-title{color:var( --e-global-color-45b5193 );}.elementor-424 .elementor-element.elementor-element-c2459c0{--display:flex;--justify-content:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:2px 2px 2px 2px;box-shadow:2px 2px 4px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-c2459c0:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-c2459c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-b2934af .elementor-icon-wrapper{text-align:start;}.elementor-424 .elementor-element.elementor-element-f4cc7c7 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-424 .elementor-element.elementor-element-ff7e316 .elementor-heading-title{color:var( --e-global-color-45b5193 );}.elementor-424 .elementor-element.elementor-element-eb66de2{--display:flex;--justify-content:flex-start;--gap:8px 0px;--row-gap:8px;--column-gap:0px;--background-transition:0.3s;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-radius:2px 2px 2px 2px;box-shadow:2px 2px 4px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-eb66de2:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-eb66de2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-68f62db .elementor-icon-wrapper{text-align:start;}.elementor-424 .elementor-element.elementor-element-69a10d6 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-424 .elementor-element.elementor-element-f4e733f .elementor-heading-title{color:var( --e-global-color-45b5193 );}.elementor-424 .elementor-element.elementor-element-2b8b068{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:36px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-2b8b068:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-2b8b068 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Rectangle-23-2-scaled.png");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-424 .elementor-element.elementor-element-91f2a7a{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:032px 0px;--row-gap:032px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-b4e6bad{--display:flex;--border-radius:4px 4px 4px 4px;box-shadow:1px 1px 6px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--padding-top:024px;--padding-bottom:24px;--padding-left:24px;--padding-right:60px;}.elementor-424 .elementor-element.elementor-element-b4e6bad:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-b4e6bad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-cc38e93{--e-transform-translateX:0px;--e-transform-translateY:-49px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -53px) 0px;z-index:9;}.elementor-424 .elementor-element.elementor-element-cc38e93.elementor-element{--align-self:flex-end;}.elementor-424 .elementor-element.elementor-element-cc38e93 .elementor-icon-wrapper{text-align:end;}.elementor-424 .elementor-element.elementor-element-b01e159 .elementor-heading-title{color:#0A2048B2;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );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-424 .elementor-element.elementor-element-202e897.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-424 .elementor-element.elementor-element-202e897{text-align:start;}.elementor-424 .elementor-element.elementor-element-f3df2c9{--display:flex;--border-radius:4px 4px 4px 4px;box-shadow:1px 1px 6px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--padding-top:024px;--padding-bottom:24px;--padding-left:24px;--padding-right:60px;}.elementor-424 .elementor-element.elementor-element-f3df2c9:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-f3df2c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-31336ee{--e-transform-translateY:-49px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -53px) 0px;z-index:9;}.elementor-424 .elementor-element.elementor-element-31336ee.elementor-element{--align-self:flex-end;}.elementor-424 .elementor-element.elementor-element-31336ee .elementor-icon-wrapper{text-align:end;}.elementor-424 .elementor-element.elementor-element-807a822 .elementor-heading-title{color:#0A2048B2;}.elementor-424 .elementor-element.elementor-element-eee2985{text-align:start;}.elementor-424 .elementor-element.elementor-element-7304c80{--display:flex;--border-radius:4px 4px 4px 4px;box-shadow:1px 1px 6px 0px rgba(38.999999999999986, 113.00000000000001, 195, 0.2);--padding-top:024px;--padding-bottom:24px;--padding-left:24px;--padding-right:60px;}.elementor-424 .elementor-element.elementor-element-7304c80:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-7304c80 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-dfbc1d7{--e-transform-translateY:-49px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -53px) 0px;z-index:9;}.elementor-424 .elementor-element.elementor-element-dfbc1d7.elementor-element{--align-self:flex-end;}.elementor-424 .elementor-element.elementor-element-dfbc1d7 .elementor-icon-wrapper{text-align:end;}.elementor-424 .elementor-element.elementor-element-6aa8f5b .elementor-heading-title{color:#0A2048B2;}.elementor-424 .elementor-element.elementor-element-41e349c{text-align:start;}.elementor-424 .elementor-element.elementor-element-2ba964d{--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:flex-start;--gap:0px 32px;--row-gap:0px;--column-gap:32px;--margin-top:64px;--margin-bottom:080px;--margin-left:0px;--margin-right:0px;}.elementor-424 .elementor-element.elementor-element-737e093{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-424 .elementor-element.elementor-element-737e093.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );}.elementor-424 .elementor-element.elementor-element-b104b80{z-index:99;}.elementor-424 .elementor-element.elementor-element-b104b80 img{width:325px;height:245px;}.elementor-424 .elementor-element.elementor-element-d781c59{--display:flex;--justify-content:flex-start;--gap:16px 0px;--row-gap:16px;--column-gap:0px;}.elementor-424 .elementor-element.elementor-element-2335043{--display:flex;--border-radius:4px 4px 4px 4px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-424 .elementor-element.elementor-element-2335043:not(.elementor-motion-effects-element-type-background), .elementor-424 .elementor-element.elementor-element-2335043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-424 .elementor-element.elementor-element-36cad27{text-align:center;}.elementor-424 .elementor-element.elementor-element-36cad27 .elementor-heading-title{color:var( --e-global-color-8ec3378 );}.elementor-424 .elementor-element.elementor-element-f88ea9e{--display:flex;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:0px;}.elementor-424 .elementor-element.elementor-element-8488fbb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:start;}.elementor-424 .elementor-element.elementor-element-92704a1{color:#7C7C7C;}.elementor-424 .elementor-element.elementor-element-4102ac4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-424 .elementor-element.elementor-element-52b20df .elementor-button{background-color:#1C83D500;font-family:"Akatab", Sans-serif;font-size:16px;font-weight:500;text-transform:none;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-color:var( --e-global-color-primary );border-radius:2px 2px 2px 2px;}.elementor-424 .elementor-element.elementor-element-52b20df .elementor-button:hover, .elementor-424 .elementor-element.elementor-element-52b20df .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-424 .elementor-element.elementor-element-52b20df{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-424 .elementor-element.elementor-element-52b20df .elementor-button:hover svg, .elementor-424 .elementor-element.elementor-element-52b20df .elementor-button:focus svg{fill:var( --e-global-color-text );}@media(max-width:1024px){.elementor-424 .elementor-element.elementor-element-b0cf852{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-c1b72f9 .elementor-heading-title{font-size:var( --e-global-typography-dc41a5d-font-size );}.elementor-424 .elementor-element.elementor-element-cf42226{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-2b76cb0{--grid-auto-flow:row;}.elementor-424 .elementor-element.elementor-element-2b8b068{--padding-top:0px;--padding-bottom:32px;--padding-left:24px;--padding-right:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-424 .elementor-element.elementor-element-b104b80 img{width:100%;}.elementor-424 .elementor-element.elementor-element-2335043{--border-radius:4px 4px 0px 0px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-424 .elementor-element.elementor-element-b0cf852{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-424 .elementor-element.elementor-element-a33a46f .elementor-heading-title{font-size:8.5vw;}.elementor-424 .elementor-element.elementor-element-c1b72f9 .elementor-heading-title{font-size:var( --e-global-typography-dc41a5d-font-size );}.elementor-424 .elementor-element.elementor-element-cf42226{--padding-top:24px;--padding-bottom:24px;--padding-left:12px;--padding-right:012px;}.elementor-424 .elementor-element.elementor-element-2b76cb0{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-424 .elementor-element.elementor-element-2b8b068{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-424 .elementor-element.elementor-element-91f2a7a{--padding-top:0px;--padding-bottom:0px;--padding-left:012px;--padding-right:12px;}.elementor-424 .elementor-element.elementor-element-b4e6bad{--padding-top:24px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-424 .elementor-element.elementor-element-202e897{width:var( --container-widget-width, 112.234% );max-width:112.234%;--container-widget-width:112.234%;--container-widget-flex-grow:0;}.elementor-424 .elementor-element.elementor-element-f3df2c9{--padding-top:24px;--padding-bottom:012px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-7304c80{--padding-top:24px;--padding-bottom:012px;--padding-left:24px;--padding-right:24px;}.elementor-424 .elementor-element.elementor-element-737e093{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-424 .elementor-element.elementor-element-737e093.e-con{--order:99999 /* order end hack */;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-424 .elementor-element.elementor-element-b104b80 img{width:100%;}.elementor-424 .elementor-element.elementor-element-f88ea9e{--padding-top:0px;--padding-bottom:12px;--padding-left:24px;--padding-right:24px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(min-width:768px){.elementor-424 .elementor-element.elementor-element-cf42226{--content-width:830px;}.elementor-424 .elementor-element.elementor-element-2b8b068{--content-width:830px;}.elementor-424 .elementor-element.elementor-element-7304c80{--width:830px;}.elementor-424 .elementor-element.elementor-element-737e093{--width:27.396%;}}@media(max-width:1024px) and (min-width:768px){.elementor-424 .elementor-element.elementor-element-737e093{--width:28%;}}/* Start custom CSS for container, class: .elementor-element-7a032a7 *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-424 .elementor-element.elementor-element-7a032a7 {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-424 .elementor-element.elementor-element-7a032a7::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #102C60; /* Deine Wunsch-Hintergrundfarbe */
    z-index: -1; /* Liegt hinter dem Text und den Icons */
    
    /* Startzustand: Unsichtbar, herangezoomt und um -90 Grad gedreht */
    opacity: 0;
    transform: scale(0) rotate(-90deg); 
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

/* DER HOVER-EFFEKT: Hintergrund rotiert und skaliert rein */
.elementor-424 .elementor-element.elementor-element-7a032a7:hover::before {
    opacity: 1;
    transform: scale(1) rotate(0deg); /* Rotiert auf 0 Grad und zoomt auf 100% */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-7a032a7:hover h1, 
.elementor-424 .elementor-element.elementor-element-7a032a7:hover h2, 
.elementor-424 .elementor-element.elementor-element-7a032a7:hover h3, 
.elementor-424 .elementor-element.elementor-element-7a032a7:hover p,
.elementor-424 .elementor-element.elementor-element-7a032a7:hover ul,
.elementor-424 .elementor-element.elementor-element-7a032a7:hover ul,
.elementor-424 .elementor-element.elementor-element-7a032a7:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d87a45f *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-424 .elementor-element.elementor-element-d87a45f {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-424 .elementor-element.elementor-element-d87a45f::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #102C60; /* Deine Wunsch-Hintergrundfarbe */
    z-index: -1; /* Liegt hinter dem Text und den Icons */
    
    /* Startzustand: Unsichtbar, herangezoomt und um -90 Grad gedreht */
    opacity: 0;
    transform: scale(0) rotate(-90deg); 
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

/* DER HOVER-EFFEKT: Hintergrund rotiert und skaliert rein */
.elementor-424 .elementor-element.elementor-element-d87a45f:hover::before {
    opacity: 1;
    transform: scale(1) rotate(0deg); /* Rotiert auf 0 Grad und zoomt auf 100% */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-d87a45f:hover h1, 
.elementor-424 .elementor-element.elementor-element-d87a45f:hover h2, 
.elementor-424 .elementor-element.elementor-element-d87a45f:hover h3, 
.elementor-424 .elementor-element.elementor-element-d87a45f:hover p,
.elementor-424 .elementor-element.elementor-element-d87a45f:hover ul,
.elementor-424 .elementor-element.elementor-element-d87a45f:hover ul,
.elementor-424 .elementor-element.elementor-element-d87a45f:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c2459c0 *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-424 .elementor-element.elementor-element-c2459c0 {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-424 .elementor-element.elementor-element-c2459c0::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #102C60; /* Deine Wunsch-Hintergrundfarbe */
    z-index: -1; /* Liegt hinter dem Text und den Icons */
    
    /* Startzustand: Unsichtbar, herangezoomt und um -90 Grad gedreht */
    opacity: 0;
    transform: scale(0) rotate(-90deg); 
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

/* DER HOVER-EFFEKT: Hintergrund rotiert und skaliert rein */
.elementor-424 .elementor-element.elementor-element-c2459c0:hover::before {
    opacity: 1;
    transform: scale(1) rotate(0deg); /* Rotiert auf 0 Grad und zoomt auf 100% */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-c2459c0:hover h1, 
.elementor-424 .elementor-element.elementor-element-c2459c0:hover h2, 
.elementor-424 .elementor-element.elementor-element-c2459c0:hover h3, 
.elementor-424 .elementor-element.elementor-element-c2459c0:hover p,
.elementor-424 .elementor-element.elementor-element-c2459c0:hover ul,
.elementor-424 .elementor-element.elementor-element-c2459c0:hover ul,
.elementor-424 .elementor-element.elementor-element-c2459c0:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb66de2 *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-424 .elementor-element.elementor-element-eb66de2 {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-424 .elementor-element.elementor-element-eb66de2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #102C60; /* Deine Wunsch-Hintergrundfarbe */
    z-index: -1; /* Liegt hinter dem Text und den Icons */
    
    /* Startzustand: Unsichtbar, herangezoomt und um -90 Grad gedreht */
    opacity: 0;
    transform: scale(0) rotate(-90deg); 
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

/* DER HOVER-EFFEKT: Hintergrund rotiert und skaliert rein */
.elementor-424 .elementor-element.elementor-element-eb66de2:hover::before {
    opacity: 1;
    transform: scale(1) rotate(0deg); /* Rotiert auf 0 Grad und zoomt auf 100% */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-eb66de2:hover h1, 
.elementor-424 .elementor-element.elementor-element-eb66de2:hover h2, 
.elementor-424 .elementor-element.elementor-element-eb66de2:hover h3, 
.elementor-424 .elementor-element.elementor-element-eb66de2:hover p,
.elementor-424 .elementor-element.elementor-element-eb66de2:hover ul,
.elementor-424 .elementor-element.elementor-element-eb66de2:hover ul,
.elementor-424 .elementor-element.elementor-element-eb66de2:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4e6bad *//* Ändert die Hintergrundfarbe des Containers beim Hover */
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover {
    background-color: #102C60 !important; /* Deine Wunsch-Hintergrundfarbe */
    transition: all 0.3s ease; /* Macht den Übergang schön weich */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover h1, 
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover h2, 
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover h3, 
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover p,
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover ul,
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover ul,
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}

/* 2. ALLE Unter-Container im Inneren ändern sich automatisch MIT */
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover .elementor-container,
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover .e-container,
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}
.elementor-424 .elementor-element.elementor-element-b4e6bad .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

/* Das standardmäßige Elementor-Icon unsichtbar machen */
.elementor-424 .elementor-element.elementor-element-b4e6bad .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-424 .elementor-element.elementor-element-b4e6bad:hover .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-2.svg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-807a822 */.elementor-424 .elementor-element.elementor-element-807a822 .elementor-heading-title {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3df2c9 *//* Ändert die Hintergrundfarbe des Containers beim Hover */
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover {
    background-color: #102C60 !important; /* Deine Wunsch-Hintergrundfarbe */
    transition: all 0.3s ease; /* Macht den Übergang schön weich */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover h1, 
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover h2, 
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover h3, 
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover p,
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover ul,
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover ul,
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}

/* 2. ALLE Unter-Container im Inneren ändern sich automatisch MIT */
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover .elementor-container,
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover .e-container,
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}
.elementor-424 .elementor-element.elementor-element-f3df2c9 .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

/* Das standardmäßige Elementor-Icon unsichtbar machen */
.elementor-424 .elementor-element.elementor-element-f3df2c9 .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-424 .elementor-element.elementor-element-f3df2c9:hover .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-2.svg);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6aa8f5b */.elementor-424 .elementor-element.elementor-element-6aa8f5b .elementor-heading-title {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7304c80 *//* Ändert die Hintergrundfarbe des Containers beim Hover */
.elementor-424 .elementor-element.elementor-element-7304c80:hover {
    background-color: #102C60 !important; /* Deine Wunsch-Hintergrundfarbe */
    transition: all 0.3s ease; /* Macht den Übergang schön weich */
}

/* Ändert gleichzeitig ALLE Überschriften und Texte im Container beim Hover */
.elementor-424 .elementor-element.elementor-element-7304c80:hover h1, 
.elementor-424 .elementor-element.elementor-element-7304c80:hover h2, 
.elementor-424 .elementor-element.elementor-element-7304c80:hover h3, 
.elementor-424 .elementor-element.elementor-element-7304c80:hover p,
.elementor-424 .elementor-element.elementor-element-7304c80:hover ul,
.elementor-424 .elementor-element.elementor-element-7304c80:hover ul,
.elementor-424 .elementor-element.elementor-element-7304c80:hover .elementor-heading-title {
    color: #ffffff !important; /* Deine Wunsch-Schriftfarbe */
    transition: all 0.3s ease;
}

/* 2. ALLE Unter-Container im Inneren ändern sich automatisch MIT */
.elementor-424 .elementor-element.elementor-element-7304c80:hover .elementor-container,
.elementor-424 .elementor-element.elementor-element-7304c80:hover .e-container,
.elementor-424 .elementor-element.elementor-element-7304c80:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}
.elementor-424 .elementor-element.elementor-element-7304c80 .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

/* Das standardmäßige Elementor-Icon unsichtbar machen */
.elementor-424 .elementor-element.elementor-element-7304c80 .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-424 .elementor-element.elementor-element-7304c80:hover .elementor-icon {
    background-image: url(https://www.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Frame-7-2.svg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-737e093 */@media screen and (min-width: 820px){.img-zoom1 img {
  transition: transform 0.5s ease !important;
}
.img-zoom1:hover img {
  transform: scale(1.5);

}}/* End custom CSS */