.elementor-21 .elementor-element.elementor-element-8841211{--display:flex;--min-height:419px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-8841211:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-8841211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(360deg, #072253 0%, #133A82 100%);}.elementor-21 .elementor-element.elementor-element-e14e411{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-21 .elementor-element.elementor-element-0fbe785{--display:flex;}.elementor-21 .elementor-element.elementor-element-0fbe785.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-21 .elementor-element.elementor-element-ac4982f{text-align:end;}.elementor-21 .elementor-element.elementor-element-ac4982f img{width:100%;max-width:227px;height:222px;}.elementor-21 .elementor-element.elementor-element-366abcf{--display:flex;--justify-content:space-around;}.elementor-21 .elementor-element.elementor-element-23f70d5{--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;}.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-21 .elementor-element.elementor-element-26f7548 .elementor-icon-wrapper{text-align:center;}.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-21 .elementor-element.elementor-element-e3bb1b8 .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-8ec3378 );}.elementor-21 .elementor-element.elementor-element-302e5e6{--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;}.elementor-21 .elementor-element.elementor-element-12adc64 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-8ec3378 );}.elementor-21 .elementor-element.elementor-element-daf6fd9{--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:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-0e66681 .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-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-21 .elementor-element.elementor-element-b6071e2 .elementor-button{background-color:#1C83D500;font-family:"Akatab", Sans-serif;font-size:16px;font-weight:500;text-transform:none;fill:var( --e-global-color-8ec3378 );color:var( --e-global-color-8ec3378 );border-style:solid;border-color:var( --e-global-color-primary );border-radius:2px 2px 2px 2px;}.elementor-21 .elementor-element.elementor-element-b6071e2 .elementor-button:hover, .elementor-21 .elementor-element.elementor-element-b6071e2 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-b6071e2{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-b6071e2 .elementor-button:hover svg, .elementor-21 .elementor-element.elementor-element-b6071e2 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-dc2f039{--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;--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-21 .elementor-element.elementor-element-f6a754e{--display:flex;--justify-content:center;--gap:012px 0px;--row-gap:012px;--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-21 .elementor-element.elementor-element-1698164{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -3px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-1698164 .elementor-heading-title{font-family:"Akatab", Sans-serif;font-size:48px;font-weight:700;text-transform:uppercase;color:#0A204899;}.elementor-21 .elementor-element.elementor-element-d1b29c4 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-ec39957{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:16px 24px;--row-gap:16px;--column-gap:24px;--grid-auto-flow:row;}.elementor-21 .elementor-element.elementor-element-de4ded0{--display:flex;--justify-content:center;--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-21 .elementor-element.elementor-element-b1fbe49 .elementor-icon-wrapper{text-align:start;}.elementor-21 .elementor-element.elementor-element-b1fbe49.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-b1fbe49.elementor-view-framed .elementor-icon:hover, .elementor-21 .elementor-element.elementor-element-b1fbe49.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-b1fbe49.elementor-view-framed .elementor-icon:hover, .elementor-21 .elementor-element.elementor-element-b1fbe49.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-21 .elementor-element.elementor-element-45a5ebd .elementor-heading-title{color:var( --e-global-color-secondary );}.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-21 .elementor-element.elementor-element-e51140b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Akatab", Sans-serif;font-size:16px;font-weight:400;text-transform:none;line-height:20px;color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-e51140b a:hover, .elementor-21 .elementor-element.elementor-element-e51140b a:focus{color:var( --e-global-color-primary );}.elementor-21 .elementor-element.elementor-element-3dced0c{--display:flex;--justify-content:center;--gap:8px 0px;--row-gap:8px;--column-gap:0px;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-21 .elementor-element.elementor-element-a2821d9 .elementor-icon-wrapper{text-align:start;}.elementor-21 .elementor-element.elementor-element-462f19a .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-72189b9{color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-0e0aecb{--display:flex;--justify-content:center;--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-21 .elementor-element.elementor-element-c62c075 .elementor-icon-wrapper{text-align:start;}.elementor-21 .elementor-element.elementor-element-ce9ee26 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-c14cd34{color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-35c3c29{--display:flex;--min-height:189px;--justify-content:center;--gap:8px 0px;--row-gap:8px;--column-gap:0px;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:024px;--padding-right:24px;}.elementor-21 .elementor-element.elementor-element-35c3c29.e-con{--order:-99999 /* order start hack */;}.elementor-21 .elementor-element.elementor-element-d3c9a1c .elementor-icon-wrapper{text-align:start;}.elementor-21 .elementor-element.elementor-element-fbbfe74 .elementor-heading-title{color:var( --e-global-color-secondary );}.elementor-21 .elementor-element.elementor-element-4c4c775{color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-4e58cc5{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-4e58cc5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-301e8fc{text-align:end;}.elementor-21 .elementor-element.elementor-element-301e8fc img{width:308px;height:501px;}.elementor-21 .elementor-element.elementor-element-65e5288{--display:flex;--margin-top:64px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-dbc18fa .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-21 .elementor-element.elementor-element-dbc18fa .elementor-button:hover, .elementor-21 .elementor-element.elementor-element-dbc18fa .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-text );}.elementor-21 .elementor-element.elementor-element-dbc18fa{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-dbc18fa .elementor-button:hover svg, .elementor-21 .elementor-element.elementor-element-dbc18fa .elementor-button:focus svg{fill:var( --e-global-color-text );}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-0fbe785{--width:29.896%;}.elementor-21 .elementor-element.elementor-element-366abcf{--width:637px;}.elementor-21 .elementor-element.elementor-element-f6a754e{--width:100%;}.elementor-21 .elementor-element.elementor-element-35c3c29{--content-width:308px;}.elementor-21 .elementor-element.elementor-element-4e58cc5{--width:34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-21 .elementor-element.elementor-element-4e58cc5{--width:22%;}}@media(max-width:1024px){.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-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-21 .elementor-element.elementor-element-dc2f039{--gap:0px 10px;--row-gap:0px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-21 .elementor-element.elementor-element-ec39957{--grid-auto-flow:row;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-21 .elementor-element.elementor-element-4e58cc5{--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-301e8fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}body.elementor-page-21{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-8841211{--padding-top:42px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-e14e411{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-21 .elementor-element.elementor-element-0fbe785.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-21 .elementor-element.elementor-element-ac4982f{text-align:center;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-21 .elementor-element.elementor-element-dc2f039{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-21 .elementor-element.elementor-element-ec39957{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-21 .elementor-element.elementor-element-301e8fc img{width:190px;height:100%;}}/* Start custom CSS for container, class: .elementor-element-de4ded0 *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-21 .elementor-element.elementor-element-de4ded0 {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-21 .elementor-element.elementor-element-de4ded0::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-21 .elementor-element.elementor-element-de4ded0: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-21 .elementor-element.elementor-element-de4ded0:hover h1, 
.elementor-21 .elementor-element.elementor-element-de4ded0:hover h2, 
.elementor-21 .elementor-element.elementor-element-de4ded0:hover h3, 
.elementor-21 .elementor-element.elementor-element-de4ded0:hover p,
.elementor-21 .elementor-element.elementor-element-de4ded0:hover ul,
.elementor-21 .elementor-element.elementor-element-de4ded0:hover ul,
.elementor-21 .elementor-element.elementor-element-de4ded0: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-21 .elementor-element.elementor-element-de4ded0:hover .elementor-container,
.elementor-21 .elementor-element.elementor-element-de4ded0:hover .e-container,
.elementor-21 .elementor-element.elementor-element-de4ded0:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}

.elementor-21 .elementor-element.elementor-element-de4ded0 .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/settings-6-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-21 .elementor-element.elementor-element-de4ded0 .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-21 .elementor-element.elementor-element-de4ded0:hover .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/settings-7-2.svg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3dced0c *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-21 .elementor-element.elementor-element-3dced0c {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-21 .elementor-element.elementor-element-3dced0c::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-21 .elementor-element.elementor-element-3dced0c: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-21 .elementor-element.elementor-element-3dced0c:hover h1, 
.elementor-21 .elementor-element.elementor-element-3dced0c:hover h2, 
.elementor-21 .elementor-element.elementor-element-3dced0c:hover h3, 
.elementor-21 .elementor-element.elementor-element-3dced0c:hover p,
.elementor-21 .elementor-element.elementor-element-3dced0c:hover ul,
.elementor-21 .elementor-element.elementor-element-3dced0c:hover ul,
.elementor-21 .elementor-element.elementor-element-3dced0c: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-21 .elementor-element.elementor-element-3dced0c:hover .elementor-container,
.elementor-21 .elementor-element.elementor-element-3dced0c:hover .e-container,
.elementor-21 .elementor-element.elementor-element-3dced0c:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}

.elementor-21 .elementor-element.elementor-element-3dced0c .elementor-icon {
    background-image: url(
    http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/location-exclamation-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-21 .elementor-element.elementor-element-3dced0c .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-21 .elementor-element.elementor-element-3dced0c:hover .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Vector-4.svg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e0aecb *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-21 .elementor-element.elementor-element-0e0aecb {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-21 .elementor-element.elementor-element-0e0aecb::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-21 .elementor-element.elementor-element-0e0aecb: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-21 .elementor-element.elementor-element-0e0aecb:hover h1, 
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover h2, 
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover h3, 
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover p,
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover ul,
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover ul,
.elementor-21 .elementor-element.elementor-element-0e0aecb: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-21 .elementor-element.elementor-element-0e0aecb:hover .elementor-container,
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover .e-container,
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}

.elementor-21 .elementor-element.elementor-element-0e0aecb .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/memo-circle-check-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-21 .elementor-element.elementor-element-0e0aecb .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-21 .elementor-element.elementor-element-0e0aecb:hover .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Vector-6.svg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-35c3c29 *//* Basis-Einstellungen für den Hauptcontainer */
.elementor-21 .elementor-element.elementor-element-35c3c29 {
    position: relative;
    overflow: hidden; /* Verhindert, dass die Ecken des rotierenden Hintergrunds überstehen */
    z-index: 1;
}

/* Das unsichtbare Hintergrund-Element, das rotieren wird */
.elementor-21 .elementor-element.elementor-element-35c3c29::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-21 .elementor-element.elementor-element-35c3c29: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-21 .elementor-element.elementor-element-35c3c29:hover h1, 
.elementor-21 .elementor-element.elementor-element-35c3c29:hover h2, 
.elementor-21 .elementor-element.elementor-element-35c3c29:hover h3, 
.elementor-21 .elementor-element.elementor-element-35c3c29:hover p,
.elementor-21 .elementor-element.elementor-element-35c3c29:hover ul,
.elementor-21 .elementor-element.elementor-element-35c3c29:hover ul,
.elementor-21 .elementor-element.elementor-element-35c3c29: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-21 .elementor-element.elementor-element-35c3c29:hover .elementor-container,
.elementor-21 .elementor-element.elementor-element-35c3c29:hover .e-container,
.elementor-21 .elementor-element.elementor-element-35c3c29:hover .e-con {
    background-color: #102C60 !important; /* Hintergrund der inneren Container */
    transition: all 0.3s ease;
}

.elementor-21 .elementor-element.elementor-element-35c3c29 .elementor-icon {
    background-image: url(
   http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/rocket-lunch-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-21 .elementor-element.elementor-element-35c3c29 .elementor-icon svg {
    opacity: 0 !important;
}

/* Sobald der CONTAINER gehovert wird, tauscht das Icon das Hintergrundbild */
.elementor-21 .elementor-element.elementor-element-35c3c29:hover .elementor-icon {
    background-image: url(http://neu.wilfried-kopanski-consulting.de/wp-content/uploads/2026/08/Vector-5.svg);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc2f039 *//* This class targets your container */

.container {
    background-color: #FFFFFF;
    transition: all 0.6s ease-in-out;
}


/* This changes the background color of that container on hover */

.container:hover {
    background-color: #102C60 !important;
}


/* This class targets your text editor(s) */

.text {
    color: #101010 !important;
    transition: all 0.6s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.container:hover .text {
    color: #FFFFFF !important;
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .container:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .container:hover .text {
        color: #101010 !important;
    }
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-21 {overflow-x:hidden}/* End custom CSS */